Viewpager+Tablayout实现滑动布局并监听tablayout点击事件以及fragment刷新问题。

本文介绍了如何在Android应用中结合Viewpager和Tablayout创建滑动布局,并监听Tablayout的点击事件。当点击Tab时,通过下拉框选择分类并动态刷新当前Viewpager中的Fragment,实现界面更新。总结了基本用法,包括XML布局文件的设置和Activity中的初始化操作,以及如何实现Tab的点击事件监听和Fragment的刷新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 viewpager+tablayout都不陌生了。在很多地方都有用到过。这两天碰到个需求要求点击tablayout时出现下拉框选择分类然后动态刷新viewpager的当前界面。

首先对viewpager+tablayout做一个简单用法的总结。

1、在界面布局文件xml中添加

      <android.support.design.widget.TabLayout
            android:id="@+id/product_tabLayout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="6"
            app:tabIndicatorColor="#D60000"
            app:tabIndicatorHeight="5dp"
            app:tabMode="scrollable"
            app:tabSelectedTextColor="#D60000"
            app:tabTextColor="#151414">

        </android.support.design.widget.TabLayout>
        

    <android.support.v4.view.ViewPager
        android:id="@+id/product_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

2、在activity中

首先初始化标题和viewpager布局文件

   //页卡标题
    private List<String> tabTitleList = new ArrayList<>();

    //界面布局
    private List<Fragment> mFragmentList = new ArrayList<>();


        tabTitleList.add("新增产品");
        tabTitleList.add("分类管理");
        tabTitleList.add("产品分类");

        mTabLayout = (TabLayout) findViewById(R.id.product_tabLayout);

        mViewPager = (ViewPager) findViewById(R.id.product_viewpager);

        mFragmentList.add(new FragmentXZCP());
        mFragmentList.add(new FragmentFLGL());
        mFragmentList.add(new FragmentCPFL());
 //设置viewpager最大显示页数
        mViewPager.setOffscreenPageLimit(mFragmentList.size());
        //添加tab选项
        for (int i = 0; i < tabTitleList.size(); i++) {
            mTabLayout.addTab(mTabLayout.newTab().setText(tabTitleList.get(i)));
        }

        //给viewpager设置适配器
        final FragmentPagerAdapter fragmentPagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return mFragmentList.get(position);
            }

            @Override
            public int getCount() {
                return mFragmentList.size();
            }

            @Override
            public CharSequence getPageTitle(int position) {
                return tabTitleList.get(position);
            }
        };
    //viewpager设置适配器
   mViewPager.setAdapter(fragmentPagerAdapter);
    //绑定viewpager和tablayout
   mTabLayout.setupWithViewPager(mViewPager);

 

若要给tablayout设置点击事件。

        mTabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                //选择时触发
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                //未选择是触发
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {
                //选中之后再次点击即复选时触发
                if (tab.getText().equals("产品分类")) {
                    mPopupWindow.showAsDropDown(mTabLayout);
                }
                fragmentPagerAdapter.notifyDataSetChanged();
            }
        });

可以在这里面做各种操作。若是要类似在复选时出现弹框,根据选择类容来改变fragment界面只需要设置回调监听。然后吊用

 fragmentPagerAdapter.notifyDataSetChanged();则就可以刷新界面。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值