image اموزش زبان ++C – مقدمه image اموزش زبان ++C – اولین برنامه سی++

دنیای هفت کد

آموزش برنامه نویسی اندروید با اندروید استودیو (جلسه ی هفتم)

logom

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

در این جلسه می خواهیم به آموزش Material Design در اندروید بپردازیم. استفاده از Material Design باعث جذابیت برنامه می شود به طوری که اگر تا به حال با آن آشنایی نداشتین زین پس شیفته ی آن می شوید.با ما در آموزش پیشرو همراه باشید.

توجه:این آموزش ترجمه شده ی یک آموزش از یک سایت خارجی هست. بنابراین اگر کد ها را امتحان کردید و کار نکرد تقصیر من نیست.من امتحانشون نکردم.

کد هارو هم خط به خط توضیح ندادم و سورس آماده هم وجود نداره.

material

 

شما ممکن است درباره ی Material Design  که در نسخه آندروید اب نبات چوبی معرفی شد شنیده باشید. در Material Design قابلیت های جدید زیادی از جمله مواد تم، ویدجت های جدید، سایه های سفارشی، ترسیمی بردار و انیمیشن های سفارشی معرفی شدند. اگر تا به حال Material Design کار نکرده اید این مقاله برای شروع عالی است.

در این آموزش ما می خوایم به یادگیری مراحل پایه ی Material Design مثل موضوع سفارشی و اجرای Navigation Drawer با استفاده از RecyclerView بپردازیم.

از طریق لینک های زیر می توانید اطلاعات بیشتری درباره ی Material Design به دست آورید:

۱-سفارشی سازی رنگ ها در Material Design:

در  Material Design یکی از مهم ترین اصل ها سفارشی سازی رنگ هاست. رنگ ۵ جز زیر از مهم ترین ها به حساب می آیند.

  • colorPrimaryDark –این تیره ترین رنگ در برنامه هست و اساساً روی نوار اعلانات اعمال می شود
  • colorPrimary –این رنگ اصلی برنامه هست و مربوط به رنگ پس زمینه ی نوار ابزار می شود
  • textColorPrimary – این رنگ اصلی متن است و روی عنوان موجود در نوار ابزار اعمال می شود
  • windowBackground – این رنگ پیشفرض پس زمینه ی برنامه است
  • navigationBarColor – این رنگ رنگ پس زمینه نوار ناوبری بالا و پایین صفحه تعریف می کند

android-material-design-color-schema

شما می توانید با رفتن به لینک زیر رنگ های دیگر قابل استفاده برای جذابیت برنامه یتان را مشاهده کنید.

۲-ساخت تم Material

۱-در اندروید استدیو یک پروژه ی جدید با نام MaterialDesingFirstSession درست می کنیم.

۲-به قسمت res ⇒ values ⇒ strings.xml  بروید و کد های زیر را در آن جای گذاری کنید.

۳- به قسمت res ⇒ values ⇒ colors.xml بروید و کد های متغیر رنگ را اضافه کنید.اگر فایل  colors.xml در مسیر گفته شده وجود نداشت خودتان آن را یجاد کنید.

۴- به مسیر  res ⇒ values ⇒ dimens.xml بروید و کد های زیر را در آن اعمال کنید.

۵- به فایل styles.xml در مسیر    res ⇒ values بروید و کد های زیر را اعمال کنید. این حالت ها در اکثر ورژن های اندروید معمول هست .من در اینجا نام تمم را MyMaterialTheme گذاشتم.

۶- به قسمت res بروید و فایلی به نام  values-v21 بسازید. درون این فال فایل دیگری به نام styles.xml بسازید که شامل کد های زیر باشد.این حالت ها فقط مخصوص  Android Lollipop هستند.

۷- تا اینجا ما اعمال اولیه ی مورد نیاز برای Material شدن اپ خود انجام دادیم.حال به فایل AndroidManifest.xml بروید و یا کد زیر را در قسمت مربوطه اعمال کنید یا تمام کد AndroidManifest.xml را در فایلش اعمال کنید.

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

android-material-design-notification-bar

۳-اضافه کردن Toolbar

اضافه ی کردن نوار ابزار بسیار آسان است.برای این کار فقط باید یک layout جدا بسازیم و نوار ابزار را در آن ایجاد و آن را به layout مورد نظر اضافه کنیم تا نمایان شود.

۱- به مسیر res ⇒ layout بروید و کد های زیر را در آن اعمال کنید.

۲-به فایل activity_main.xml بروید و کد ها را به صورت زیر تغییر دهید .

حال برنامه را اجرا کنید تا نوار ابزارتان را ببینید.

android-material-design-toolbar1

حال بیایید روی نوار ابزار چند دکمه بزاریم.

۳- ابتدا آیکون سرچ زیر را دانلود کنید

1465496609_search

۴-برای استفاده از آن در برنامه باید آن را به اندروید استودیو import کنیم.برای این کار روی فایل res ⇒ New ⇒ Image Asset کلیک راست می کنیم و برای import عکس یک پنجره ظاهر می شود . عکس را Browse کنید و بقیه را مانند تصویر عمل کنید.

android-studio-importing-image-asset

۵-به فایل menu_main.xml واقع در res ⇒ menu بروید و کد ها رو به صورت زیر تغییر دهید.

۶-حال MainActivity.java را باز کنید و تغییرات زیر را اعمال کنید.

بعد از اعمال تغییرات اگر برنامه را اجرا کنید با محیط زیر روبرو می شوید.

android-material-design-toolbar-action-items

آموزش ما اینجا به پایان می رسه.در جلسه ی بعد آموزش ایجاد navigation drawer رو به شما دوستان میگم.

برای طرح سوال و رفع اشکال در گروه تلگرام زیر عضور شوید.

 گروه رفع اشکال تلگرام

برای اطلاع از آخرین آموزش های اندروید در کانال زیر عضو شوید.

  کانال اطلاع رسانی آموزش ها

تا بعد.

سید علی محمد رسولی دینانی
درباره سید علی محمد رسولی دینانی
عاقلان نقطه پرگار وجودند ولی عشق داند که در این دایره سرگردانند
نوشته های مرتبط
  • همه موارد
  • نویسنده
  • دسته بندی
  • تگ

نظرتان را بنویسید

ایمیل شما نمایش داده نمی شود.

logo-samandehi
حامیان ما :
aparat aparat aparat aparat
شبکه های اجتماعی :
aparat aparat aparat aparat aparat

پیامک : 30007006000096 ایمیل : 7code.ir@gmail.com