فقط تا 25 آذر فرصت استفاده از تخفیف 125 هزارتومانی خرید اپلیکیشن ووکامرس   مشاهده و خرید

اضافه کردن Dark Mode به اپلیکیشن اندروید

اکتبر 26, 2019| سنا عبادی
آموزش افزودن رابط کاربری تیره یا دارک به اپلیکیشن اندروید | مارکت سورس اندروید ریور

نحوه افزودن رابط کاربری تیره یا دارک مد را به اپلیکیشن اندروید خود در این مقاله به صورت گام به گام توضیح داده خواهد شد.امروزه در اکثر اپ ها تم های دارک  یا حالت شب و تیره  وجود دارد . حتی خیلی از اپلیکیشن های بزرگ دنیا مثل فیس بوک و یکسری پیام رسان ها مثل تلگرام این قابلیت رو به رابط کاربری خود اضافه کردن و اخیرا گوگل هم اضافه کردن این حالت به اپلیکیشن ها رو توصیه کرده است.

قبلا یک مقاله در وبلاگ با عنوان ” اصول طراحی UI جذاب برای اپلیکیشن ” منتشر شد که فکر می کنم مطالعه آن خالی از لطف نباشد.

خب،  در این مقاله با چند گام خیلی کوتاه شما میتونید Dark theme رو به اپلیکیشن خودتون اضافه کنید ولی تبدیل به light theme با قابلیت سوییچ بین تم روشن و تاریک در این مقاله توضیح داده نشده اما سعی میکنم در آینده مقاله ای هم در این زمینه بنویسم تا بتوانید قابلیت سوییچ آسان بین این دو حالت را هم پیاده سازی کنید.

همچنین بخوانید :  یادگیری ساده تر برنامه نویسی اندروید

قبل از اینکه این مقاله را بخوانید ، در این زمینه من یک ویدیو ی کوتاه تولید کردم، سعی کردم تمامی گام های زیر را که در این مقاله می خوانید توضیح بدهم شاید بتوان گفت به نوعی نسخه ویدئویی این مقاله را در لینک بالا می توانید ببینید..

رابط کاربری تیره | وبلاگ مارکت اندروید ریور

برویم سراغ گام هایی که پیش رو داریم تا بتوانید تم تاریک را به UI اپلیکیشن خود اضافه کنید

قدم اول : اضافه کردن دپندسی مربوط به متریال


implementation 'com.google.android.material:material:1.1.0-alpha04' در build.gradle

قدم دوم : اکتیویتی مورد نظرتون رو که theme  رو قرار هست بهش پاس بدید باز کنید و در متد onCreate()  این خط کد رو قرار بدید :


AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)

قدم سوم : در قسمت style.xml ‌در بخش theme  مربوط به اکتیویتی در قسمت parent این خط را اضافه کنید :


Theme.MaterialComponents.DayNight.NoActionBar

حالا اگر اپلیکیشن رو اجرا کنید حالت تیره را مشاهده خواهید کرد. شاید بخواهید رنگ های مورد علاقه خود را به دیزاین رابط کاربری اپلیکیشن خود اضافه نمایید، برای اینکار می توانید به گام چهارم که در ادامه توضیح دادم توجه کنید.

همچنین بخوانید :  رفع خطا SSL peer shut down incorrectly در اندروید استدیو

قدم چهارم : روی res  راست کلیک کنید و دایرکتوری جدید به اسم values-night بسازید (درویدیو خیلی خوب میتونید ببنید)

قدم پنجم : فایل colors.xml ‌مورد نظرتون در فولدر تازه ساخته شده قرار بدید . می تونید از سایت متریال استفاده کنید . همچنین من یک ویدیوی کوتاه دیگری رو بهتون پیشنهاد میکنم که چطور colors.xml ‌آماده رو اکسپورت بگیرید و استفاده کنید .

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

سنا عبادی نویسنده مقاله

توسعه دهنده موبایل به ویژه سیستم عامل اندروید ، مدیر محصول مارکت اندروید ریور از سال 97 و در تلاش برای تحقق یک رویا..



می تونی سنا عبادی رو توی شبکه های اجتماعی هم دنبال کنی ...

مقالات مرتبط را بخوانید :


سورس های اندروید شامل تخفیف رو ببین !

به این مقاله امتیاز دهید :
3.5/5 (2 Reviews)
راستی اگه توسعه دهنده اندروید هستی ، میتونی سورس ها خودت رو در مارکت اندروید ریور بفروشی و کسب درآمد فوق العاده ای داشته باشی برای شروع اینجا کلیک کن و برای اطلاع از تخفیف ها و محصولات ویژه در تلگرام اندروید ریور رو دنبال کن عضویت در کانال
  خرید سورس های حرفه ای بازی و اپلیکیشن اندروید

  پیوستن به کانال تلگرام اندروید ریور

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

پاسخی بگذارید