Android TabLayout 使用

最新推荐文章于 2025-12-02 14:02:20 发布
原创 最新推荐文章于 2025-12-02 14:02:20 发布 · 684 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Android #TabLayout #Tab #TabItem #横向滚动菜单

本文介绍了一种使用TabLayout实现左右滑动功能的方法。通过自定义样式和背景，结合Java代码实现了所需的功能。

在项目中需要实现这样的一个功能：

可左右滑动，首先想到的是用TabLayout来实现:

布局文件实现代码如下：

Style实现代码如下（自定义Tablayout样式）:

背景实现代码：


Java中实现代码如下:

OK，到此结束，上图片功能实现完成。

浅淡_时光
关注
Android TabLayout的使用详解
路宇的博客
07-06 1万+
效果图： TabLayout一般是结合ViewPager+Fragment的使用实现滑动的标签选择器。 我这个是在Toolbar中实现的标签切换，接下来我会讲解主要实现步骤： 1.布局界面main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.a
Android TabLayout使用(一) 页面展示 通俗易懂
huangsikai1的博客
05-15 838
android tablayout的使用，介绍了如何使用tablayout+viewpager2实现页面展示
Android控件-TabLayout使用介绍
热门推荐
csdnxia的博客
05-08 6万+
TabLayout简述简单示例属性介绍tabIndicatorFullWidthtabRippleColortabTextAppearancetabModetabIndicatorColortabIndicatorHeighttabIndicatorGravity 简述 TabLayout是Android support中的一个控件android.support.design.widget.Tab...
Android TabLayout控件的使用(一)
yangjunjin的博客
11-06 1056
1、xml布局 <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <android.support.design.widget.TabLayout andr
Android开发中TableLayout与TabLayout实战详解
最新发布
weixin_35391606的博客
12-02 885
我发现很多老项目还在用：但这会导致 TabLayout 样式异常，比如：选中动画失效Ripple点击效果丢失圆角指示器变成直线正确做法是升级到 MaterialComponents：</style>一句话总结：🎨要用Material组件，就必须用Material主题！否则就像开着宝马却用拖拉机油，白白浪费性能。如果你连图标位置都不满意，那就只能自己画了。创建<ImageView<TextViewandroid:text="首页"
Android TabLayout的使用与总结
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
06-22 3187
TabLayout是Android中的一个控件，常和ViewPager搭配使用，运用于tab切换viewpager，Google在升级了AndroidX之后，将TabLayout迁移到material包的com.google.android.material.tabs.TabLayout
Android TabLayout 使用详解
Jesse_hev的专栏
07-18 1646
TabLayout是Android 5.0以后推出的实现导航更简洁的方式开发中常常有如下的导航功能：现在我们用TabLayout、ViewPager、Fragment来实现它具体步骤：1. 在build.gradle中添加依赖compile 'com.android.support:design:23.2.1'2. 在xml中引入TabLayout、ViewPager控件<?xml version=
android TabLayout使用方法详解
09-01
TabLayout是Android Design Support Library中的一部分，它为开发者提供了一种方便的方式来实现Material Design风格的标签页切换。在Android 2.2及以上版本，通过引入这个库，我们可以轻松地在应用中集成美观且兼容...
Android TabLayout 使用进阶（含源码）
2501_90392201的博客
02-03 1161
还差Fragment了，假设当前的Activity是要做视频的分类，有类别如下：电视剧、电影、综艺、体育、新闻、国际这六项。那么我们就需要建6个Fragment，这个些fragment同样放在mode2包下。分别是。
android Tablayout的使用
duolaimila的博客
09-01 669
以往我们想要实现这样的效果，要么去找三方开源库，要么自己动手写viewpager，然后根据viewpager的滑动计算指示器的滑动距离来实现。现在在google提供的design包里有一个tablayout可以帮助我们快速实现。<android.support.design.widget.TabLayout android:id="@+id/tablayout"
Android代码-一个搞笑的TabLayout库
08-06
RecyclerTabLayout An efficient TabLayout library implemented with RecyclerView. Features Efficient when having many tabs Easy setup with ViewPager (same as TabLayout of Android Design Support Library) RTL layout support UseCase Many tabs layout Infinite loop scrolling (imitated) Demos Samples Getting started In your build.gradle: repositories { jcenter() } dependencies { compile 'com.nshmura:recyclertablayout:1.5.0' } Define RecyclerTabLayout in xml layout with custom attribute
android TabLayout 简单使用
anymyna的专栏
08-03 585
demo： https://github.com/anymyna/ui 效果： 步骤： 1、TabLayout是安卓6.0之后出现的，导入design库。 implementation 'com.android.support:design:28.0.0' 2、布局中加入TabLayout控件 <android.support.design.widget.TabLayout an...
Android TabLayout的使用(ViewPager添加标题)
android_hl的博客
05-05 3373
效果图 上方的指示器用到的就是TabLayout 下方是一个ViewPager ViewPager内的数据为fragment东西就这么多，先看下布局：先看下如何引用TabLayout 布局的选择控件界面选择Design>TabLayout，需要添加这个依赖，之后就是布局的内容<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:
android TabLayout用法
琦琦的博客
04-17 1233
- res/layout/custom_tab.xml --> < LinearLayout ... > < ImageView ... /> < TextView android: text = " 首页 " /> </ LinearLayout >-- res/layout/custom_tab.xml --> < LinearLayout ... > < ImageView ... /> < TextView android: text = " 首页 " /> </ LinearLayout >
Android TabLayout的简单用法
Zhangxuexue_的博客
10-08 546
跟viewpagerindicator一样，是一个指示器，用着感觉比viewpagerindicator简单点，    用studio开发，只需要在gradlewenjian一个依赖 compile 'com.android.support:design:23.4.0' 这个有时候会需要根据自己的工程，适当修改 然后就可以在工程中引用了 LinearLayout x
Android---TabLayout
qq_44950283的博客
01-13 8333
了解 TabLayout 的基本使用和属性。掌握给 TabLayout 添加卡片两种的方法，包括 TabItem 和 TabLayoutMediator()。
android tablayout使用
12-27
### 如何在Android中使用TabLayout #### 添加依赖项 为了能够在项目中使用`TabLayout`组件，需要先配置项目的构建文件。具体来说，在`build.gradle`文件中的dependencies部分添加如下内容： ```gradle dependencies { implementation 'com.google.android.material:material:1.6.0' } ``` 这一步骤确保了可以访问最新的Material Design库，其中包含了`TabLayout`控件[^4]。 #### 创建布局文件 接着定义XML布局文件来放置`TabLayout`和其他视图组件。通常会将`TabLayout`与`ViewPager2`一起使用以便更好地管理页面切换效果。下面是一个简单的例子： ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content"/> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"/> </LinearLayout> ``` 此布局设置了垂直方向上的线性排列，并且让`ViewPager2`占据剩余的空间[^3]。 #### 初始化并设置Tabs 在Activity或Fragment类里初始化这些UI元素，并建立它们之间的关联关系。这里展示了一个基本的方式去创建几个标签页并将它们绑定到适配器上： ```java import com.google.android.material.tabs.TabLayout; import androidx.appcompat.app.AppCompatActivity; import androidx.fragment.app.Fragment; import androidx.viewpager2.adapter.FragmentStateAdapter; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabLayout tabLayout = findViewById(R.id.tab_layout); ViewPager2 viewPager = findViewById(R.id.view_pager); MyPagerAdapter adapter = new MyPagerAdapter(this); viewPager.setAdapter(adapter); // 将TabLayout和ViewPager连接起来 new TabLayoutMediator(tabLayout, viewPager, (tab, position) -> tab.setText("TAB " + (position + 1)) ).attach(); // 设置分隔符样式 LinearLayout linearLayout = (LinearLayout) tabLayout.getChildAt(0); linearLayout.setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE); linearLayout.setDividerDrawable(ContextCompat.getDrawable(this, R.drawable.layout_divider_vertical)); } private static class MyPagerAdapter extends FragmentStateAdapter { public MyPagerAdapter(@NonNull FragmentActivity fragmentActivity) { super(fragmentActivity); } @NonNull @Override public Fragment createFragment(int position) { return PlaceholderFragment.newInstance(position + 1); } @Override public int getItemCount() { return 3; // 或者其他数量的tabs } } } ``` 上述代码片段展示了如何动态地向`TabLayout`添加多个标签以及自定义其外观，比如通过调用`setShowDividers()`方法为相邻的两个标签间增加一条细线作为视觉区分[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值