مقالات آموزشی

روش ساخت Button سفارشی در اندروید استودیو

مفید بود؟

Custom_Widget به چه معناست؟

گاهی وقتا می خواهید TextView، Button، Toast و …را به سلیقه ی خودتون طراحی کنید، به این کار Custom کردن میگن.

در این مقاله آموزش ساخت ساخت Button سفارشی و یک Textview سفارشی را خواهیم داشت .

ساخت Button سفارشی                     

میخواهیم یک Button طراحی کنیم که دارای یک فونت خاص و یک بک گراند خاص باشد. پس نیاز به یک فونت و یک drawable داریم. برای اینکه فونت را وارد پروژه کنیم ابتدا باید یک فولدر بنام assets داخل فولدر main ایجاد کنیم:

میتونید داخل فولدر assets یک فولدر بنام fonts ایجاد کنید و فونت های خود را داخل آن قرار دهید:

حالا میخواهیم یک drawable  بنام bg_custom_button ایجاد کنیم و آن را بعنوان بک گراند برای Button ست کنیم:

بعد از ساخت drawable کد زیر را در آن وارد کنید:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/colorGreen"/>
    <corners android:radius="30dp"/>
    <stroke android:color="@color/white"
        android:width="2dp"/>
    
</shape>

توضیح کد بالا:

با استفاده از تگ shape مشخص می کنیم که شکل هندسی drawable به چه صورت است که ما در اینجا rectangle یعنی مستطیل را انتخاب کردیم.

با تگ solid رنگ drawable را مشخص می کنیم.

با تگ corners سایز حاشیه ها را مشخص می کنیم(حاشیه ها را به میزانی که مشخص کردیم گرد میکند) و با تگ stroke یک کادر با رنگ و ضخامت دلخواه انتخاب می کنیم.

Drawable که طراحی کردیم به شکل زیر می شود:

حالا باید Button سفارشی خود را طراحی کنیم. برای نظم بهتر پروژه، ابتدا داخل main یک فولدر بنام customwidget ایجاد کنید تا از این به بعد widget های سفارشی خود را داخل آن قرار دهید.

داخل فولدر customwidget یک کلاس بنام Button ایجاد کنید:

Author

مدیریت سایت

Leave a comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


The reCAPTCHA verification period has expired. Please reload the page.