نحوه استفاده از رنگ ها ( Color ) در اندروید
فیلم نحوه استفاده از رنگ ها ( Color ) در اندروید
متن به همراه عکس نحوه استفاده از رنگ ها ( Color ) در اندروید
در این مقاله نحوه استفاده از رنگ را در یک اپلیکیشن، آموزش می دهیم. همچنین اضافه کردن رنگ در text را در کنار هم یاد می گیریم.
روش اول:
ابتدا یک پروژهی جدید به نام Color میسازیم.
سپس مراحل زیر را طی میکنیم:
app>res>values>colors.xml
وقتی روی colors کلیک کنیم، سه رنگ به صورت پیش فرض وجود دارد:
1 2 3 4 5 6 |
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#008577</color> <color name="colorPrimaryDark">#00574B</color> <color name="colorAccent">#D81B60</color> </resources> |
در انتهای یکی از تگ های color ، گزینهی Enter را میزنیم، سپس > را مینویسیم و color را تایپ میکنیم و یا از لیست انتخاب میکنیم.
1 |
<color name="red">#FF0000</color> |
در قسمت “name”،نام رنگ موردنظرمان را مینویسیم و در پروژه آن را به کار می بریم.
وقتی “<“تگ را ببندیم، به صورت پیش فرض تگ color بسته می شود </color> و نشانهگر بین تگ انتهایی “عنوان” و تگ ابتدایی “color”به حالت چشمک زن قرار میگیرد(مطابق قسمت علامتگذاری شده در عکس زیر) که محلی برای وارد کردن کد رنگ می باشد.شما میتوانید برای این کار از فتوشاپ کمک بگیرید. پیشنهاد میشود از رنگ های Material استفاده کنید.دقت داشته باشید که ابتدا باید # و سپس کد رنگ را تایپ کنیم.
نحوه استفاده از کد رنگ ایجاد شده برای Text :
ابتدا مراحل زیر را طی میکنیم:
app>res>layout>activity_main.xml
به صورت پیش فرض یک TextView وجود دارد.
1 2 3 4 5 6 7 8 |
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> |
انتهای یکی از ویژگی ها “Enter “را میزنیم، کلمه “Text” را تایپ میکنیم ودر لیست گزینهی “android:textColor” را انتخاب میکنیم،پس از انتخاب، لیست دیگری باز میشود که تمامی آدرس هایی را که در قسمت Color وجود دارد نشان میدهد (آدرس رنگی را که ایجاد کردیم، در لیست انتخاب میکنیم.)
همانطور که در تصویر میبینید رنگ “Text” تغییر یافت. برای رنگ زمینه متن هم میتوانیم از “color” استفاده کنیم، برای رنگ زمینه متن هم میتوانیم از همان رنگ استفاده کنیم ،برای این کار طبق عکس زیر عمل میکنیم:
1 |
android:background="@color/red" |
خروجی به صورت زیر میشود:
روش دوم:
داخل activity_main.xml کد زیر را تایپ میکنیم و به جای آدرس دهی، کد رنگ را به صورت مستقیم اضافه میکنیم:
1 2 |
android:textColor="#123" android:background="#458d" |
کد کامل لایه:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" android:textColor="#123" android:background="#458d" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> </android.support.constraint.ConstraintLayout> |
کد کامل پوشه Color :
1 2 3 4 5 6 7 |
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#008577</color> <color name="colorPrimaryDark">#00574B</color> <color name="colorAccent">#D81B60</color> <color name="red">#FF0000</color> </resources> |
نکته:
برای تغییر رنگ بهتر است از روش اول استفاده کنید، چراکه در این روش تنها یک بار رنگ پروژه را تغییر میدهید و نتیجه در کل پروژه اعمال میشود.
برای مشاهده لینک دانلود لطفا وارد حساب کاربری خود شوید!
وارد شویدپسورد فایل : ندارد گزارش خرابی لینک
مطالب زیر را حتما بخوانید
-
نحوهی کار با ویدئوپلیر (Video Player) از طریق پوشهی raw
7.38k بازدید
-
آلرت دیالوگ (AlertDialog) چیست و نحوهی کار با آن چگونه است؟
6.98k بازدید
-
اسنکبار (Snackbar) در اندروید
4.54k بازدید
-
ّFloating action Button (فلوتینگ اکشن باتن) در اندروید
4.38k بازدید
-
نحوهی کار با فریم لیوت (FrameLayout)
4.81k بازدید
-
یک روش برای تمرکز در برنامهنویسی
3.26k بازدید
دیدگاهتان را بنویسید