前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android--TableLayout的基本使用

Android--TableLayout的基本使用

作者头像
aruba
发布2020-07-02 15:26:09
1.1K0
发布2020-07-02 15:26:09
举报
文章被收录于专栏:android技术android技术
Tablayout为谷歌在Design包中提供给开发者使用的ViewPager指示器,兼容到2.2以上版本,包括2.2
使用它需要先导入design包,下面介绍它的基本使用方法
<?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"
    tools:context=".MainActivity">

    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="#ffdd00"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="@color/colorPrimary"
        app:tabTextAppearance="@style/CustomTabText"
        app:tabTextColor="#ff00ff">

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

    </android.support.design.widget.TabLayout>

</LinearLayout>
显示效果如下:

TabLayout.jpg

下面是它的一些自定义属性
改变选中字体的颜色   (觉得选中的颜色不好看 )
app:tabSelectedTextColor="@android:color/holo_orange_light"

改变未选中字体的颜色
app:tabTextColor="@color/colorPrimary"

改变指示器下标的颜色
app:tabIndicatorColor="@android:color/holo_orange_light"

改变整个TabLayout的颜色
app:tabBackground="color"

改变TabLayout内部字体大小app:tabTextAppearance="@android:style/TextAppearance.Holo.Large"//设置文字的外貌

改变指示器下标的高度
app:tabIndicatorHeight="4dp"

改变item的摆放模式:scrollable表示可以滑动,fixed表示只有一屏的宽度,默认使用fixed
app:tabMode="scrollable"

有时候Tab只有文字感觉有点单调了
tabLayout.addTab(tabLayout.newTab().setText("Tab 1").setIcon(R.mipmap.ic_launcher));    
tablayout.getTabAt(1).setIcon(R.mipmap.ic_launcher_round);


-加入Padding
设置Tab内部的子控件的Padding:
app:tabPadding="xxdp"
app:tabPaddingTop="xxdp"
app:tabPaddingStart="xxdp"
app:tabPaddingEnd="xxdp"
app:tabPaddingBottom="xxdp"

-设置整个TabLayout的Padding:
app:paddingEnd="xxdp"
app:paddingStart="xxdp"

-内容的显示模式
app:tabGravity="center"//居中,如果是fill,则是充满

-Tab的宽度限制
设置最大的tab宽度:
app:tabMaxWidth="xxdp"  
设置最小的tab宽度:
app:tabMinWidth="xxdp"

-Tab的“Margin”
TabLayout开始位置的偏移量:
app:tabContentStart="100dp"
Tablayout还提供了联动ViewPager的方法,设置了这个方法会把布局文件中的item清空,我们需要从Adapter中动态获取tab
public class MainActivity extends AppCompatActivity {
    private TabLayout tablayout;
    private ViewPager viewpager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tablayout = findViewById(R.id.tablayout);
        viewpager = findViewById(R.id.viewpager);
        MyAdapter adapter = new MyAdapter(getSupportFragmentManager());
        viewpager.setAdapter(adapter);

        //设置和ViewPager的联动
        tablayout.setupWithViewPager(viewpager);
    }

    class MyAdapter extends FragmentPagerAdapter {

        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int i) {
            TextFrament textFrament = new TextFrament();
            Bundle args = new Bundle();
            args.putString("position", i + "");
            textFrament.setArguments(args);
            return textFrament;
        }

        @Override
        public int getCount() {
            return 10;
        }

        /**
         * tablayout就是利用这个方法获取的title
         *
         * @param position
         * @return
         */
        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return String.valueOf(position + 1);
        }
    }

}

TabLayout.jpg

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Tablayout为谷歌在Design包中提供给开发者使用的ViewPager指示器,兼容到2.2以上版本,包括2.2
  • 使用它需要先导入design包,下面介绍它的基本使用方法
  • 显示效果如下:
  • 下面是它的一些自定义属性
  • Tablayout还提供了联动ViewPager的方法,设置了这个方法会把布局文件中的item清空,我们需要从Adapter中动态获取tab
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档