RTL 语言中的无线电组文本奇怪地错位

Question

单选组在我的 phone 上表现异常，文本完全错位，如下图所示，但奇怪的是它在 XML 布局可视化器中正确对齐 android工作室

我的图像未对齐 phone

android 工作室中 XML 布局可视化工具上的完美图像

布局的XML代码

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:mlns="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="@dimen/_28dp_dp"
    android:background="@drawable/bg_rounded_screen"
    mlns:android="http://schemas.android.com/apk/res/android">

    ------
    <TextView
        android:id="@+id/textView"
        style="@style/HintTextStyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_36dp_dp"
        android:text="@string/language"
        app:layout_constraintBottom_toTopOf="@+id/tg_group_language"
        app:layout_constraintStart_toStartOf="@+id/et_name"
        app:layout_constraintTop_toBottomOf="@+id/et_phone" />

    <RadioGroup
        android:id="@+id/tg_group_language"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_30dp_dp"
        android:orientation="horizontal"
        android:gravity="end"
        app:layout_constraintBottom_toTopOf="@+id/btn_save_changes"
        app:layout_constraintEnd_toEndOf="@id/et_name"
        app:layout_constraintStart_toStartOf="@id/et_name"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        app:singleSelection="true">

        <RadioButton
            android:id="@+id/radio_english"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/english" />

        <RadioButton
            android:id="@+id/radio_arabic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/عربي" />

    </RadioGroup>

   -----


</androidx.constraintlayout.widget.ConstraintLayout>

注意事项:

我没有以编程方式应用任何样式
当 phone 的语言是 RTL 时似乎工作正常但是当 phone 是 LTR（英语）时尝试使用此 answer 强制应用程序的语言为 RTL 时，它显示了这种错位

Answer 1

将此代码添加到您的 AndroidManifest xml 文件

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">

...

Answer 2

在每个 RadioButton 中添加 android:gravity="right" 如下..

<RadioGroup
android:id="@+id/radios"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_gravity="right"
android:inputType="text"
android:orientation="vertical" >

<RadioButton
    android:id="@+id/first"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:background="@color/white"
    android:button="@null"
    android:drawablePadding="30dp"
    android:drawableRight="@android:drawable/btn_radio"
    android:text="first"
    android:textColor="@color/Black"
    android:textSize="20dip" 
    android:gravity="right"/>

<RadioButton
    android:id="@+id/second"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/Black"
    android:button="@null"
    android:drawablePadding="30dp"
    android:drawableRight="@android:drawable/btn_radio"
    android:text="second"
    android:textColor="@color/White"
    android:textSize="20dp"
     android:gravity="right"/>

<RadioButton
    android:id="@+id/third"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/Maroon"
    android:button="@null"
    android:drawablePadding="30dp"
    android:drawableRight="@android:drawable/btn_radio"
    android:text="third"
    android:textColor="@color/Vanilla"
    android:textSize="20dp"
    android:gravity="right" />

Answer 3

 app:layout_constraintEnd_toEndOf="@id/et_name"
 app:layout_constraintStart_toStartOf="@id/et_name"

你因为这两个而错位 lines.if 你希望中心的无线电组使用父级而不是 et_name。

 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toStartOf="parent"

Answer 4

唯一对我有用的解决方案是在每个单选按钮中添加这一行

 android:textAlignment="viewStart"

RTL 语言中的无线电组文本奇怪地错位

Radio group text strangely misaligned in RTL language

android

android-layout