java - 带有 rtl 布局方向的 api 17 和 18 的 Tablayout 问题

Question

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

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

在与第三方库所有者调查后，我们注意到库和 TabLayout 都使用 Horizo​​ntalScrollView，也许这就是问题所在!

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

请指导我解决这个问题!

有没有办法将 api 23 中的 Horizo​​ntalScrollView 用于 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>

主要 Activity .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 - 他们不会填满视口(viewport)!在某些情况下，它们从屏幕中间开始! :((

• 您认为正确的行为应该是:

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

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

如何从 android SDK 源创建一个库？

Answer 1

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

在您的 TabLayout xml 中添加这一行:

android:layoutDirection="ltr"

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

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