SwitchCompat 在 RTL 模式下未正确显示
SwitchCompat is not shown properly on RTL mode
我需要我的应用支持 LTR 和 RTL。我正在使用支持库使用 NavigationView。在这个导航视图的菜单中,我包含了两个项目。其中一个只是一个图标和一个文本,另一个是一个开关。一切都按预期工作,但 RTL 模式下的 Switch 除外。
LTR 模式下的导航视图如下所示:
当设备语言设置为 RTL 语言时,情况相同:
这些是 RTL 模式下 Switch 的问题:
1- 图像图标未显示
2- 项目的文本未显示
3-开关应该在导航视图的左侧而不是中心
我该如何解决?
导航视图的菜单XML如下:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/nav_view_menu">
<group>
<item
android:id="@+id/nav_home"
android:icon="@drawable/ic_home_white_24dp"
android:title="Home" />
<item
android:id="@+id/image_switch_parent"
android:icon="@drawable/ic_photo_library_white_24dp"
android:title="@string/images"
app:actionLayout="@layout/nav_view_switch"
app:showAsAction="always" />
</group>
</menu>
下面是开关的实际布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.SwitchCompat
android:id="@+id/image_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</RelativeLayout>
我最终通过将 RelativeLayout
更改为 LinearLayout
并向 SwitchCompat
添加 10dp 的上边距来修复它。所以 SwitchCompat
的代码现在看起来像:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.SwitchCompat
android:id="@+id/nav_image_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</LinearLayout>
我需要我的应用支持 LTR 和 RTL。我正在使用支持库使用 NavigationView。在这个导航视图的菜单中,我包含了两个项目。其中一个只是一个图标和一个文本,另一个是一个开关。一切都按预期工作,但 RTL 模式下的 Switch 除外。
LTR 模式下的导航视图如下所示:
当设备语言设置为 RTL 语言时,情况相同:
这些是 RTL 模式下 Switch 的问题:
1- 图像图标未显示
2- 项目的文本未显示
3-开关应该在导航视图的左侧而不是中心
我该如何解决?
导航视图的菜单XML如下:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/nav_view_menu">
<group>
<item
android:id="@+id/nav_home"
android:icon="@drawable/ic_home_white_24dp"
android:title="Home" />
<item
android:id="@+id/image_switch_parent"
android:icon="@drawable/ic_photo_library_white_24dp"
android:title="@string/images"
app:actionLayout="@layout/nav_view_switch"
app:showAsAction="always" />
</group>
</menu>
下面是开关的实际布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.SwitchCompat
android:id="@+id/image_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</RelativeLayout>
我最终通过将 RelativeLayout
更改为 LinearLayout
并向 SwitchCompat
添加 10dp 的上边距来修复它。所以 SwitchCompat
的代码现在看起来像:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.SwitchCompat
android:id="@+id/nav_image_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</LinearLayout>