您的位置:首页 > 产品设计 > UI/UE

TabLayout的使用

2016-03-14 23:16 543 查看
TabLayout简介
TabLayout就是类似网易新闻、礼物说等APP的头部滚动标题栏。是2015年google发布新的android design support中的新增控件,是android官方控件。
类似控件有ViewPagerIndicator,不过ViewPagerIndicator是第三方控件。

TabLayout使用   

              1.导入库文件

                       1、需要导入android design support包

                        2、在xml文件中定义TabLayout

<android.support.design.widget.TabLayout
android:id="@+id/tl_zhinan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="scrollable"
app:tabIndicatorColor="#FF2D47">
</android.support.design.widget.TabLayout>

属性如下(使用app:   的前提是在布局文件中定义了appNs)
app:tabIndicatorColor="@color/white"   // 下方滚动的下划线颜色  
app:tabSelectedTextColor="@color/gray" // tab被选中后,文字的颜色  
app:tabTextColor="@color/white"        // tab默认的文字颜色

app:tabMode="scrollable"     //tab显示模式

            3、使用方法:
           tabLayout.setTabMode(TabLayout.MODE_FIXED);//设置模式
           tabLayout.addTab(
           tabLayout.newTab()
           .setText("菜单一"));
           .setIcon(R.drawable.abc_ic_menu_cut_mtrl_alpha)
备注

              4、TabLayout结合ViewPager使用
基本步骤
创建布局,包含TabLayout和ViewPager
初始化TabLayout和ViewPager
自定义PagerAdapter,并重写getPageTitle方法
设置TabLayout和ViewPager同步:tabLayout.setupWithViewPager(viewPager);(该方法必须在setAdapter之后执行)

设置获取TabLayout标题源自ViewPager的getPageTitle方法:tabLayout.setTabsFromPagerAdapter(myAdapter);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android TabLayout UI