SlidingTabLayout底部选项卡水平居中（系列2）

最新推荐文章于 2024-09-21 11:06:52 发布

原创

最新推荐文章于 2024-09-21 11:06:52 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何修改谷歌官方的SlidingTabLayout源码，通过调整`populateTabStrip()`方法来实现底部选项卡的水平居中显示，确保每个Tab均匀分配空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找到Android SlidingTabLayout源代码，在Android SlidingTabLayout源代码中有一个方法：

private void populateTabStrip();

这是谷歌官方实现的Android SlidingTabLayout添加底部选项卡Tab的代码，如果为了实现前文所述的将Tab均分水平位置空间，则需要修改此方法，在此方法中添加如下代码：

LinearLay

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ke1vin

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

android 垂直水平居中对齐,Android开发借助LinearLayout实现垂直水平居中布局

weixin_30325929的博客

05-26

1868

释放双眼，带上耳机，听听看~！在Android应用程序的开发中，有时需要限制水平和垂直屏幕的切换，今天这篇文章是技术狗小编为大家整理的Android应用借助LinearLayout实现垂直水平居中布局，希望对你学习这方面有所帮助。首先说的是LinearLayout布局下的居中一般是这样的：(注意：android:layout_width=”fill_parent” android:layout_h...

盒子实现水平居中

weixin_43862765的博客

09-07

2243

有兴趣的可以看我的github地址：https://github.com/wangzhichao2019/-web- ①text-align:center;可以实现盒子里面的内容（文字，行内元素，行内块元素）居中对齐 ②margin：0 auto;表示的是盒子的左右是auto（自动）的，距离上边框的距离是0 ③margin-left:auto;表示盒子整体左边区域充满，盒子整体效果是在右边 ...

参与评论您还未登录，请先登录后发表或查看评论

SlidingTabLayout简单使用

01-02

SlidingTabLayout的简单使用

Android tab 栏居中滚动

06-11

ANDROID淘宝电影，日期选择功能的实现，

SlidingTabLayout完善版

03-07

SlidingTabLayout完善版，可在滑动时修改标题字体颜色，和B站APP的选项卡切换比较类似。欢迎您提出宝贵建议。

Android SlidingTabLayout底部选项卡槽Tab水平居中

Zhang Phil

10-17

5174

Android SlidingTabLayout底部选项卡槽Tab水平居中 Android SlidingTabLayout默认情况下添加的选项卡是如图1样式：实际的开发需求中，通常UI设计师会将这些Tab平均分配位置，以达到如图2所示效果：这样以实现相对较好的外观样式，但可惜的是原生的Android SlidingTa

微信小程序滚动居中导航选项卡

少吃点肉的博客

02-11

4096

微信小程序头部导航经常会用到选项卡，一个会自动居中的选项卡的体验会比普通的选项卡要好很多。效果示意图：被选中的tab会始终居中显示。利用微信小程序自带的组件scroll-view的scroll-left就很容易实现这个效果。 wxml代码：  <image wx:if="{{showMaskScroll}}" class=...

在 Qt 中实现 `QListWidget` 列表项水平居中显示

weixin_65477256的博客

09-21

2356

本文详细介绍了如何在 Qt 中使用实现项目文本的水平居中。通过合理使用方法，我们可以轻松实现文本的对齐调整。在 UI 设计中，适当的文本对齐能够提升界面的美观度和用户体验。

示例代码中的 SlidingTabLayout 简单使用（二）

antimage08的博客

12-19

3862

示例代码中的 SlidingTabLayout 简单使用（二）

Android 使用TabLayout打造滑动标签栏

01-28

Android 使用TabLayout打造滑动标签栏, 代码通俗易懂。欢迎下载

Android用TabLayout实现类似网易选项卡动态滑动效果

Tom6869的博客

08-19

1301

此前我们用HorizontalScrollView也实现了类似网易选项卡动态滑动效果，详见 Android选项卡动态滑动效果这篇文章这里我们用TabLayout来实现这一效果。TabLayout是Android Design Support Library库中的控件。 Google在2015的IO大会上，给我们带来了更加详细的Material Design设计规范，同时，也给我们带来

SlidingScaleTabLayout（2）：解决标题文字变化抖动的问题

珠穆朗玛小王子的博客

01-09

2411

前言之前我在FlycoTabLayout的基础上写了一个SlidingScaleTabLayout，实现ViewPager切换Tab标题文字大小变化的效果：可能是因为我的项目标题比较短，所以当时没有发现文字抖动的问题，在github开源后，有很多的小伙伴跟我反馈这个问题，由于已经离职加入到新的项目中，一拖再拖到今天，真的非常抱歉。如果你还不了解SlidingScaleTabLayout，可...

使用SlidingTabLayout 家Viewpage的问题

xukangone的博客

09-11

851

adapter = new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public Fragment getItem(int position) { return list.get(position); } ...

tablayout在中间显示

weixin_30699235的博客

05-30

202

<android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="match_parent" app:tabTextAppearance="@style/TabLayoutText...

SlidingTabLayout

salmanit的专栏

01-12

4062

效果图如下：布局文件如下： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"

HorizontalScrollView滚到当前tab,并且居中显示

唐诺

11-24

660

HorizontalScrollView滚到当前tab,并且居中显示。

94.android 简单的TabLayout(SlidingTabLayout)+ViewPager+fragment的效果

曹二少的博客

01-03

3151

//先上效果图： //第一步导入依赖： implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.0.2@aar' //第二步我的MainActivity代码实现： public class MainActivity extends AppCompatActivity { priva...

Android 简单SlidingTabLayout的用法

zhangmiaoping23的专栏

12-28

2139

FlycoTabLayout github:GitHub - H07000223/FlycoTabLayout: An Android TabLayout Lib SlidingTabLayout的用法 1、导入Gradle依赖 implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar' 2、布局布局采用SlidingTabLayout和ViewPager 配合使用，在ViewPager中添加fragment，从而实现

c# tabcontrol选项卡名称居中

最新发布

03-28

### C# 中实现 TabControl 选项卡标题居中显示的方法在 C# 的 `TabControl` 控件中，默认情况下，选项卡的标题文本是对齐到左侧的。如果希望将选项卡的标题设置为居中对齐，则需要通过自定义绘制来实现这一功能。可以通过重写 `TabControl.DrawItem` 方法来自定义选项卡的外观。以下是具体实现方法： #### 自定义绘制选项卡 为了使选项卡标题居中，可以按照以下方式操作： 1. 设置 `TabControl` 的 `DrawMode` 属性为 `OwnerDrawFixed` 或 `OwnerDrawNormal`。 2. 处理 `DrawItem` 事件，在其中手动绘制选项卡的内容，并调整文本的位置使其居中。下面是完整的代码示例： ```csharp using System; using System.Drawing; using System.Windows.Forms; public class CenteredTabControl : TabControl { public CenteredTabControl() { this.SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint, true); this.DoubleBuffered = true; // 防止闪烁 this.DrawMode = TabDrawMode.OwnerDrawFixed; // 启用自定义绘制模式 } protected override void OnDrawItem(DrawItemEventArgs e) { base.OnDrawItem(e); if (e.Index >= 0 && e.Index < this.TabCount) { TabPage tabPage = this.TabPages[e.Index]; Rectangle tabBounds = GetTabRect(e.Index); // 获取当前选项卡的边界矩形 using (StringFormat sf = new StringFormat()) { sf.Alignment = StringAlignment.Center; // 文本水平居中 sf.LineAlignment = StringAlignment.Center; // 文本垂直居中 Brush textBrush = Enabled ? Brushes.Black : SystemBrushes.ControlDark; // 如果禁用则使用灰色文字 e.Graphics.FillRectangle(Brushes.LightGray, tabBounds); // 填充背景颜色 e.Graphics.DrawString(tabPage.Text, Font, textBrush, tabBounds, sf); // 绘制文本 } } } } ``` 上述代码创建了一个继承自 `TabControl` 的新控件 `CenteredTabControl`，并通过重写其 `OnDrawItem` 方法实现了选项卡标题的居中效果[^1]。 #### 使用自定义控件要使用这个新的 `CenteredTabControl` 类型，可以在窗体设计器中替换默认的 `TabControl` 实例或者动态实例化它。例如： ```csharp public Form1() { InitializeComponent(); var centeredTabControl = new CenteredTabControl(); centeredTabControl.Dock = DockStyle.Fill; for (int i = 0; i < 5; i++) { TabPage page = new TabPage($"标签 {i}"); centeredTabControl.TabPages.Add(page); } Controls.Add(centeredTabControl); } ``` 此代码片段展示了如何初始化一个新的 `CenteredTabControl` 并为其添加多个选项卡页面。 --- ### 注意事项 - 上述解决方案依赖于 Windows Forms 提供的功能，因此适用于基于 WinForms 开发的应用程序环境。 - 若要进一步定制样式（如更改字体大小、颜色或其他属性），可以直接修改 `Graphics.DrawString` 调用中的参数或扩展逻辑[^2]。 ---