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

آموزش ساختن برنامه برای اندروید به زبان فارسی
دوشنبه, ۱۱ فروردين ۱۳۹۳، ۱۲:۲۳ ب.ظ

نمایه (icon)

تماشای برخط یا دانلود فیلم آموزشی «نمایه»

زیر نویس انگلیسی [English Subtitle]

دریافت نسخه‌ی pdf این آموزش [832 کیلوبایت]

نمایه (icon) اولین تاثیریه که برنامه شما روی کاربر می‌ذاره، پس خیلی مهمه که درست طراحی بشه. همین‌طور که روز به روز به کیفیت و عمق تصویر تبلت‌ها و گوشی‌ها داره اضافه می‌شه باید حواسمون باشه که برای کیفیت‌های بالاتر تصویر، نمایه‌های دقیق‌تری طراحی کنیم.

۱. یه پروژه جدید بسازید. می‌بینید در پوشه res چندتا پوشه وجود داره که با drawable شروع شده، ما تمامی تصاویر برنامه از جمله نمایه رو در این پوشه‌ها قرار می‌دیم، اما فرقشون چیه؟ فرقشون اینه که اندروید با توجه به میزان کیفیت تصویر هر دستگاهی انتخاب می‌کنه که از کدوم پوشه تصویر رو نمایش بده، یعنی ما یه تصویر در برنامه‌مون (مثلا نمایه) رو با کیفیت تصویرهای مختلف تهیه می‌کنیم و درون هر کدوم از این پوشه‌ها قرار می‌دیم:

ldpi برای دستگاه با کیفیت پایین low density

mdpi برای دستگاه با کیفیت متوسط medium density

hdpi برای دستگاه با کیفیت بالا high density

xdpi برای دستگاه با کیفیت خیلی بالا extra density و...

۲.چندین نوع نمایه(icon) وجود داره: نمایه برنامه (launcher)، نمایه نوار فعالیت (action bar)، نمایه اطلاعیه (notification) و...

نمایه‌برنامه تصویریه که کاربر از برنامه‌ی ما در فهرست برنامه‌هاش می‌بینه، نمایه‌نوار‌فعالیت هر نوع تصویریه که مثلا در فهرست‌ها استفاده می‌شه تا مفهوم رو به طور ساده به کاربر منتقل کنه، مثل این تصویر که هرکی ببینه متوجه می‌شه برای جستجو هست، خود گوگل یه مجموعه‌ای از این نوع نمایه‌ها رو برای دانلود گذاشته که می‌تونید از اینجا دانلود کنید. نمایه اطلاعیه هم که از اسمش معلومه برای وقتیکه برنامه شما یه اطلاعیه (notification) تولید می‌کنه، توی نوار وضعیت نمایه اطلاعیه شما نشون داده می‌شه.

۳.ما می‌خوایم روی نمایه برنامه تمرکز کنیم. چند تا نکته برای طراحی نمایه:

هرجا ممکنه از شکل‌های برداری (vector) استفاده کنید -> مثلا در برنامه فتوشاپ اگه از شکل‌های برداری استفاده کنیم، بدون از دست دادن کیفیت تصویر می‌تونیم اون رو کوچیک یا بزرگ کنیم (برای اندازه صفحه‌های مختلف)

ابتدا با اندازه بزرگ طراحی کنید -> ابعاد طرح اولیتون بهتره به اندازه‌ی مضربی از اندازه نمایه‌تون باشه، تا با جزئیات دقیق طراحی کنید و برای اندازه‌های کوچکتر اونو کوچیک کنید و تغییرات دلخواهتونو بدید. مثلا برای نمایه‌ی برنامه به ترتیب به مربع‌هایی با ابعاد ۴۸، ۷۲، ۹۶ و ۱۴۴ پیکسل برای اندازه صفحه‌های مختلف نیاز دارید پس بهتره اول طرحتون رو روی مربعی با ابعاد ۸۶۴ در ۸۶۴ شروع کنید.

فراداده‌های غیرضروری رو از فایل نهایی پاک کنید -> درسته که sdk اندروید خودش فایل‌های png رو فشرده می‌کنه تا حجمشون کم بشه اما بهتره خودتون فراداده (metadata) و سرآیند (header) های غیرضروری رو از فایل‌های pngتون پاک کنید. ابزارهایی مثه OptiPNG یا Pngcrush می‌تونن این کارو براتون انجام بدن و اندازه فایل‌های شما رو بهینه کنن که باعث بالارفتن سرعت برنامه‌تون می‌شه.

۴.ابعاد نمایه‌هایی که باید برای هر کیفیت تصویر بسازید، تو جدول اومده:

کیفیت تصویر نمایه‌ی برنامه نوار فعالیت نمادهای کوچک اطلاعیه
mdpi 48x48 px 32x32 px 16x16 px 24x24 px
hdpi 72x72 px 48x48 px 24x24 px 36x36 px
tvdpi (use hdpi) (use hdpi) (use hdpi) (use hdpi)
xhdpi 96x96 px 64x64 px 32x32 px

48x48 px

xxhdpi 144x144 px 96x96 px 48x48 px 72x72 px

نکته: اندروید کیفیت تصویر ldpi رو هم پشتیبانی می‌کنه اما لازم نیست شما براش تصویری تهیه کنید، خود اندورید تصویری که در hdpi گذاشتید رو ابعادش رو نصف می‌کنه و برای گوشی‌هایی که ldpi هستند استفاده می‌کنه.

۵.وقتی می‌خواید پروژه بسازید تو یه مرحله، ازتون می خواد که اگه نمایه‌ای برای برنامه‌تون آماده کردید وارد کنید:

اگر نمایه‌های ابعاد مختلفی که برای برنامه‌تون تهیه کردید فرقی نمی‌کنه، (مثلا بعضی‌ها برای اندازه‌های بزرگتر جزئیات بیشتری تو تصویرشون می‌ذارن و تو اندازه‌های کوچکتر جزئیات رو کمتر می‌کنن تا خواناتر بشه) می‌تونید تو این مرحله، بزرگترین اندازه نمایه‌ای که درست کرید رو بهش بدید، خودش بقیه اندازه‌ها رو براتون می‌سازه. اگر بخواید مثلا فقط mdpi رو تغییر بدید می‌تونید به پوشه‌اش برید و اونو تغییر بدید، به این صورت که فایل رو بکشید و بندازید توش، اینطوری:

۶.اندروید خودش پیشنهاد می‌کنه که اسم تصویر مربوط به نمایه‌ی برنامه رو ic_launcher بذارید اما اگه می‌خواید یه اسم دیگه بذارید، باید فایل AndroidManifest.xml رو باز کنید، به زبانه application برید و روی دکمه Browse جلوی icon بزنید. (مراحل توی تصویر هست)

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

فهرست‌ مطالب



نوشته شده توسط وجدانی
ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم

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

آموزش ساختن برنامه برای اندروید به زبان فارسی
آموزش برنامه نویسی اندروید
بسم الله الرحمن الرحیم
در این سایت آموزش جامع و کاملی درباره اینکه چطور برای اندروید برنامه بنویسیم قرار داده خواهد شد
امیدوارم این آموزش ها بتونه راه گشای تمام ایرانیانی باشه که می خوان تو این زمینه به موفقیت برسند و باعث افتخار کشورشون باشن
اساس آموزش این سایت، فیلم آموزشی از سایت Lynda.com هست
زیر نویس فارسی و انگلیسی این فیلم ها با پسوند srt برای دانلود قرار داده خواهد شد (گردآوری شده در این صفحه )
همون طور که می دونید این آموزش در سایت Lynda.com رایگان نیست.
برای همین اینجا و اینجا براتون آپلودش کردم
(حکم دانلود رایگان این فیلم ها که پولی هستند)

اگه هر کدوم از لینک هایی که گذاشتم کار نمی کرد حتما منو از طریق قسمت نظرات یا ایمیل مطلع کنید.
Email : AndroidCode@ymail.com

امام علی (ع) : هر عملی که با بسم الله الرحمن الرحیم شروع شود با برکت است.

آخرین نظرات

پیوندهای روزانه

نمایه (icon)

دوشنبه, ۱۱ فروردين ۱۳۹۳، ۱۲:۲۳ ب.ظ

تماشای برخط یا دانلود فیلم آموزشی «نمایه»

زیر نویس انگلیسی [English Subtitle]

دریافت نسخه‌ی pdf این آموزش [832 کیلوبایت]

نمایه (icon) اولین تاثیریه که برنامه شما روی کاربر می‌ذاره، پس خیلی مهمه که درست طراحی بشه. همین‌طور که روز به روز به کیفیت و عمق تصویر تبلت‌ها و گوشی‌ها داره اضافه می‌شه باید حواسمون باشه که برای کیفیت‌های بالاتر تصویر، نمایه‌های دقیق‌تری طراحی کنیم.

۱. یه پروژه جدید بسازید. می‌بینید در پوشه res چندتا پوشه وجود داره که با drawable شروع شده، ما تمامی تصاویر برنامه از جمله نمایه رو در این پوشه‌ها قرار می‌دیم، اما فرقشون چیه؟ فرقشون اینه که اندروید با توجه به میزان کیفیت تصویر هر دستگاهی انتخاب می‌کنه که از کدوم پوشه تصویر رو نمایش بده، یعنی ما یه تصویر در برنامه‌مون (مثلا نمایه) رو با کیفیت تصویرهای مختلف تهیه می‌کنیم و درون هر کدوم از این پوشه‌ها قرار می‌دیم:

ldpi برای دستگاه با کیفیت پایین low density

mdpi برای دستگاه با کیفیت متوسط medium density

hdpi برای دستگاه با کیفیت بالا high density

xdpi برای دستگاه با کیفیت خیلی بالا extra density و...

۲.چندین نوع نمایه(icon) وجود داره: نمایه برنامه (launcher)، نمایه نوار فعالیت (action bar)، نمایه اطلاعیه (notification) و...

نمایه‌برنامه تصویریه که کاربر از برنامه‌ی ما در فهرست برنامه‌هاش می‌بینه، نمایه‌نوار‌فعالیت هر نوع تصویریه که مثلا در فهرست‌ها استفاده می‌شه تا مفهوم رو به طور ساده به کاربر منتقل کنه، مثل این تصویر که هرکی ببینه متوجه می‌شه برای جستجو هست، خود گوگل یه مجموعه‌ای از این نوع نمایه‌ها رو برای دانلود گذاشته که می‌تونید از اینجا دانلود کنید. نمایه اطلاعیه هم که از اسمش معلومه برای وقتیکه برنامه شما یه اطلاعیه (notification) تولید می‌کنه، توی نوار وضعیت نمایه اطلاعیه شما نشون داده می‌شه.

۳.ما می‌خوایم روی نمایه برنامه تمرکز کنیم. چند تا نکته برای طراحی نمایه:

هرجا ممکنه از شکل‌های برداری (vector) استفاده کنید -> مثلا در برنامه فتوشاپ اگه از شکل‌های برداری استفاده کنیم، بدون از دست دادن کیفیت تصویر می‌تونیم اون رو کوچیک یا بزرگ کنیم (برای اندازه صفحه‌های مختلف)

ابتدا با اندازه بزرگ طراحی کنید -> ابعاد طرح اولیتون بهتره به اندازه‌ی مضربی از اندازه نمایه‌تون باشه، تا با جزئیات دقیق طراحی کنید و برای اندازه‌های کوچکتر اونو کوچیک کنید و تغییرات دلخواهتونو بدید. مثلا برای نمایه‌ی برنامه به ترتیب به مربع‌هایی با ابعاد ۴۸، ۷۲، ۹۶ و ۱۴۴ پیکسل برای اندازه صفحه‌های مختلف نیاز دارید پس بهتره اول طرحتون رو روی مربعی با ابعاد ۸۶۴ در ۸۶۴ شروع کنید.

فراداده‌های غیرضروری رو از فایل نهایی پاک کنید -> درسته که sdk اندروید خودش فایل‌های png رو فشرده می‌کنه تا حجمشون کم بشه اما بهتره خودتون فراداده (metadata) و سرآیند (header) های غیرضروری رو از فایل‌های pngتون پاک کنید. ابزارهایی مثه OptiPNG یا Pngcrush می‌تونن این کارو براتون انجام بدن و اندازه فایل‌های شما رو بهینه کنن که باعث بالارفتن سرعت برنامه‌تون می‌شه.

۴.ابعاد نمایه‌هایی که باید برای هر کیفیت تصویر بسازید، تو جدول اومده:

کیفیت تصویر نمایه‌ی برنامه نوار فعالیت نمادهای کوچک اطلاعیه
mdpi 48x48 px 32x32 px 16x16 px 24x24 px
hdpi 72x72 px 48x48 px 24x24 px 36x36 px
tvdpi (use hdpi) (use hdpi) (use hdpi) (use hdpi)
xhdpi 96x96 px 64x64 px 32x32 px

48x48 px

xxhdpi 144x144 px 96x96 px 48x48 px 72x72 px

نکته: اندروید کیفیت تصویر ldpi رو هم پشتیبانی می‌کنه اما لازم نیست شما براش تصویری تهیه کنید، خود اندورید تصویری که در hdpi گذاشتید رو ابعادش رو نصف می‌کنه و برای گوشی‌هایی که ldpi هستند استفاده می‌کنه.

۵.وقتی می‌خواید پروژه بسازید تو یه مرحله، ازتون می خواد که اگه نمایه‌ای برای برنامه‌تون آماده کردید وارد کنید:

اگر نمایه‌های ابعاد مختلفی که برای برنامه‌تون تهیه کردید فرقی نمی‌کنه، (مثلا بعضی‌ها برای اندازه‌های بزرگتر جزئیات بیشتری تو تصویرشون می‌ذارن و تو اندازه‌های کوچکتر جزئیات رو کمتر می‌کنن تا خواناتر بشه) می‌تونید تو این مرحله، بزرگترین اندازه نمایه‌ای که درست کرید رو بهش بدید، خودش بقیه اندازه‌ها رو براتون می‌سازه. اگر بخواید مثلا فقط mdpi رو تغییر بدید می‌تونید به پوشه‌اش برید و اونو تغییر بدید، به این صورت که فایل رو بکشید و بندازید توش، اینطوری:

۶.اندروید خودش پیشنهاد می‌کنه که اسم تصویر مربوط به نمایه‌ی برنامه رو ic_launcher بذارید اما اگه می‌خواید یه اسم دیگه بذارید، باید فایل AndroidManifest.xml رو باز کنید، به زبانه application برید و روی دکمه Browse جلوی icon بزنید. (مراحل توی تصویر هست)

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

فهرست‌ مطالب

نظرات  (۷۲)

اموزش خیلی عالی بود،قدم به قدم و جامع.موفق باشید
۲۴ ارديبهشت ۹۶ ، ۱۲:۱۵ هتل تهران مشهد
مرسی عالی بود ممنونم سپاس
سلام.ممنون بابت مطالب و وبسایت زیبایی که دارید
بسیار مفید
سلام.وبسایتتون فوق العادس.به کارتون ادامه
بدین
بسیار ممنون 
انشالله سلامت و موفق باشید

سلام.آموزش هاتون واقعا مفیده مخصوصا برای کسانی که امکان کلاس بیرون رفتن را ندارند.بی نهایت ممنونم ازتون.
خواستم ببینم آموزش هاتون ادامه داره یا خیر؟
۰۵ بهمن ۹۵ ، ۰۹:۴۶ <a href="http://darman.clinic/شقاق-یا-فیشر/" rel="nofollow">Elham</a>
سپاس فراوان از مطالب مفیدتون
۰۴ بهمن ۹۵ ، ۱۴:۵۳ درب اتوماتیک شیشه ای
عالی بود.موفق باشید.
۲۴ آبان ۹۵ ، ۰۸:۴۴ اجاره سوئیت مبله در شیراز
سلام ممنونم از سایت خوبی که دارید موفق باشید
۰۸ مهر ۹۵ ، ۱۲:۲۹ ایمپلنت دندان
با تشکر از شما بابت مطالب مفید
خیلی خوب بود ادامه بدید

۱۹ مرداد ۹۵ ، ۱۱:۳۵ پارسیان سرویس
بسیار عالی بود. سپاس
۰۱ تیر ۹۵ ، ۰۹:۰۷ فروش درب hdf
خیلی ممنون از آموزش مفید و کاربردی شما
تشکر
مرسی از مطالب خوبتون
۱۸ خرداد ۹۵ ، ۱۲:۴۹ طراحی سایت
واقعا خوب و مفید بود. سپاس فراوان
۲۱ ارديبهشت ۹۵ ، ۱۳:۲۹ احسان اسکندری
بسیار عالی بود، ممنون بابت انتشار و به اشتراک گذاری
سایتتون خدایی عالیه خدا قوت...
۱۱ اسفند ۹۴ ، ۱۵:۰۸ طراحی وب سایت
بسیار عالی بود ، ممنون بابت به اشتراک گذاری
پی ای اف های هر آموزش همین توضیحاتی هستند که تو ادامه مطلب نوشتید؟
مرسی بابت زحمات شما
پاسخ:
بله :)
تشکر
ممنونم بابت سایت خوبتون
۳۰ آبان ۹۴ ، ۱۰:۵۶ نسیم برآبادی
سلام
جا دارد یه خدا قوت جانانه بهتون بگم
واقعا اجرتون با اباعبدالله

اولین عکس این پست واسه من باز نمیشه متاسفانه
با سلام و تشکر از مدیر سایت وت مامی دست اندر کاران ....
۱۵ آبان ۹۴ ، ۰۲:۳۶ طراحی سایت
بسیار عالی بود ، ممنون بابت به اشتراک گذاری
سلام دستتون درد نکنه واقعا خسته نباشید

بیسیار سپاس گزارم
۲۷ مرداد ۹۴ ، ۱۵:۰۹ حسن بهرمندپور
آموزش خوب و جامعی بود..باتشکر
خواهشا ادامه بده چطور تمومش کنیم کار رو
با سلام به استاد گرامی
خواهش میکنم
تمنا میکنم
ادامه بده . . . . . .
پاسخ:
با سلام، چشم حتما
واقعا واقعا واقعا ازتون ممنونم. کار بسیار ارزشمندی انجام دادین. امیدوارم خداوند اجرتون بده ان شا الله.
۰۹ تیر ۹۴ ، ۲۳:۴۵ amir hossein zare
با عرض سلام و خسته نباشید من یه تازه کارم و آموزشاتون خیلی ساده و گیرا ست ممنون واقعا زیبا بود متشکرم
باو ادامه بده دیه یکسال منتظرم 
اه
۰۱ خرداد ۹۴ ، ۱۷:۳۴ احسان سهرابی
سلام کارتون عالیه حرف نداره
تو رو خدا ادامه بدید آموزش ها رو
مرسی
سلام آقا ممنون یه کاری بکن من باید برنامه نویس بشم
انشاالله کلی برنامه تو سرمه که باید بنویسم
تو رو به علمت ادامه بده . هر هفته یه ترجه یا آموزش بزار
سلام
ممنون از آموزشتون
خواهشا ادامه بدید عالیه
سلام مرسی بخاطر این همه لطف
کارتون20
خواهش میکنم آموزش هاتونو ادامه بدید....
ممنون به خاطر وب سایت خوبتون.لطفا ادامه بدید.
کارتون عالیه سپاسگزارم
امیدوارم بتونین ادامه بدین
ممنون بابت همه آموزش های خوبتون. همچنان منتظر آموزش های بعدی هستیم.
تشکر

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

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

خواهشا آموزش رو ادامه بدید
تا همین جا هم کلی دعای خیر همراهتونه
ممنون از آموزش خوبتون
ادامه بدی که گل کاشتی، ادامه ندی هم تا همینجا کلی منت گذاشتی.
تو نیکی می کن و در دجله انداز /  که ایزد در بیابانت دهد باز
با کار خیرت رفتی پله پله تا ملاقات خدا...
خلاصه ادامه دادن با آموزشهاتون آرزوی ماست.
پاسخ:
:)) خیلی ممنون از نظرتون، تصمیم دارم ادامه بدم ولی خیلی وقت نمی کنم
torokhodaaaaaaaaaa    bargarddddddd
لطفن ادامه بدید اموزشاتونو 
پاسخ:
چشم
باسلام وتشکر
ممنون از اینکه چنین محتوایی را دراختیار دیگران قرار دادید منتظر ادامه مطالب هستم
سلام
شما ما رو تا اینجا که کشوندی حداقل آموزش بخش متن رو هم بزار
حالا بقیه اش بعد عروسی 
سلام.خسته نباشید
سایت خیلی خوبی دارید
ممنون
خیلی خوب بود دمت گرم

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

سایت های من

www.tatalchat.com
www.se7ensms.ir
ممنون از توضیحات بسیار شیوا و خوبتون
ان شااللهاین مباحث مفید ادامه داشته باشد
۲۴ مرداد ۹۳ ، ۰۴:۱۹ محمد بیگدلی
آقا بسیار عالی. اما سرعت بسیار پایین. در کل ممنون بابت تولید محتوای فارسی. 
سلام سایتتون بهترینه ادامه نمیدید؟
سلام
خدا قوت. با تشکر از شما بابت مطالب مفید و ارزندتون
سپاس سپاس
همچنان منتظر ادامه اموزشای بسیار خوبتون هستیم ...
آقا چرا ادامه ندادید خیلی عالی بود 
بابا ادامه بده کیف کردم 
دستتون درد نکنه .....
۲۱ خرداد ۹۳ ، ۱۵:۱۸ مرتضی اکبری
اقا خسته نباشید. اجرتون با خدا
با ارزوی موفقیت در امتحانات منتظریم هر چه زودتر برگردید و ادامه اموزش ها
یه سوالی داشتم که موقع برگشتن تون میپرسم
واقعا دستتون درد نکنه.
مفید بود.
۲۶ ارديبهشت ۹۳ ، ۱۲:۴۵ امیر زرین حقیقی
آقا کجا رفتی :(
من تازه اومدم یاد بگیرم
منتظریـــــــــــــــــــتم
آقا دستتون درد نکنه
۲۶ فروردين ۹۳ ، ۱۶:۵۱ سید حسین میرهادی
سلام
با تشکر از مطالب بسیار زیبا و مفید شما
موفق باشید
ممنون 
منتظر بعدی هستیم :D

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">