Android ViewPager的初始化及遇到的切换异常,界面异常拉伸

Android ViewPager初始化(添加布局子界面,添加页面切换监听):

private ViewPager viewPager;
private View view1,view2,view3;

private void InitViewPager() {
    viewPager= (ViewPager) findViewById(R.id.V_Pager);
    views=new ArrayList<View>();
    LayoutInflater inflater=getLayoutInflater();
    view1=inflater.inflate(R.layout.layout1, null);       
    view2=inflater.inflate(R.layout.layout2, null);
    view3=inflater.inflate(R.layout.layout3, null);
    views.add(view1);
    views.add(view2);
    views.add(view3);
    viewPager.setAdapter(new MainActivity.MyViewPagerAdapter(views));
    viewPager.setCurrentItem(0);//设置初始显示界面Item(0),即R.layout.layout1
    viewPager.setOnPageChangeListener(new MainActivity.MyOnPageChangeListener());
    }

发现在切换ViewPager的子界面时,界面会异常拉升,最后发现是其中一个layout使用了以下这行代码导致的,将其去掉即可。

android:fitsSystemWindows="true"

另补上InitViewPager()中的MyViewPagerAdapter:

private class MyViewPagerAdapter extends PagerAdapter {
    private List<View> mListViews;
    public MyViewPagerAdapter(List<View> mListViews) {
        this.mListViews = mListViews;     }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object)
    {
        container.removeView(mListViews.get(position));
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        container.addView(mListViews.get(position), 0);
        return mListViews.get(position);
    }

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

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0==arg1;
    }
}

页面切换监听及事件:

private class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {
        public void onPageScrollStateChanged(int arg0) {
        }
        public void onPageScrolled(int arg0, float arg1, int arg2) {
        }
        public void onPageSelected(int arg0) {
            switch (arg0) {
                case 0:
                    showToast("page0");
                    break;
                case 1:
                    showToast("page1");
                    break;
                case 2:
                    showToast("page2");
                    break;
                default:                 
                    break;
            }
    }
}

showToast:

private void showToast(final String str) {
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();       }
    });
}

以上都是放在MainActivity.java里的

在这里插入图片描述

时间给空想者痛苦,给创造者幸福。---麦金西
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是实现步骤: 1. 首先在布局文件中添加TabLayout和ViewPager2控件,如下所示: ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed"/> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 2. 在java文件中实例化TabLayout和ViewPager2控件,并设置ViewPager2的适配器,如下所示: ```java TabLayout tabLayout = findViewById(R.id.tab_layout); ViewPager2 viewPager = findViewById(R.id.view_pager); // 设置ViewPager2的适配器 viewPager.setAdapter(new MyFragmentPagerAdapter(this)); ``` 3. 创建FragmentPagerAdapter类,并实现getItemCount()和createFragment()方法,如下所示: ```java public class MyFragmentPagerAdapter extends FragmentPagerAdapter { private Context mContext; public MyFragmentPagerAdapter(Context context) { super(context); mContext = context; } @NonNull @Override public Fragment getItem(int position) { // 根据位置返回不同的Fragment switch (position) { case 0: return new Fragment1(); case 1: return new Fragment2(); case 2: return new Fragment3(); default: return new Fragment1(); } } @Override public int getItemCount() { return 3; // 返回Fragment的数量 } } ``` 4. 在java文件中为TabLayout添加Tab选项,并设置TabLayout的监听器,如下所示: ```java // 添加Tab选项 tabLayout.addTab(tabLayout.newTab().setText("Tab1")); tabLayout.addTab(tabLayout.newTab().setText("Tab2")); tabLayout.addTab(tabLayout.newTab().setText("Tab3")); // 设置TabLayout的监听器 tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { // 当Tab被选中时,切换ViewPager2对应的页面 viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(TabLayout.Tab tab) { } @Override public void onTabReselected(TabLayout.Tab tab) { } }); ``` 5. 最后,在Fragment中添加自己的UI布局和逻辑代码即可。 以上就是使用TabLayout和ViewPager2实现Fragment界面切换的步骤,希望能对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值