美文网首页
三种实现tab切换的实现思路

三种实现tab切换的实现思路

作者: 小人物灌篮 | 来源:发表于2017-04-04 11:08 被阅读229次

一:利用ViewPager实现Tab切换效果

  1. 首先新建几个要切换的xml布局文件,然后在主布局中间添加 <android.support.v4.view.ViewPager>布局,用于显示我们写好的xml布局。
  2. 在主方法中,定添加代码如下:
LayoutInflater mInflater = LayoutInflater.from(this);
View tab01  = mInflater.inflate(R.layout.tab01, null);
mViews.add(tab01);```
其中的mView代表我们list数据源。
3. 实现PagerAdapter()适配器,注意要重写其中的destroyItem方法,在里面实现  ```container.removeView(mViews.get(position));``` 在```public Object instantiateItem(ViewGroup   container, int position)```方法中获取当前显示的view,并将其添加到ViewGroup中。
4. 设置前面实现的适配器,然后添加按钮的点击时间,将其与我们活动的ViewPager绑定,  这样只有当我们点击按钮,或是滑动按钮时的按钮颜色变化;最后需要添加一个 setOnPageChangeListener的方法来监听ViewPager的活动。主要是在```public void    onPageSelected(int arg0)```方法中实现逻辑代码。
5. 综上所述,利用利用ViewPager实现Tab切换效果实现思路基本完成。具体代码参考:

# 二:利用Fragment实现Tab切换效果(不能滑动)
1. 首先仍然需要新建需要切换的xml布局文件,然后在主布局中添加FrameLayout 以显示前   面写好的布局文件。
2. 新建几个类,一个布局对应一个类,用于加载我们的布局。该类需要继承 Fragment,然  后重写public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle         savedInstanceState){        return inflater.inflate(R.layout.tab04, container, false);  },其中    的R.layout.tab04对应我们前面写好的xml布局文件。
3. 将继承自AppActivity 的 MainActivity改成继承FragmentActivity 。
4. 获取之前写好的类并显示出来,具体的逻辑代码如下:

FragmentManager fm = getSupportFragmentManager();//获取FragmentManage对象
FragmentTransaction transaction = fm.beginTransaction();//通过FragmentManage对象,获 取FragmentTransaction对象。
Fragment mTab01 = new WeixinFragment(); //实例化前面写好的类 (WeixinFragment()对应一个xml布局文件,在之前我们已经写好)
transaction.add(R.id.id_content, mTab04); //显示xml布局文件到指定的id控件中
transaction.commit(); //最后不要忘了commit一下我们的事物。

5. 设置按钮与Fragment 想呼应,可以通过按钮切换view。具体代码比较简单,可以参考:
Ps:在这里我不得不得提醒一次,在导入包的时候,我们一定要慎重,如果我们Fragment    的包倒的是android.support.v4.app.Fragment;,后面的.FragmentManager,  FragmentTransaction,FragmentActivity;全部都要导入android.support.v4.app这个下面的  子包。不然就会出错。保持包的一致,保持包的一致,保持包的一致。重要的事情说三  篇。

# 三:利用Fragment实现Tab切换效果(可以滑动)
1. 首先仍然需要新建需要切换的xml布局文件,然后在主布局中添加   android.support.v4.view.ViewPager以显示前面写好的布局文件。
2. 与前面的第二步一致,再次不做赘述。
3.  MainActivity仍然需要继承FragmentActivity。
4. 创建FragmentPagerAdapter适配器和添加Fragmenl到list中,主要实现逻辑代码。
新建一个List 将前面写好的类实例化并且添加到list当中来。然后在     FragmentPagerAdapter适配器中重写```public Fragment getItem(int arg0)```和```public int     getCount()```方法,用于返回当前选中的FragmentItem和Fragmentcount.
5. 添加OnPageChangeListener的监听器,通过重写  public void     onPageSelected(int arg0)方   法按钮相绑定。
6. 添加按钮的监听事件,实现与相交互。具体代码参考:
(ps:最后我还是想说一句,在导入Fragment相对应的包的时候,一定只能导入一个包下的子包。)

相关文章

网友评论

      本文标题:三种实现tab切换的实现思路

      本文链接:https://www.haomeiwen.com/subject/inpaottx.html