مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش برنامه نویسی اندروید را دنبال می کنند. یک مرجع style فرمت و قالب بندی طراحی را تعریف می کند و یک رابط کاربری را جستجو می کند. یک style را می توان به نمای Individual (از یک فایل طرح بندی) یا به کل فعالیت یا برنامه (از داخل فایل مانیفست) اعمال کرد. style و تم ها در اندروید ظاهر طراحی برنامه ی شما را ایجاد می کنند، و در زیبایی و جذابیت طراحی برنامه نقش بسزایی دارند. برای آشنایی با چگونگی کار با style و تم ها در اندروید در ادامه ی مباحث این بخش با ما همراه باشید.
style و تم ها در اندروید
ادامه ی مباحث این بخش را به آشنایی شما با چگونگی کار با style و تم ها در اندروید اختصاص داده ایم.
تعریف style
یک style در یک منبع XML تعریف شده است که جدا از فایل XML که طراحی را مشخص می کند تعریف می شود.
این فایل XML در زیر شاخه ی res / values / directory از پروژه شما قرار دارد.
تگ <resources> به عنوان سر شاخه ی ریشه ای فایل XML عمل می کند.
نام این فایل XML دلخواه بوده اما پسوند آن باید XML باشد.
شما می توانید چندین style را در هر فایل با استفاده از تگ <style> تعریف کنید.
اما هر style دارای نام آن است که منحصر به فرد بودن آن style را مشخص می کند.
ویژگی های style اندروید با استفاده از برچسب <item> همانطور که در زیر نشان داده شده است مشخص می شود:
مثال :
| <?xml version="1.0" encoding="utf-8"?> <resources> <style name="CustomFontStyle"> <item name="android:layout_width">fill_parent</item> <item name="android:layout_height">wrap_content</item> <item name="android:capitalize">characters</item> <item name="android:typeface">monospace</item> <item name="android:textSize">12pt</item> <item name="android:textColor">#00FF00</item>/> </style> </resources> |
مقدار<item> می تواند یک رشته کلید واژه، یک رنگ Hex، یک اشاره گر به نوع دیگری از منابع یا یک مقدار دیگر بسته به ویژگی style باشد.
استفاده از style ها
هنگامی که style شما تعریف شده است، می توانید آن را در فایل XML خودتان با استفاده از ویژگی style به صورت زیر استفاده کنید:
مثال :
| <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:id="@+id/text_id" style="@style/CustomFontStyle" android:text="@string/hello_world" /> </LinearLayout> |
وراثت Style
آندروید از ویژگی وراثت style به نحوی بسیار شبیه به سبک CSS در طراحی وب پشتیبانی می کند.
شما می توانید از این ویژگی برای به دست آوردن خواص از یک شیء موجود استفاده کنید.
و سپس فقط خواص هایی را که می خواهید تغییر دهید یا اضافه کنید را تعریف کنید.
برای پیاده سازی یک تم سفارشی یا ویرایش MyAndroidApp / res / values / themes.xml موارد زیر را دنبال کنید:
مثال :
| <resources> ... <style name="MyCustomTheme" parent="android:style/Theme"> <item name="android:textColorPrimary">#ffff0000</item> </style> ... </resources> |
در AndroidManifest.xml شما موضوع را به فعالیت هایی که می خواهید Style دهید اعمال می کنید:
مثال :
| <activity android:name="com.myapp.MyActivity" ... android:theme="@style/MyCustomTheme" /> |
سپس تم جدید شما به فعالیت شما اعمال خواهد شد و متن هم اکنون به رنگ قرمز روشن است:
style و تم ها در اندروید
اعمال رنگ به ویژگی های تم
بعد از اضافه کردن عناصر <item> به تم سفارشی شما می توانید از ویژگی رنگی خود برای برخی ویژگی های تم، مانند پس زمینه پنجره و رنگ اصلی اولیه استفاده کنید.
این ویژگی ها در فایل styles.xml شما تعریف شده است.
برای مثال، برای اعمال رنگ سفارشی به پس زمینه پنجره، دو عنصر <item> زیر را به تم سفارشی اضافه کنید.
این در فایل MyAndroidApp / res / values / styles.xml تعریف شده است:
مثال :
| <resources> ... <style name="MyCustomTheme" ...> <item name="android:windowBackground">@color/my_custom_color</item> <item name="android:colorBackgroundCacheHint">@color/my_custom_color</item> </style> ... </resources> |
style و تم ها در اندروید -نتیجه ی۲
استفاده از Nine-Patch با Button
یک nine-patch قابل رسم یک نوع خاص از image است که می تواند در عرض و ارتفاع مقیاس داده شود.
این ویژگی رایج ترین روش برای مشخص کردن ظاهر دکمه های اندورید است.
مراحل ایجاد Nine-Patch های button
این bitmap را به عنوان /res/drawable/my_nine_patch.9.png ذخیره کنید.
یک Style جدید را تعریف کنید.
Style دکمه جدید را به ویژگی buttonStyle از تم سفارشی خود اعمال کنید.
تعریف یک Style جدید
مثال :
| <resources> ... <style name="MyCustomButton" parent="android:Widget.Button"> <item name="android:background">@drawable/my_nine_patch</item> </style> ... </resources> |
اعمال تم
مثال :
| <resources> ... <style name="MyCustomTheme" parent=...> ... <item name="android:buttonStyle">@style/MyCustomButton</item> </style> ... </resources> |
style و تم ها در اندروید -نتیجه ۳
تم های اندروید
بعد از درک مفهوم Style حالا به سراغ توضیحاتی در مورد تم ها می پردازیم.
تفاوت تم با Style در این است که تم برای کل یک طراحی اعمال می شوددر حالی که Style بخشی از آن است.
بنابراین هنگامی که یک Style را به عنوان یک تم اعمال کنید این Style به تمام طراحی های آن برنامه که آن Style را پشتیبانی می کنند اعمال می شود.
به عنوان مثال شما می توانید Style CustomFontStyle را به عنوان یک تم برای یک فعالیت اعمال کنید.
در نتیجه ی اعمال Style فوق تمام متن های موجود در آن طراحی به رنگ سبز در می آیند.
برای تنظیم تم به تمام فعالیت های برنامه خود:
فایل AndroidManifest.xml را باز کرده و تگ <application> را برای افزودن ویژگی اندروید با نام Style ویرایش کنید.
مثال:
مثال :
| <application android:theme="@style/CustomFontStyle"> |
اما اگر می خواهید یک تم را به یک فعالیت در برنامه خود اعمال کنید، attribute theme android را به تگ <activity> اضافه کنید.
به عنوان مثال:
مثال :
| <activity android:theme="@style/CustomFontStyle"> |
تعدادی تم پیش فرض که از قبل در اندروید تعریف شده است وجود دارد که شما می توانید به طور مستقیم از آن استفاده کنید.
همچنین می توان این تم ها را به طور غیر مستقیم از تم والد به ارث برد:
مثال :
| <style name="CustomTheme" parent="android:Theme.Light"> ... </style> |
ظاهر سازی پالت رنگ
یک طرح بندی می تواند بر اساس رنگ های مبتنی بر آن اجرا شود.
به عنوان مثال طراحی زیر بر اساس رنگ آبی طراحی شده است:
style و تم ها در اندروید -طراحی مبتنی بر رنگ
طراحی بالا بر اساس فایل style.xml طراحی شده که در res / values / قرار گرفته است:
مثال :
| <resource> <style name="AppTheme" parent="android:Theme.Material"> <item name ="android:color/primary">@color/primary</item> <item name ="android:color/primaryDark">@color/primary_dark</item> <item name ="android:colorAccent/primary">@color/accent</item> </style> <resource> |
Style و تم پیش فرض
پلت فرم آندروید یک مجموعه بزرگ از Style ها و تم ها را فراهم می کند که می توانید در برنامه های خود استفاده کنید.
شما می توانید یک مرجع از تمام Style های موجود در کلاس R.style را پیدا کنید.
برای استفاده از Style های ذکر شده بصورت مثال زیر عمل کنید:
به عنوان مثال تم Theme_NoTitleBar را با “android: style / Theme.NoTitleBar” اعمال کنید.
کلام آخر
یکی از مهمترین قسمت های طراحی در اندروید، بخش های style و تم ها در اندروید است که در واقع ظاهر برنامه و اپلیکیشن شما را توصیف می کند، شما می توانید با استفاده از این دو مورد یک رابط کاربری جذاب و کاربر پسند در اپلیکیشن خود ایجاد کنید.
در بخش بعدی به اجزای سفارشی در اندروید می پردازیم.
pvlearn
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
