آموزش ایجاد دکمه گرد در برنامه نویسی اندروید

امتیاز 5.00 ( 1 رای )

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش ایجاد دکمه گرد در برنامه نویسی اندروید می پردازیم ساخت دکمه گرد به صورت معمول امکان پذیر نیست و نحوه کار به این شکل است که ما باید خود دکمه را از صفر تا صد ایجاد کنیم در ادامه با ما باشید تا این آموزش را فرا گیرید.
ابتدا باید یک فایل به نام round_button.xml در فولدر Drawable درست کنید همانند زیر

<?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>

<?xml version="1.0" encoding="utf-8"?>

</shape>

</item>

</shape>

</item>

</selector>

سپس باید دکمه خود را همانند زیر قرار دهیم.

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

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

در بالا shape android:shape=”oval” یک دایره ایجاد می کند و solid android:color رنگ آن را مشخص می کند البته بهتر است این رو بدانید که دو حالت برای هر دکمه وجود دارد اول حالت قبل از اینکه دکمه فشرده شود و بعد از آن که فشرده شود قبل از فشرده شدن یک رنگی می تواند باشد و بعد از فشرده شدن هم رنگ دیگری خواهد داشت. و در آخر آن فایلی را که درست کردیم را برابر با background قرار می دهیم.
یک نمونه دیگر از آن هم به شکل زیر می شود. ابتدا باید یک فایل به نام roundedbutton.xml در فولدر Drawable ایجاد کنید.

<?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>

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<corners android:bottomRightRadius="8dp"

android:bottomLeftRadius="8dp"

android:topRightRadius="8dp"

android:topLeftRadius="8dp"/>

</shape>

و دکمه را همانند زیر قرار میدهیم

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

<Button

android:layout_width="50dp"

android:layout_height="50dp"

android:background="@drawable/roundedbutton"

android:gravity="center_vertical|center_horizontal"

android:text="hello"

android:textColor="#fff" />

این آموزش هم به پایان رسید.

موفق باشید.

مطالعه بیشتر