在RTL模式下,SwitchCompat未正确显示

时间:2016-01-20 06:24:54

标签: android android-support-library switchcompat

我需要我的应用程序来支持LTR和RTL。我正在使用支持库使用NavigationView。在此导航视图的菜单中,我包含两个项目。其中一个只是一个图标和一个文本,另一个是Switch。一切都按预期工作,不包括Switch in RTL模式。

以下是导航视图在LTR模式下的样子:

enter image description here

当设备的语言设置为RTL时,这是同样的事情:

enter image description here

这些是Switch在RTL模式下的问题:

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>

1 个答案:

答案 0 :(得分:0)

我最后通过将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>