При разработке приложений для Android создание визуально привлекательных и удобных кнопок имеет решающее значение для обеспечения бесперебойного взаимодействия с пользователем. Один из популярных дизайнерских решений — сделать пуговицы круглыми, что придаст им современный и стильный вид. В этой статье мы рассмотрим шесть различных методов создания круглых кнопок в Android Studio. Каждый метод будет сопровождаться примерами кода, которые помогут вам эффективно его реализовать.

Метод 1. Использование рисуемого фона
Метод 2. Применение круглой формы
Метод 3. Использование ресурсов изображения
Метод 4. Настройка стиля кнопок
Метод 5. Программное создание круглых кнопок
Метод 6: реализация компонентов Material Design

Метод 1. Использование фонового рисунка
Шаг 1. Создайте новый XML-файл в каталоге «res/drawable».

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <solid android:color="@color/buttonColor"/>
</shape>

Шаг 2. Установите фон кнопки на вновь созданный объект рисования.

<Button
    android:id="@+id/roundButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Round Button"
    android:background="@drawable/round_button_background"/>

Метод 2. Применение круглой формы
Шаг 1. Придайте фону кнопки круглую форму.

<Button
    android:id="@+id/roundButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Round Button"
    android:background="@drawable/round_button_shape"/>

Шаг 2. Создайте новый XML-файл в каталоге «res/drawable».

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/buttonColor"/>
    <corners android:radius="50dp"/>
</shape>

Метод 3. Использование ресурсов изображения
Шаг 1. Добавьте изображение круглой кнопки в каталог «res/drawable».
Шаг 2. Установите в качестве фона кнопки круглое изображение.

<Button
    android:id="@+id/roundButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Round Button"
    android:background="@drawable/round_button_image"/>

Метод 4. Настройка стиля кнопок
Шаг 1. Определите стиль в файле «styles.xml».

<style name="RoundButtonStyle" parent="Widget.AppCompat.Button">
    <item name="android:background">@drawable/round_button_shape</item>
</style>

Шаг 2. Примените к кнопке собственный стиль.

<Button
    android:id="@+id/roundButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Round Button"
    />

Метод 5. Программное создание круглых кнопок
Шаг 1. Создайте новый класс Kotlin/Java и определите функцию для программного создания круглой кнопки.

fun createRoundButton(context: Context): Button {
    val button = Button(context)
    button.layoutParams = LinearLayout.LayoutParams(
        LinearLayout.LayoutParams.WRAP_CONTENT,
        LinearLayout.LayoutParams.WRAP_CONTENT
    )
    button.text = "Round Button"
    button.setBackgroundResource(R.drawable.round_button_shape)
    return button
}

Шаг 2. Вызовите функцию и добавьте круглую кнопку в макет.

val roundButton = createRoundButton(context)
yourLayout.addView(roundButton)

Метод 6. Реализация компонентов Material Design
Шаг 1. Добавьте зависимость компонентов Material Design в файл build.gradle вашего приложения.

implementation 'com.google.android.material:material:1.5.0'

Шаг 2. Используйте компонент MaterialButtonи задайте внешний вид фигуры.

<com.google.android.material.button.MaterialButton
    android:id="@+id/roundButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Round Button"
        app:shapeAppearanceOverlay="@style/RoundButtonShapeAppearance"/>

Шаг 3. Определите внешний вид круглой кнопки в файле style.xml.

<style name="RoundButtonShapeAppearance" parent="ShapeAppearance.MaterialComponents.SmallComponent">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
</style>

В этой статье мы рассмотрели шесть различных способов создания круглых кнопок в Android Studio. Эти методы включают в себя использование фоновых рисунков, применение круглых форм, использование ресурсов изображений, настройку стилей кнопок, программное создание круглых кнопок и реализацию компонентов Material Design. Следуя пошаговым инструкциям и примерам кода, вы сможете легко реализовать круглые кнопки в своих приложениях Android, повысив их визуальную привлекательность и удобство для пользователей.