آموزش استفاده آسان از style برای ویو در xml در برنامه نویسی اندروید

خرداد 18, 1399| سنا عبادی
آموزش استفاده آسان از استایل ها برای ویو در برنامه نویسی اندروید | وبلاگ مارکت اندروید ریور

در برنامه نویسی اندروید , برای طراحی لایه ی های اپلیکیشن اکثرا از 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.. را انتخاب و برای استایل خود نامی انتخاب کنید. نکته : میتوانید به دلخواه خود انتخاب کنید که کدام از ویژگی ها را از استایل مقدار دهی کنید.

بهینه سازی 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" />

همانطور که مشاهده میکنید کد بسیار کوتاه و تمیز و نیز بهینه تر شد . استایل ها خواص بسیاری دارند که حتما با بیشتر شدن تجربه به انها دست می یابید .

همچنین بخوانید :  آموزش افزودن رابط کاربری تیره و روشن با قابلیت سوییچ

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

  تخفیف ها و اخبار ویژه رو در تلگراممون دنبال کن :)
سنا عبادی CO-Founder نویسنده مقاله

توسعه دهنده موبایل به ویژه سیستم عامل اندروید ، هم بنیانگذار اندروید ریور و در تلاش برای تحقق یک رویا..



می تونی سنا عبادی رو توی شبکه های اجتماعی هم دنبال کنی ...

مقالات مرتبط را بخوانید :


سورس های اندروید شامل تخفیف رو ببین !

به این مقاله امتیاز دهید :
0/5 (0 Reviews)
  خرید سورس های حرفه ای بازی و اپلیکیشن اندروید

دسته‌ها: آموزش برنامه نویسی اندروید

دیدگاهتان را بنویسید

راهنما : برای نوشتن موارد مختلف در دیدگاه می توانید از راهنمای نگارش اندروید ریور استفاده کنید : نگارش کد کوتاه `your code`
نگارش کد بلند یا نگارش بخش عمده یک سورس کد :
[sourcecode lang="your code language"] your code here [/sourcecode]