در برنامه نویسی اندروید , برای طراحی لایه ی های اپلیکیشن اکثرا از XML استفاده میکنیم .این زبان برنامه نویسی قابلت انعطاف بسیاری دارد. برای مثال اگر شما در صفحه ی طراحی یک Button داشته باشید باید برای آن مقادیری را تعریف کنید که دکمه به نمایش درآید . مثلا برای آن عرض و ارتفاع , رنگ , نوشته و ویژگی های دیگری را تعریف میکنید .
خب اگر شما تعداد زیادی از این View ها در صفحه ی طراحی خود داشته باشید و اگر قرار باشد برای همه ی آنها ویژگی های زیادی تعریف کنید , حتما با یک کد شلوغ مواجه خواهید شد برای جلوگیری از این مشکل استفاده از Style ها به شما پیشنهاد میشود .
در این روش شما در فایل style.xml تمامی ویژگی ها را تعریف و نامی برای آن انتخاب و بعد از
style="@style/Button"
به عنوان یک اتربیوت برای آن Button استفاده میکنید . خب در این روش شما یکبار در فایل style ها باید تمامی ویژگی ها رو بنویسید و بعد اعمال کنید .
در این مقاله قرار هست به شما روشی را آموزش دهیم که تنها با یک کلیک میتوانید اتربیوت style ها را به ویو خود اعمال کنید .
مثال : شما یک TextView دارید که ابن اتربیوت ها را دارد :
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/text_transaction_title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/default_margin_half"
android:layout_marginEnd="@dimen/default_margin_half"
android:ellipsize="end"
android:fontFamily="@font/novin_bold"
android:gravity="right"
android:maxLines="1"
android:textColor="?attr/cardTitle"
android:textSize="@dimen/text_size_large"
app:layout_constraintEnd_toStartOf="@+id/text_amount"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
خب برای اینکه تمامی این اتریبیوت ها را در قابل استایل داشته باشید کافیست که : به تب design طراحی لیوت خود سوییچ کنید . و روی آن ویو که در اینجا تکست ویو هست راست کلیک کنید و Refactor را انتخاب و سپس Extract style.. را انتخاب و برای استایل خود نامی انتخاب کنید. نکته : میتوانید به دلخواه خود انتخاب کنید که کدام از ویژگی ها را از استایل مقدار دهی کنید.
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/text_transaction_title"
app:layout_constraintEnd_toStartOf="@+id/text_amount"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
style="@style/TextTransactionTitle" />
همانطور که مشاهده میکنید کد بسیار کوتاه و تمیز و نیز بهینه تر شد . استایل ها خواص بسیاری دارند که حتما با بیشتر شدن تجربه به انها دست می یابید .
در ادامه من ویدیو ی کوتاهی برای بهتر روشن شدن این مقاله ساختم . میتوانید از این لینک به آن دسترسی داشته باشید.
سنا عبادی نویسنده مقاله
توسعه دهنده موبایل به ویژه سیستم عامل اندروید ، در تلاش برای تحقق یک رویا..
نگارش کد بلند یا نگارش بخش عمده یک سورس کد :