正文

Android Material Design:滑动指示选项卡android.support.design.widget.TabLayout的简单使用

IP云
IP云V管理员/6 阅读
11/28
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

该TabLayout的功用，简单的说，就是当用户在该TabLayout的选项卡子item中选择触摸时候，文字和下方的指示器横条滑动指示。这个功能就是以前APP开发常用的选项卡某一卡片被切换、选中时候的效果。只不过现在Android官方SDK使之标准化。
要使用android.support.design.widget.TabLayout ，需要在自己的工程项目中引入Android的两个库，过程比较复杂，也容易出现小错误，现在一步一步来。android.support.design.widget.TabLayout在Android扩展（extras）支持（support）包design中，但是design又依赖另外一个support v7包中的appcompat库，因此需要事先导入，在导入过程中，如果某些res目录下的value值过高比如value-23（Android SDK 23）但不巧发生错误如提示说找不到某某值，可以整个删除掉。
（1）导入support v7扩展包中的（\android-sdk-windows\extras\android\support\v7\appcompat），作为design库的Library：

（2）导入Android扩展包中的design库(\android-sdk-windows\extras\android\support\design),作为项目的Library：

（3）以上完成后，就可以在自己的项目中引用Android扩展包support中的design库做具体开发了。
现在给出一个例子，实现本文第一张图所示效果：

activity_main.xml: 

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     xmlns:app="http://schemas.android.com/apk/res-auto"

     android:layout_width="match_parent"

     android:layout_height="match_parent" >

     <!-- app:tabIndicatorColor 指示器（字体下面的那一个横）显示颜色 -->

     <!-- app:tabSelectedTextColor 选中的字体颜色 -->

     <!-- app:tabTextColor 未选中的字体颜色 -->

     <android.support.design.widget.TabLayout

         android:id="@+id/tabLayout"

         android:layout_width="match_parent"

         android:layout_height="wrap_content"

         app:tabIndicatorColor="#26c6da"

         app:tabSelectedTextColor="#f44336"

         app:tabTextColor="#bdbdbd" />

 </RelativeLayout>

MainActivity.java: 

 package com.zzw.testtablayout;

 import java.util.ArrayList;

 import android.app.Activity;

 import android.os.Bundle;

 import android.support.design.widget.TabLayout;

 public class MainActivity extends Activity {

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout);

         ArrayList<String> tabList = new ArrayList<String>();

         for (int i = 0; i < 10; i++) {

             tabList.add("选项" + i);

         }

         for (int i = 0; i < tabList.size(); i++) {

             tabLayout.addTab(tabLayout.newTab().setText(tabList.get(i)));

         }

         tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

     }

 }

有的使用android.support.design.widget.TabLayout出现java.lang.reflect.InvocationTargetException

解决方案：http://www.cnblogs.com/zzw1994/p/5012467.html

相关阅读

目录[+]