具有 rtl 布局方向的 api 17 和 18 的 Tablayout 问题答案

【问题标题】：Tablayout issue for api 17 and 18 with rtl layout direction具有 rtl 布局方向的 api 17 和 18 的 Tablayout 问题
【发布时间】：2016-10-06 20:22:45
【问题描述】：

我正在开发一个 RTL 应用程序，它使用 TabLayout（可滚动模式）和 ViewPager 来滑动片段页面！在针对不同的 api 对其进行测试后，我注意到 api 17 和 18 中 TabLayout 的异常行为！

然后我想我的 xml 或我的代码可能有问题！我决定使用第三方库来避免这个问题，但同样的结果发生了！

在与第三方库所有者调查后，我们注意到库和 TabLayout 都使用 HorizontalScrollView，这可能就是问题所在！

调查链接：https://github.com/ogaclejapan/SmartTabLayout/issues/107

请指导我解决这个问题！

有没有办法将 api 23 中的 HorizontalScrollView 用于 api 17 和 18？

重现问题的步骤：

困难的方式：创建一个新项目并在其中使用以下 xml 和代码并在 api 17 或 18 模拟器上运行它。

buildToolsVersion "23.0.2"

compileSdkVersion 23

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<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:layoutDirection="rtl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="ir.heandshe.testinghorizontal.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="?android:attr/actionBarSize"
        app:tabMode="scrollable"/>

</RelativeLayout>

MainActivity.java：

 public class MainActivity extends AppCompatActivity {

    private TabLayout tabs;

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

        tabs = (TabLayout) findViewById(R.id.tabs);
        for (int i=0 ; i<=10;i++) {
            tabs.addTab(tabs.newTab().setText("test " + i));
        }
    }
    }

简单的方法：使用以下链接并克隆库并在模拟器 17 或 18 上运行演示！（演示应用程序中的 RTL 部分） --> https://github.com/ogaclejapan/SmartTabLayout
发生了什么：

1 - 标签移动方向错误

2 - 他们不会填满视口！在某些情况下，它们从屏幕中间开始！ :((

您认为正确的行为应该是：

正常行为是像在 api 19+ 中工作时一样工作

请务必在 RTL 模式下进行测试！ LTR没问题！

如何从 android SDK 源创建库？

【问题讨论】：

标签： java android android-layout android-tablayout

【解决方案1】：

根据this issue，这是 ViewPager 库中的一个错误
有一个技巧可以解决这个问题，但这不是最好的方法

在您的 TabLayout xml 中添加以下行：

android:layoutDirection="ltr"

这将阻止 TabLayout 在 RTL 设备中进行镜像，并且它将匹配 ViewPager 方向。

附：我在 api 25 和支持库 25.1.0 上有同样的问题。这个技巧解决了。

【讨论】：