Персонализированный круглый стиль для радиогруппы - PullRequest
Новая
       24

Персонализированный круглый стиль для радиогруппы

1 голос
/ 21 октября 2019

Я пытаюсь создать собственный стиль для кнопок радиогруппы (или переключаемых кнопок), но я не знаю, достижимо ли это.

Текущий стиль моих кнопок:

screenshot current style

И я бы хотел добиться чего-то подобного

Желаемый стиль:

screenshot desirable style

Плюсом будет наличие анимации, в которой выбранный цвет «скользит» между кнопками. Я действительно новичок, когда дело доходит до XML-дизайна и анимации. Любые указания или предложения о том, где я могу узнать что-то подобное, это хорошо!

Спасибо за вашу помощь.

Том.

1 Ответ

0 голосов
/ 21 октября 2019

Создание заданных XML-файлов в папке для рисования gray_background.xml 

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <solid android:color="#B9AFAF"/>
        <corners android:radius="30dp" />
        <stroke
            android:width="1dp"
            android:color="@color/black" />
    </shape>
</item>

yellow_background.xml 

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <solid android:color="@color/orng"/>
        <corners android:radius="30dp" />
        <stroke
            android:width="1dp"
            android:color="@color/black"
            />
    </shape>
</item>

gray_round.xml 

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <solid android:color="#B9AFAF"/>
        <corners android:radius="30dp" />
        <stroke
            android:width="1dp"
            android:color="#B9AFAF"
            />
    </shape>
</item>

Создать файл_действия.xml 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RadioGroup
    android:id="@+id/radioGroup"
    android:layout_width="wrap_content"
    android:orientation="horizontal"
    android:background="@drawable/a_gray_background"
    android:layout_height="wrap_content">
    <androidx.appcompat.widget.AppCompatRadioButton
        android:id="@+id/button1"
        android:layout_width="150dp"
        android:button="@null"
        android:gravity="center"
        android:text="A Voir"
        android:layout_margin="1dp"
        android:layout_height="@dimen/dimen_30dp"
        android:background="@drawable/a_yellow_background"/>
    <androidx.appcompat.widget.AppCompatRadioButton
        android:layout_width="150dp"
        android:id="@+id/button2"
        android:button="@null"
        android:gravity="center"
        android:layout_margin="1dp"
        android:text="A Voir"
        android:layout_height="@dimen/dimen_30dp" />
</RadioGroup>

Теперь создать класс MainActivity.java 

public class MainActivity extends AppCompatActivity  {
RadioGroup radioGroup;
RadioButton rd1,rd2;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    radioGroup=findViewById(R.id.radioGroup);
    rd1=findViewById(R.id.button1);
    rd2=findViewById(R.id.button2);

    radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener()
    {
        public void onCheckedChanged(RadioGroup group, int checkedId)
        {
            if (checkedId == R.id.button1)
            {
               rd1.setBackgroundResource(R.drawable.yellow_background);
              rd2.setBackgroundResource(R.drawable.gray_round);

            }

          else   if (checkedId == R.id.button2)
            {
                rd1.setBackgroundResource(R.drawable.gray_round);
                rd2.setBackgroundResource(R.drawable.yellow_background);
            }
        }
    });
}}

Надеюсьбудет полезно для вас.

Спасибо.

...