具有 rtl 布局方向的 api 17 和 18 的 Tablayout 问题
Tablayout issue for api 17 and 18 with rtl layout direction
我正在开发一个 RTL 应用程序,它使用 TabLayout(可滚动模式)和 ViewPager 来滑动片段页面!在针对不同 api 进行测试后,我注意到 api 17 和 18 中 TabLayout 的异常行为!
然后我想我的 xml 或我的代码可能有问题!我决定使用第三方库来避免这个问题,但同样的结果发生了!
在与第三方库所有者进行调查后,我们注意到库和 TabLayout 都使用 HorizontalScrollView,也许这就是问题所在!
调查link: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));
}
}
}
简单方法:使用以下 link 并在模拟器 17 或 18 上克隆库和 运行 演示! (演示应用程序中的 RTL 部分)
--> https://github.com/ogaclejapan/SmartTabLayout
发生了什么:
1 - 标签向错误的方向移动
2 - 他们不会填满视口!在某些情况下,它们从屏幕中间开始! :((
- 您认为正确的行为应该是:
正常行为是像在 api 19+
时一样工作
请务必在 RTL 模式下进行测试! LTR没问题!
如何从 android SDK 源创建库?
根据 this issue,这是 ViewPager 库中的错误
有一个技巧可以解决这个问题,但这不是最好的方法
在你的 TabLayout xml 添加这一行:
android:layoutDirection="ltr"
这将防止 TabLayout 在 RTL 设备中进行镜像,并且它将与 ViewPager 方向匹配。
P.S。我在 api 25 和支持库 25.1.0 上有同样的问题。这个技巧解决了它。
我正在开发一个 RTL 应用程序,它使用 TabLayout(可滚动模式)和 ViewPager 来滑动片段页面!在针对不同 api 进行测试后,我注意到 api 17 和 18 中 TabLayout 的异常行为!
然后我想我的 xml 或我的代码可能有问题!我决定使用第三方库来避免这个问题,但同样的结果发生了!
在与第三方库所有者进行调查后,我们注意到库和 TabLayout 都使用 HorizontalScrollView,也许这就是问题所在!
调查link: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));
}
}
}
简单方法:使用以下 link 并在模拟器 17 或 18 上克隆库和 运行 演示! (演示应用程序中的 RTL 部分) --> https://github.com/ogaclejapan/SmartTabLayout
发生了什么:
1 - 标签向错误的方向移动
2 - 他们不会填满视口!在某些情况下,它们从屏幕中间开始! :((
- 您认为正确的行为应该是:
正常行为是像在 api 19+
时一样工作请务必在 RTL 模式下进行测试! LTR没问题!
如何从 android SDK 源创建库?
根据 this issue,这是 ViewPager 库中的错误
有一个技巧可以解决这个问题,但这不是最好的方法
在你的 TabLayout xml 添加这一行:
android:layoutDirection="ltr"
这将防止 TabLayout 在 RTL 设备中进行镜像,并且它将与 ViewPager 方向匹配。
P.S。我在 api 25 和支持库 25.1.0 上有同样的问题。这个技巧解决了它。