Tombol lingkaran khusus

Saya ingin membuat tombol ubahsuaian dan saya ingin membuatnya menjadi lingkaran. Bagaimana saya bisa membuat tombol lingkaran? Saya tidak berpikir itu mungkin dengan draw9patch.

Saya juga tidak tahu cara membuat tombol kustom!

Apakah anda memiliki saran?

Gunakan xml drawable seperti ini:

Simpan konten berikut seperti round_button.xmldalam drawablefolder

<?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="oval">
            <solid android:color="#fa09ad"/>
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="#c20586"/>
        </shape>
    </item>
</selector>

Android Material Effect: Meskipun FloatingActionButtonmerupakan pilihan yang lebih baik, Jika Anda ingin melakukannya menggunakan pemilih xml, buat folder drawable-v21di resdan simpan yang lain di round_button.xmlsana dengan mengikuti xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#c20586">
    <item>
        <shape android:shape="oval">
            <solid android:color="#fa09ad"/>
        </shape>
    </item>
</ripple>

Dan atur sebagai latar belakang Buttondalam xml seperti ini:

<Button
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/round_button"
android:gravity="center_vertical|center_horizontal"
android:text="hello"
android:textColor="#fff" />

Penting:

1. Jika Anda ingin menampilkan semua status ini (diaktifkan, dinonaktifkan, disorot dll), Anda akan menggunakan pemilih seperti yang dijelaskan di sini .
2. Anda harus menyimpan kedua file untuk membuat drawable-kompatibel mundur. Jika tidak, Anda akan menghadapi pengecualian aneh di versi android sebelumnya.

Markushi menulis widget tombol lingkaran dengan efek luar biasa. Klik di sini !

AngryTool untuk tombol android kustom

Anda dapat membuat segala jenis tombol android kustom dengan situs alat ini ... saya membuat tombol lingkaran dan persegi dengan sudut bulat dengan toolsite ini .. Kunjungi mungkin saya akan membantu Anda

Dengan perpustakaan Komponen Bahan resmi Anda dapat menggunakan MaterialButtonmenerapkan Widget.MaterialComponents.Button.Icongaya.

Sesuatu seperti:

   <com.google.android.material.button.MaterialButton
            android:layout_width="48dp"
            android:layout_height="48dp"
            style="@style/Widget.MaterialComponents.Button.Icon"
            app:icon="@drawable/ic_add"
            app:iconSize="24dp"
            app:iconPadding="0dp"
            android:insetLeft="0dp"
            android:insetTop="0dp"
            android:insetRight="0dp"
            android:insetBottom="0dp"
            app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.MyApp.Button.Rounded"
            />

Saat ini app:iconPadding="0dp", android:insetLeft, android:insetTop, android:insetRight, android:insetBottomatribut yang diperlukan untuk pusat ikon pada tombol menghindari ruang padding tambahan.

Gunakan app:shapeAppearanceOverlayatribut untuk mendapatkan sudut membulat. Dalam hal ini Anda akan memiliki lingkaran.

  <style name="ShapeAppearanceOverlay.MyApp.Button.Rounded" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
  </style>

Hasil akhir:

jika Anda ingin menggunakan VectorDrawable dan ConstraintLayout

<FrameLayout
            android:id="@+id/ok_button"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:foreground="?attr/selectableItemBackgroundBorderless"
            android:background="@drawable/circle_button">
                <android.support.constraint.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">
                    <ImageView
                        android:id="@+id/icon_of_button"
                        android:layout_width="32dp"
                        android:layout_height="32dp"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:srcCompat="@drawable/ic_thumbs_up"/>
                    <TextView
                        android:id="@+id/text_of_button"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        app:layout_constraintTop_toBottomOf="@+id/icon_of_button"
                        app:layout_constraintRight_toRightOf="parent"
                        app:layout_constraintLeft_toLeftOf="parent"
                        android:layout_marginTop="5dp"
                        android:textColor="@android:color/white"
                        android:text="ok"
                        />
                </android.support.constraint.ConstraintLayout>
            </FrameLayout>

latar belakang lingkaran: circle_button.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
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>

Untuk tombol cari FAB gaya ini pada MaterialButton:

<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" />

Hasil:

Jika Anda mengubah ukuran, berhati-hatilah untuk menggunakan setengah dari ukuran tombol sebagai app:cornerRadius.