آموزش Bottom Sheet در اندروید

material design bottom sheet bottomsheet android اندروید باتم شیت متریال دیزاین آموزش اندروید

سطح آموزش: #مقدماتی یکی دیگه از المان‌های متریال دیزاین که میتونه توی طراحی خیلی بهمون کمک کنه bottom sheet هست. BottomSheet لایه‌ایه که از پایین صفحه به بالا میاد و میتونه اطلاعاتی رو برامون به نمایش بذاره. اطلاعات تکمیلی راجع به bottom sheet رو میتونید توی guidelineهای متریالِ گوگل ببینید.   BottomSheet دو تا قسمت کلی داره. بخش بالایی که […]

طراحی صفحه درباره ما به سبک متریال دیزاین

طراحی متریال دیزاین آموزش اندروید استودیو درباره ما

سطح آموزش: #متوسط به تصویر زیر نگاه کنید: با استفاده از این کتابخونه و تکنیکی مشابه قصد داریم، یک صفحه درباره ما بصورت متریال دیزاین طراحی کنیم. خروجی پروژه رو میتونید تو فایل ویدیویی زیر ببینید:     برایِ طراحی یک اکتیویتی به اسمِ AboutUsActivity و متناظر با اون یک لایه به اسم activity_about_us ایجاد می‌کنیم. سپس در build.gradle مقادیر زیر […]

آموزش اندروید bottom bar متریال دیزاین

سطح آموزش: #متوسط تا اینجا آموزش‌های طراحی‌مون مربوط به المان‌هایِ استاندارد متریال دیزاین بود که توسط گوگل معرفی شدن. ولی این آموزش قصد داریم راجع به bottom bar صحبت کنیم.     Bottom bar به در طراحی‌های ios بیشتر به کار میره اما در متریال دیزاین تحتِ عنوانِ Bottom navigation معرفی شده. اما در کتابخونه design بطورِ پیش‌فرض قرار نگرفته و […]

آموزش اندروید متریال دیزاین کار با tabها و ViewPager

کار با tab و ViewPager طراحی متریال در آموزش اندروید متریال دیزاین

سطح آموزش: #متوسط تویِ این آموزش قصد دارم با tabها کار کنیم. tab رو ما قبلا هم داشتیم، در متریال هم خیلی تفاوتی را آنچه قبلا داشتیم ندارید فقط نحوه جابجایی بینِ تب‌ها روون تر شده و تا حدی متریالیزه! تر شده. چون سطحِ آموزش رو متوسط در نظر گرفتم و قبلا هم بارها مراحلِ اولیه رو طی کردیم دیگه […]

آموزش snackbar در متریال دیزاین

آموزش اندروید snackbar اسنک بار متریال دیزاین

سطح آموزش: #متوسط توی این آموزش استفاده از snackbar رو یاد میگیریم. میشه گفت SB جایگزین toast در اندرویده. البته toastها deprecate نشدن ولی من توصیه میکنم از این به بعد اگر خواستید پیامی به کاربر نشون بدید از SB استفاده کنید.   دلایلی که SB بهتره: اسنک بار رو میشه dismiss کرد ولی toast رو نمیشه. SB ظاهرِ بهتری […]

آموزش floating label edittext بصورت متریال دیزاین در اندروید

آموزش اندروید floating label edittext متریال دیزاین - طراحی متریال

سطح آموزش: #مبتدی حتما edittextهایی رو دیدید که وقتی روش کلیک میشه متنِ داخل به صورت کوچیک بالایِ edittext نمایش داده میشه. اسمِ این قابلیت floating label هست که یکی از مواردی هست که برای طراحی متریال باید رعایت بشه. در نهایت برنامه‌ای که در طیِ آموزش‌های متریال تا به الان تکمیل کرده‌ایم به شکلِ زیر در خواهد آمد:   […]

ساخت Navigation Drawer با طراحی متریال

ساخت navigation drawer با طراحی متریال. منو متریال دیزاین

سطح آموزش: #مقدماتی توی این آموزش میخوام استفاده از Navigation Drawer (ازین به بعد خلاصه مینویسم nav) رو یاد بدم. برای این‌کار چندتا روش وجود داره. اول اینکه موقع ساخت پروژه، templateـی که nav داره رو انتخاب کنیم. اینجوری به طور پیش‌فرض داخل پروژه generate میشه و میتونیم اون رو شخصی سازی کنیم و استفاده کنیم. من این کار رو […]

شروع طراحی متریال

ساخت toolbar با طراحی متریال. تولبار متریال دیزاین style متریال استایل

سطح آموزش: #مقدماتی برای داشتن یک برنامه متریال نیاز داریم که تم متریال رو روی برنامه‌مون اعمال کنیم. برای این منظور به پوشه styles.xml میریم و تمی که از متریال ارث‌بری میکنه رو انتخاب میکنیم. قبل از پرداختن به بحث استایل توجه کنید که minimum skd رو روی ۱۵ یا بالاتر قرار بدید. sdk 15 در زمان نگارش این مقاله […]

متریال دیزاین زبان طراحی گوگل

طراحی متریال یا متریال دیزاین چیست؟ طراحی استاندارد گوگل در اندروید

در پست اول قصد دارم راجع به متریال دیزاین صحبت کنیم. الان هر پروژه‌ای که بیرون تعریف میکنن حتما تقاضا دارند که طراحی متریال باشه. همه هم اذعان دارن که متریال دیزاین فقط یکسری قواعد هستندکه باید رعایت کرد. این حرف درسته ولی دردی از ما دوا نمیکنه. اگر دوست دارید این قواعد و استانداردها رو ببینید میتونید به این لینک سر […]