ViewPager+FragmentStatePagerAdapter 实现菜单

来源:互联网 发布:博奥软件 编辑:程序博客网 时间:2024/05/21 11:17

参考:http://www.lcode.org/horizontalscrollviewfragmentfragmentstatepageradapter%E6%89%93%E9%80%A0%E7%BD%91%E6%98%93%E6%96%B0%E9%97%BBtab%E5%8F%8A%E6%BB%91%E5%8A%A8%E9%A1%B5%E9%9D%A2%E6%95%88%E6%9E%9C/


主要代码:

public class GoodsMgrFragment extends BaseFragmentActivity implements ViewPager.OnPageChangeListener {    ViewPager info_viewpager;    private List fragments;    private CNKFixedPagerAdapter mPagerAdater;    private String[] titles = new String[]{"销售中", "待上架", "审核中", "审核失败"};    /**     * 当前选择的分类     */    private int mCurClassIndex = 0;    /**     * 选择的分类字体颜色     */    private int mColorSelected;    /**     * 非选择的分类字体颜色     */    private int mColorUnSelected;    /**     * 水平滚动的Tab容器     */    private HorizontalScrollView mScrollBar;    /**     * 分类导航的容器     */    private ViewGroup mClassContainer;    /**     * 水平滚动X     */    private int mScrollX = 0;    int width, height;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.fragment_mgr_main);        initViews();        initValidata();    }    /**     * 初始化布局控件     */    private void initViews() {        info_viewpager = (ViewPager) findViewById(R.id.info_viewpager);        mScrollBar = (HorizontalScrollView) findViewById(R.id.horizontal_info);        mClassContainer = (ViewGroup) findViewById(R.id.linearlayout_container);        WindowManager wm = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE);        width = wm.getDefaultDisplay().getWidth();        height = wm.getDefaultDisplay().getHeight();    }    private void initValidata() {        mColorSelected = getResources().getColor(R.color.text_refund_money);        mColorUnSelected = getResources().getColor(R.color.text_lv_1);        //添加Tab标签        addScrollView(titles);        mScrollBar.post(new Runnable() {            @Override            public void run() {                mScrollBar.scrollTo(mScrollX, 0);            }        });        fragments = new ArrayList<>();        for (int i = 0; i < 4; i++) {            MgrContentFragment oneFragment = new MgrContentFragment();            Bundle bundle = new Bundle();            bundle.putString("extra", titles[i]);            oneFragment.setArguments(bundle);            fragments.add(oneFragment);        }        mPagerAdater = new CNKFixedPagerAdapter(getSupportFragmentManager());        mPagerAdater.setTitles(titles);        mPagerAdater.setFragments(fragments);        info_viewpager.setAdapter(mPagerAdater);        info_viewpager.setOnPageChangeListener(this);    }    /**     * 动态添加顶部Tab滑动的标签     *     * @param titles     */    private void addScrollView(String[] titles) {        LayoutInflater mLayoutInflater = LayoutInflater.from(this);        final int count = titles.length;        for (int i = 0; i < count; i++) {            final String title = titles[i];            final View view = mLayoutInflater.inflate(R.layout.horizontal_item_layout, null);            view.setLayoutParams(new LinearLayout.LayoutParams(width / count, LinearLayout.LayoutParams.MATCH_PARENT));            final TextView tv_goods_type = (TextView) view.findViewById(R.id.tv_goods_type);            final TextView tv_goods_count = (TextView) view.findViewById(R.id.tv_goods_count);            tv_goods_type.setText(title);            if (i == mCurClassIndex) {                //已经选中                tv_goods_type.setTextColor(mColorSelected);                tv_goods_count.setTextColor(mColorSelected);            } else {                //未选中                tv_goods_type.setTextColor(mColorUnSelected);                tv_goods_count.setTextColor(mColorUnSelected);            }            final int index = i;            //点击顶部Tab标签,动态设置下面的ViewPager页面            view.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    //首先设置当前的Item为正常状态                    View currentItem = mClassContainer.getChildAt(mCurClassIndex);                    ((TextView) (currentItem.findViewById(R.id.tv_goods_type))).setTextColor(mColorUnSelected);                    ((TextView) (currentItem.findViewById(R.id.tv_goods_count))).setTextColor(mColorUnSelected);                    mCurClassIndex = index;                    //设置点击状态                    tv_goods_type.setTextColor(mColorSelected);                    tv_goods_count.setTextColor(mColorSelected);                    //跳转到指定的ViewPager                    info_viewpager.setCurrentItem(mCurClassIndex);                }            });            mClassContainer.addView(view);        }    }    //下面三个回调方法 分别是在ViewPager进行滑动的时候调用    @Override    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {    }    @Override    public void onPageSelected(int position) {        //首先设置当前的Item为正常状态        View preView = mClassContainer.getChildAt(mCurClassIndex);        ((TextView) (preView.findViewById(R.id.tv_goods_type))).setTextColor(mColorUnSelected);        ((TextView) (preView.findViewById(R.id.tv_goods_count))).setTextColor(mColorUnSelected);        mCurClassIndex = position;        //设置当前为选中状态        View currentItem = mClassContainer.getChildAt(mCurClassIndex);        ((TextView) (currentItem.findViewById(R.id.tv_goods_type))).setTextColor(mColorSelected);        ((TextView) (currentItem.findViewById(R.id.tv_goods_count))).setTextColor(mColorSelected);        //这边移动的距离 是经过计算粗略得出来的        mScrollX = currentItem.getLeft() - 300;        mScrollBar.post(new Runnable() {            @Override            public void run() {                mScrollBar.scrollTo(mScrollX, 0);            }        });    }    @Override    public void onPageScrollStateChanged(int state) {    }}

布局文件:fragment_mgr_main

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:layout_width="match_parent"              android:layout_height="match_parent"              android:background="@color/white"              android:orientation="vertical">    <include layout="@layout/include_title_bar"/>    <include layout="@layout/include_view_x1px"/>    <!--横向滑动的容器-->    <HorizontalScrollView        android:id="@+id/horizontal_info"        android:layout_width="fill_parent"        android:layout_height="48dp"        android:scrollbars="none">        <!--装入每一个Tab项容器-->        <LinearLayout            android:id="@+id/linearlayout_container"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:orientation="horizontal">        </LinearLayout>    </HorizontalScrollView>    <include layout="@layout/include_view_x10dp"/>    <android.support.v4.view.ViewPager        android:id="@+id/info_viewpager"        android:layout_width="fill_parent"        android:layout_height="fill_parent"/></LinearLayout>



0 0