فعال کردن قالب متریال دیزاین در اندروید استودیو

فعال کردن قالب  متریال دیزاین در اندروید استودیو

برای اینکه بتوانید تم material design را تو اپلیکیشن اندرویدی که دارید می‌نویسید فعال کنید و ازش استفاده کنید مراحل زیر را دنبال کنید:

1. یک پروژه جدید تو اندروید استودیو ایجاد کنید.زمانیکه نوع اکیتیویتی را از شما سوال می‌کند Blank Activity را انتخاب بکنید.

2. gradle را از ستون کناری اندروید استودیو باز کنید و کتابخانه‌ای که android design را پشتیبانی می‌کند به نام com.android.support:design:23.0.1 را اضافه کنید.مانند کد زیر:

build.gradle

dependencies {

compile fileTree(dir: ‘libs’, include: [‘*.jar’])

compile ‘com.android.support:appcompat-v7:23.0.1’

compile ‘com.android.support:design:23.0.1’

}

و همینطور اینکار را میتوان هم در Project Structure  انجام داد مانند تصویر زیر:

که کتابخانه  com.android.support:design:23.1.1  را از با زدن دکمه + از لیست انتخاب کرده و اضافه میکنیم و پنجره را می‌بندیم.

3. فایل xml را از مسیر res ⇒ values باز کنید و مقادیر زیر را به آن اضافه کنید.

colors.xml

<?xml version=”1.0″ encoding=”utf-8″?>

<resources>

<color name=”colorPrimary”>#125688</color>

<color name=”colorPrimaryDark”>#125688</color>

<color name=”textColorPrimary”>#FFFFFF</color>

<color name=”windowBackground”>#FFFFFF</color>

<color name=”navigationBarColor”>#000000</color>

<color name=”colorAccent”>#c8e8ff</color>

</resources>

4. فایل xml را از مسیر res ⇒ values باز کنید و استایل‌های زیر را به آن اضافه کنید.

من نام تم متریال دیزاین را MyMaterialTheme گذاشتم.

styles.xml

<resources>

<style name=”MyMaterialTheme” parent=”MyMaterialTheme.Base”>

</style>

<style name=”MyMaterialTheme.Base” parent=”Theme.AppCompat.Light.DarkActionBar”>

<item name=”windowNoTitle”>true</item>

<item name=”windowActionBar”>false</item>

<item name=”colorPrimary”>@color/colorPrimary</item>

<item name=”colorPrimaryDark”>@color/colorPrimaryDark</item>

<item name=”colorAccent”>@color/colorAccent</item>

</style>

</resources>

5. حالا در همون فولدر res ؛ فولدری با نام values-v21 بسازید و  فایل xml را در فولدر جدید ایجاد کنید.

و مقادر زیر را در آن قرار دهید.

styles.xml

<resources>

<style name=”MyMaterialTheme” parent=”MyMaterialTheme.Base”>

<item name=”android:windowContentTransitions”>true</item>

<item name=”android:windowAllowEnterTransitionOverlap”>true</item>

<item name=”android:windowAllowReturnTransitionOverlap”>true</item>

<item name=”android:windowSharedElementEnterTransition”>@android:transition/move</item>

<item name=”android:windowSharedElementExitTransition”>@android:transition/move</item>

</style>

</resources>

6. درنهایت فایل AndroidManifest.xml را باز کنید و مقدار android:theme را به تم جدید تغییر دهید.

android:theme=”@style/MyMaterialTheme”

AndroidManifest.xml

<?xml version=”1.0″ encoding=”utf-8″?>

<manifest xmlns:android=”http://schemas.android.com/apk/res/android“

package=”info.androidhive.materialtabs” >

<application

android:allowBackup=”true”

android:icon=”@mipmap/ic_launcher”

android:label=”@string/app_name”

android:theme=”@style/MyMaterialTheme” >

<activity

android:name=”.activity.MainActivity”

android:label=”@string/app_name” >

<intent-filter>

<action android:name=”android.intent.action.MAIN” />

<category android:name=”android.intent.category.LAUNCHER” />

</intent-filter>

</activity>

</application>

</manifest>

اپلیکیشن را اجرا کنید و رنگ  notification bar را مشاهد کنید.اگر رنگ notification bar تغییر کرده باشد معنی آن اینست که قالب متریال دیزاین با موفقیت اعمال شده است.