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

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

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

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

2. gradleرا بازکنید و کتابخانه‌ای که android design را پشتیبانی می‌کند به نام 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=”۱.۰″ 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. درنهایت فایل xmlرا بازکنید و مقدار android:theme را به تم جدید تغییر دهید.

android:theme=”@style/MyMaterialTheme”

AndroidManifest.xml

<?xml version=”۱.۰″ 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 تغییر کرده باشد معنی آن این هست که قالب متریال دیزاین با موفقیت اعمال‌شده است.

اشتراک گذاری

(1 رای, متوسط: 5٫00 از 5)

Loading...