Почему текст в пользовательском SwitchCompat внутри трека всегда отображается ниже - PullRequest
Новая
       20

Почему текст в пользовательском SwitchCompat внутри трека всегда отображается ниже

0 голосов
/ 02 февраля 2020

Я пытаюсь реализовать пользовательскую кнопку SwitchButton с текстом внутри дорожки, как показано на изображении в случаях включения / выключения

enter image description here] 1

enter image description here

Моя проблема в том, что текст появляется под большим пальцем, а не рядом с ним, как

enter image description here

enter image description here

Вот мой код 

 <androidx.appcompat.widget.SwitchCompat
                android:id="@+id/switch_availability"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="false"
                android:textOn="متاح"
                android:textOff="مغلق"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:background="@android:color/transparent"
                android:button="@null"
                android:textColor="@color/colorWhite"
                android:thumb="@drawable/selector_thumb"
                app:track="@drawable/selector_track"
                app:showText="true" />

selector_thumb xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="false">
    <shape android:dither="true" android:shape="oval" android:useLevel="false" android:visible="true">
        <solid android:color="#ffffff" />
        <size android:width="18dp" android:height="25dp" />
        <stroke android:width="4dp" android:color="#0000ffff" />
    </shape>
</item>

selector_track xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
    <shape android:dither="true" android:shape="rectangle" android:useLevel="false" android:visible="true">
        <solid android:color="@color/colorGreen" />
        <corners android:radius="50dp" />
        <size android:width="2dp" android:height="10dp" />
    </shape>
</item>
<item android:state_checked="false">
    <shape android:dither="true" android:shape="rectangle" android:useLevel="false" android:visible="true">
        <solid android:color="@color/colorCherry" />
        <corners android:radius="50dp" />
        <size android:width="2dp" android:height="10dp" />
    </shape>
</item>

Как исправить это направление текста? PS Араби c текст обязателен.

Заранее спасибо.

...