Пытаюсь сделать круглую пуговицу, но не знаю, как это сделать. Я могу сделать пуговицу с закругленными углами, но как я могу скруглить круг. Это не тоже самое. Подскажите, пожалуйста, на Андроиде это возможно? Спасибо.
Пытаюсь сделать круглую пуговицу, но не знаю, как это сделать. Я могу сделать пуговицу с закругленными углами, но как я могу скруглить круг. Это не тоже самое. Подскажите, пожалуйста, на Андроиде это возможно? Спасибо.
Ответы:
Создайте файл xml с именем roundedbutton.xmlв папке с возможностью переноса
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#eeffffff" />
<corners android:bottomRightRadius="8dp"
android:bottomLeftRadius="8dp"
android:topRightRadius="8dp"
android:topLeftRadius="8dp"/>
</shape>
Наконец, установите это в качестве фона для вашего Buttonasandroid:background = "@drawable/roundedbutton"
Если вы хотите сделать его полностью закругленным, измените радиус и выберите то, что вам подходит.
Если вы используете Android Studio, вы можете просто использовать:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="ring">
<solid android:color="#FFFFFF"/>
</shape>
это отлично работает для меня, надеюсь, это кому-то поможет.
ringничего не показывает. Лучше использовать oval.
Создайте файл drawable / button_states.xml, содержащий:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false">
<shape android:shape="rectangle">
<corners android:radius="1000dp" />
<solid android:color="#41ba7a" />
<stroke
android:width="2dip"
android:color="#03ae3c" />
<padding
android:bottom="4dp"
android:left="4dp"
android:right="4dp"
android:top="4dp" />
</shape>
</item>
<item android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="1000dp" />
<solid android:color="#3AA76D" />
<stroke
android:width="2dip"
android:color="#03ae3c" />
<padding
android:bottom="4dp"
android:left="4dp"
android:right="4dp"
android:top="4dp" />
</shape>
</item>
</selector>
Используйте его в теге кнопки в любом файле макета
<Button
android:layout_width="220dp"
android:layout_height="220dp"
android:background="@drawable/button_states"
android:text="@string/btn_scan_qr"
android:id="@+id/btn_scan_qr"
android:textSize="15dp"
/>
Круглая кнопка Android Маркуши:
(Эта библиотека устарела, и новых разработок не ведется. Рассмотрите возможность использования вместо нее FAB.)

<corners android:bottomRightRadius="180dip"
android:bottomLeftRadius="180dip"
android:topRightRadius="180dip"
android:topLeftRadius="180dip"/>
<solid android:color="#6E6E6E"/> <!-- this one is ths color of the Rounded Button -->
и добавьте это в код кнопки
android:layout_width="50dp"
android:layout_height="50dp"
Использовал форму овала. Это делает кнопку овальной
<item>
<shape android:shape="oval" >
<stroke
android:height="1.0dip"
android:width="1.0dip"
android:color="#ffee82ee" />
<solid android:color="#ffee82ee" />
<corners
android:bottomLeftRadius="12.0dip"
android:bottomRightRadius="12.0dip"
android:radius="12.0dip"
android:topLeftRadius="12.0dip"
android:topRightRadius="12.0dip" />
</shape>
</item>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
android:color="#ffffff"
/>
</shape>
Установите это на своих ресурсах с возможностью рисования XML, а также простое использование и кнопку изображения с круглым изображением, используя его в качестве фона.
Если вам нужна круглая кнопка в стиле FAB и вы используете официальную библиотеку компонентов материала, вы можете легко сделать это следующим образом:
<com.google.android.material.button.MaterialButton
style="@style/Widget.MaterialComponents.ExtendedFloatingActionButton"
app:cornerRadius="28dp"
android:layout_width="56dp"
android:layout_height="56dp"
android:text="1" />
Результат:
Если вы измените размер кнопки, просто будьте осторожны и используйте половину размера кнопки как app:cornerRadius.
Вы можете сделать ImageButtonкруглое фоновое изображение.
Для круглой кнопки создайте форму:
<?xml version="1.0" encoding="utf-8"?>
<stroke
android:width="8dp"
android:color="#FFFFFF" />
<solid android:color="#ffee82ee" />
<corners
android:bottomLeftRadius="45dp"
android:bottomRightRadius="45dp"
android:topLeftRadius="45dp"
android:topRightRadius="45dp" />
используйте его как фон для ссылки на вашу кнопку
Да, возможно, поищите в гугле 9-патч. Хорошие статьи:
http://radleymarx.com/blog/simple-guide-to-9-patch/
http://ogrelab.ikratko.com/custom-color-buttons-for-android/
это
android.R.drawable.expander_ic_minimized
посмотрите на встроенные чертежи Android:
Вы можете использовать Google FloatingActionButton
XMl:
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@android:drawable/ic_dialog_email" />
Ява:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
FloatingActionButton bold = (FloatingActionButton) findViewById(R.id.fab);
bold.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
// Do Stuff
}
});
}
Gradle:
compile 'com.android.support:design:23.4.0'
и загрузите его, извлеките его внутри этой папки mipmap-hdpi.
скопируйте изображение из папки mipmap-hdpi и вставьте его в папку drwable вашего проекта Android.
Теперь установите фон как это изображение.
Вы можете использовать MaterialButton:
<com.google.android.material.button.MaterialButton
android:layout_width="48dp"
android:layout_height="48dp"
android:insetTop="0dp"
android:insetBottom="0dp"
android:text="A"
app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.App.Rounded"
/>
и примените циркуляр ShapeAppearanceOverlayс:
<style name="ShapeAppearanceOverlay.App.rounded" parent="">
<item name="cornerSize">50%</item>
</style>