在谷歌发布Android Design Support Library之前,app底部tab布局的实现方法就有很多种,其中有RadioGroup+FrameLayout、TabHost+Fragment、FragmentPagerAdapter+ViewPager等方法,这些方法我具体使用过RadioGroup和Framlayout联用,通过RadioGroup的点击事件来做Framlayout中几个布局的显示隐藏。下面介绍一种更为方便厉害的方法,tablelayout和viewpager都来自与design包,包括sekbar等控件都来自于它,以及Toolbar,navigationbar等都来自于它,其设计风格简约。design新出了10多个新控件,是谷歌15年新出的,是Design设计风格,风格简约,扁平化,动画加阴影,今天学习的新控件是表格布局:tablelayout,其实有了这个控件大量节约了时间,就是开发逻辑也非常重要,开发的速递也很关键,拓宽开发的领域:
首先介绍下如何导包:右键app——然后open module setting进行导包,(F4快捷键),去dependencise选择旁边那个+号选择第一个,就可以搜索依赖了;当然也可以在bulid_gradle(moudle-app)里面进行导入,但是这种导入可能会出现版本的问题,因为这样很有可能仓库里面本身就没有的。现在在上面的是tablayout。看具体过程
一、首先导入tablayout包,上面已经有了具体的过程
二、现在下面的是用viewpager来装,上面是tablayout两个都可以滑动,如何让两个滑动同步起来同时滑动,这非常重要。
首先看XML中的布局。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.administrator.layout.MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" > <include android:id="@+id/include_fram" layout="@layout/framlayoutall" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" > <include layout="@layout/radio_button" /> </LinearLayout> </LinearLayout>三、在代码如何将其绑定在一起呢?,tablayout就是有这个方法setupwithviewpager()就可以了
tabLayout.setupWithViewPager(viewPager);//
四、需要数据源接口了,一个是给tablayout,一个是给viewpager了,就这样就可以了,首先数据源的东西来自于把它装在集合里边用ArrayList集合来装,ArrayList装的对象一个是String,一个是Fragment
private ArrayList<String> tabTitle; private ArrayList<Fragment> pager_fragment;在这里需要特别注意的fragment导的是app包里面的public void initDate() { tabTitle=new ArrayList<String>(); tabTitle.add("歌曲"); tabTitle.add("专辑"); tabTitle.add("艺术家"); tabTitle.add("播放证"); pager_fragment=new ArrayList<Fragment>(); fram_0 fram_0=new fram_0(); pager_fragment.add(fram_0); fram_1 fram_1=new fram_1(); pager_fragment.add(fram_1); fram_2 fram_2=new fram_2(); pager_fragment.add(fram_2); }
五、新建三个frag_0用来继承Fragment,在这里写了一个,还有两个都是一样的,同时加载一个layout布局就行了public class fram_0 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.layout_0, container, false); return view; } }
六、现在数据有了滑动也有了,那么String的数据是如何设置到tablayout里面的呢?fragment如何加载进入viewpager里边开始滑动,String如何加入tablayout实现动态添加呢?数据如何和控件捆在一起呢?在这里需要一个特殊的适配器,这个适配叫做Fragmentpageradapter,注意这个适配器还是非常简单的使用,需要你传入一个FragmentManager,和数据就可以了,然后这个适配会帮助你处理这个FragmentManager来自己管理Fragment的显示和隐藏我知道你现在按的是那个,然后我就将这个进行显示,同时如果不使用第四个方法,就会出现一种情况就是,tablayout没有数据
public class TableAdapter extends FragmentPagerAdapter { private ArrayList<String> tabTitle; private ArrayList<Fragment> pager_fragment; public TableAdapter(FragmentManager fm, ArrayList<String> tabTitle, ArrayList<Fragment> pager_fragment) { super(fm); this.tabTitle=tabTitle; this.pager_fragment=pager_fragment; } @Override public Fragment getItem(int position) { return pager_fragment.get(position); } @Override public int getCount() { return tabTitle.size(); } //如果你需要与你的tablayout,必须重写title方法 @Override public CharSequence getPageTitle(int position) { return tabTitle.get(position); } }七、最后需要加载数据,然后将tablayout和viewPager绑定起来,同时,将viewpager绑定上适配器就可以了,
initDate(); tabLayout.setupWithViewPager(viewPager); TableAdapter adapter=new TableAdapter(getSupportFragmentManager(),tabTitle,pager_fragment); viewPager.setAdapter(adapter);
//这个是完整的activty代码
public class tableActivity extends AppCompatActivity { private TabLayout tabLayout; private ViewPager viewPager; private ArrayList<String> tabTitle; private ArrayList<Fragment> pager_fragment; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_table); tabLayout=(TabLayout)findViewById(R.id.Tab_content); viewPager=(ViewPager)findViewById(R.id.pager_content); initDate(); tabLayout.setupWithViewPager(viewPager); TableAdapter adapter=new TableAdapter(getSupportFragmentManager(),tabTitle,pager_fragment); viewPager.setAdapter(adapter); } public void initDate() { tabTitle=new ArrayList<String>(); tabTitle.add("歌曲"); tabTitle.add("专辑"); tabTitle.add("艺术家"); pager_fragment=new ArrayList<Fragment>(); fram_0 fram_0=new fram_0(); Bundle bundle=new Bundle(); bundle.putString("tab","我是来自tab的0"); fram_0.setArguments(bundle); pager_fragment.add(fram_0); fram_1 fram_1=new fram_1(); fram_1.setArguments(bundle); pager_fragment.add(fram_1); fram_2 fram_2=new fram_2(); fram_2.setArguments(bundle); pager_fragment.add(fram_2); } }