android Viewpager+Fragment实现下划线随用户滑动而滑动

最新推荐文章于 2023-07-14 17:06:47 发布

原创最新推荐文章于 2023-07-14 17:06:47 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种根据屏幕宽度和顶部标签数量动态调整底部导航图片宽度的方法，并通过ViewPager的OnPageChangeListener实现跟随滑动的手势改变下划线的位置。

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

1:根据顶部切换的标签和屏幕的宽度动态设置底部导航图片的宽度

 //下划线的长度
 private int width;
//当前选中的标签页下标
private int index=0;
//Fragment的个数
private int num=0;
private LinearLayout.LayoutParams params;
     private void init() {
        //获得滑动标签图片的getLayoutParams();
        params= (LinearLayout.LayoutParams) image_pull.getLayoutParams();
        //获得屏幕的宽度
        DisplayMetrics dm=new DisplayMetrics();
       getWindowManager().getDefaultDisplay().g)width=dm.widthPixels;
        //添加Fragment集合
        List<Fragment> list=new ArrayList<Fragment>();
        //实例化Fragment管理器
        FragmentManager fm=getSupportFragmentManager();gmentManager();
        //创建适配器
        adapter=new ViewAdapter(fm,list);
        mViewPager.setAdapter(adapter);
        LinearLayout.LayoutParams lp= (LinearLayout.LayoutParams) image_pull.getLayoutParams();
        //根据顶部标签的数量和屏幕的宽度计算出下划线的宽度
        num=list.size();
        lp.width=width/num;
        //重新设置下导航图片的宽度
        image_pull.setLayoutParams(params);
     }

2:对Viewpager添加OnPageChangeListener方法并在其onPageScrolled方法中添加对导航图片的设置

private  class  myPageChangeListener implements ViewPager.OnPageChangeListener{

        /**
         * 当页面在滑动时调用的方法一直到滑动结束
         *
         * @param position
         *            :当前页面，及你点击滑动的页面
         * @param positionOffset
         *            :当前页面偏移的百分比
         * @param positionOffsetPixels
         *            :当前页面偏移的像素位置
         * */
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            //跳转到下个页面
            if(index==position){
                //计算下划线距离左部的Margin达到下划线随着手势滑动而滑动
                params.leftMargin=(int) (positionOffset * (width * 1.0 / num) + index
                        * (width / num));
            }
            //跳转到上一页面
            if(index==(position+1)){
                params.leftMargin = (int) (-(1 - positionOffset) * (width * 1.0 / num) + index
                        * (width / num));
            }
            //添加下划线距离左部间距
            image_pull.setLayoutParams(params);
        }

        /**
         * 当页面已经跳转完毕时调用的方法
         *
         * @param position
         *  代表当前页面的下标
         * */
        @Override
        public void onPageSelected(int position) {
            //更新下标
            index=position;
        }
        /**
         * 滑动状态
         *
        *            =2 滑动完成
         * */
        @Override
        public void onPageScrollStateChanged(int state) {
        }``