Android TabLayout(选项卡布局)简单用法实例分析

作者:chenguang79 时间:2023-12-17 09:52:28 

本文实例讲述了Android TabLayout(选项卡布局)简单用法。分享给大家供大家参考,具体如下:

我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合。达到很漂亮的效果。但是TabPageIndicator是第三方的,而且比较老了,当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求,在2015年的google大会上,google发布了新的Android Support Design库,里面包含了几个新的控件,其中就有一个TabLayout,它就可以完成TabPageIndicator的效果,而且还是官方的,最好的是它可以兼容到2.2以上版本,包括2.2。下面我就举一个简单的例子来使用它。

这里使用的 android studio进行开发的,所以引用TabLayout很简单,只要在build.gradle中加入compile 'com.android.support:design:22.2.0'即可。

这个使用是我在仿 知乎 的时候使用。所以页面就和知乎很像了

fragment_find.xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:orientation="vertical">
 <android.support.design.widget.TabLayout
   android:id="@+id/tab_FindFragment_title"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:background="@color/titleBlue"
   app:tabIndicatorColor="@color/white"
   app:tabSelectedTextColor="@color/gray"
   app:tabTextColor="@color/white"
   />
 <android.support.v4.view.ViewPager
   android:id="@+id/vp_FindFragment_pager"
   android:layout_width="fill_parent"
   android:layout_height="0dp"
   android:layout_weight="1"
   />
</LinearLayout>

这里面没有什么特别的,就是添加了一个TabLayout和Viewpager作为上下的布局。其中


app:tabIndicatorColor="@color/white" // 下方滚动的下划线颜色
app:tabSelectedTextColor="@color/gray" // tab被选中后,文字的颜色
app:tabTextColor="@color/white" // tab默认的文字颜色

Find_tab_Adapter.java  它是viewpager的Adapter,因为这里面我每个栏目下,都会有一些列表,所以采用list<View>的方式,在里面切换layout不太适合,所以我采用了List<Fragment>来直接加载多个fragment


package com.example.cg.myzhihu.Adapters;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.List;
/**
* Created by cg on 2015/9/26.
*/
public class Find_tab_Adapter extends FragmentPagerAdapter {
 private List<Fragment> list_fragment; //fragment列表
 private List<String> list_Title; //tab名的列表
 public Find_tab_Adapter(FragmentManager fm,List<Fragment> list_fragment,List<String> list_Title) {
   super(fm);
   this.list_fragment = list_fragment;
   this.list_Title = list_Title;
 }
 @Override
 public Fragment getItem(int position) {
   return list_fragment.get(position);
 }
 @Override
 public int getCount() {
   return list_Title.size();
 }
 //此方法用来显示tab上的名字
 @Override
 public CharSequence getPageTitle(int position) {
   return list_Title.get(position % list_Title.size());
 }
}

FindFragment.java这个的说法,全在标注里面了


package com.example.cg.myzhihu;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.example.cg.myzhihu.Adapters.Find_tab_Adapter;
import java.util.ArrayList;
import java.util.List;
/**
* 发现页面
*/
public class FindFragment extends Fragment {
 private TabLayout tab_FindFragment_title; //定义TabLayout
 private ViewPager vp_FindFragment_pager; //定义viewPager
 private FragmentPagerAdapter fAdapter; //定义adapter
 private List<Fragment> list_fragment; //定义要装fragment的列表
 private List<String> list_title; //tab名称列表
 private Find_hotRecommendFragment hotRecommendFragment; //热门推荐fragment
 private Find_hotCollectionFragment hotCollectionFragment; //热门收藏fragment
 private Find_hotMonthFragment hotMonthFragment; //本月热榜fragment
 private Find_hotToday hotToday; //今日热榜fragment
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
              Bundle savedInstanceState) {
   View view = inflater.inflate(R.layout.fragment_find, container, false);
   initControls(view);
   return view;
 }
 /**
  * 初始化各控件
  * @param view
  */
 private void initControls(View view) {
   tab_FindFragment_title = (TabLayout)view.findViewById(R.id.tab_FindFragment_title);
   vp_FindFragment_pager = (ViewPager)view.findViewById(R.id.vp_FindFragment_pager);
   //初始化各fragment
   hotRecommendFragment = new Find_hotRecommendFragment();
   hotCollectionFragment = new Find_hotCollectionFragment();
   hotMonthFragment = new Find_hotMonthFragment();
   hotToday = new Find_hotToday();
   //将fragment装进列表中
   list_fragment = new ArrayList<>();
   list_fragment.add(hotRecommendFragment);
   list_fragment.add(hotCollectionFragment);
   list_fragment.add(hotMonthFragment);
   list_fragment.add(hotToday);
   //将名称加载tab名字列表,正常情况下,我们应该在values/arrays.xml中进行定义然后调用
   list_title = new ArrayList<>();
   list_title.add("热门推荐");
   list_title.add("热门收藏");
   list_title.add("本月热榜");
   list_title.add("今日热榜");
   //设置TabLayout的模式
   tab_FindFragment_title.setTabMode(TabLayout.MODE_FIXED);
   //为TabLayout添加tab名称
   tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(0)));
   tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(1)));
   tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(2)));
   tab_FindFragment_title.addTab(tab_FindFragment_title.newTab().setText(list_title.get(3)));
   fAdapter = new Find_tab_Adapter(getActivity().getSupportFragmentManager(),list_fragment,list_title);
   //viewpager加载adapter
   vp_FindFragment_pager.setAdapter(fAdapter);
   //tab_FindFragment_title.setViewPager(vp_FindFragment_pager);
   //TabLayout加载viewpager
   tab_FindFragment_title.setupWithViewPager(vp_FindFragment_pager);
   //tab_FindFragment_title.set
 }
}

效果图,不太会做成动态的:

Android TabLayout(选项卡布局)简单用法实例分析

希望本文所述对大家Android程序设计有所帮助。

标签:Android,TabLayout,选项卡布局
0
投稿

猜你喜欢

  • Path类 操作文件类的实例

    2023-09-27 12:53:33
  • Android实现ListView异步加载的方法(改进版)

    2023-11-24 12:08:49
  • Spring在SingleTon模式下的线程安全详解

    2021-10-08 11:39:31
  • SpringMVC中MultipartFile上传获取图片的宽度和高度详解

    2023-01-30 20:43:19
  • Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法

    2021-10-06 22:37:24
  • C#获取web.config配置文件内容的方法

    2023-12-24 12:22:27
  • Android Handler,Message,MessageQueue,Loper源码解析详解

    2022-04-17 17:34:57
  • Android基础之隐藏标题栏/设置为全屏/横竖屏切换

    2022-06-22 14:29:35
  • 通过C#实现自动售货机接口

    2023-12-16 00:15:36
  • 微信公众号开发之设置自定义菜单实例代码【java版】

    2022-09-02 00:52:22
  • 解析Spring事件发布与监听机制

    2022-09-01 09:52:19
  • Spring Boot整合JWT的实现步骤

    2022-07-17 04:48:58
  • Java中RedisUtils工具类的使用

    2022-05-04 21:32:32
  • Java OpenCV4.0.0实现实时人脸识别

    2023-11-16 07:29:14
  • Struts2中Action中是否需要实现Execute方法

    2021-10-30 06:57:23
  • Java超详细讲解设计模式中的命令模式

    2023-07-26 15:23:11
  • 使用mongoTemplate实现多条件加分组查询方式

    2022-05-21 01:41:51
  • Android编程实现添加低电流提醒功能的方法

    2023-03-16 19:31:29
  • C#中的IEnumerable接口深入研究

    2022-04-06 11:13:42
  • Java使用substring()截取(提取)子字符串

    2023-09-29 17:02:04
  • asp之家 软件编程 m.aspxhome.com