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

اگر خاطرمان باشد در آموزش هشتم پروژه خود را My First Android Project به معنی "اولین پروژه اندروید من" نامیدیم. حال اگر بخواهیم تصویری مرتبط با اولین پروژه طراحی کنیم که هم اصول طراحی در آن رعایت شده باشد و در عین حال جذاب، گیرا و تاثیرگذار هم باشد، به نظر می رسد از یک سو چند قسمت آموزش را به خود اختصاص دهد و از سوی دیگر کمی از هدف این سری از آموزش ها که بیشتر با رویکرد برنامه نویسی طراحی شده اند فاصله خواهیم گرفت. برای همین منظور به طرحی کاملاً ساده بسنده خواهیم کرد:

به طور مثال همانطور که در تصویر فوق ملاحظه می شود شکلی آبی رنگ در نظر گرفته شده است. فقط نکته ای که حتما می بایست مد نظر قرار داده شود این است که لبه های شکل ما از Guide های ترسیم شده بیرون نزند.

همانطور که در آموزش پیش توضیح داده شد، فرمت آیکان های اندروید می بایست PNG سی و دو بیتی باشد، از این رو نیاز داریم تا این تصویر را با فرمت PNG ذخیره سازیم.

همانطور که در تصویر فوق مشاهده می شود، از منوی اصلی گزینه File سپس گزینه Save As را انتخاب می کنیم سپس پنجره ای به شکل زیر مشاهده خواهیم کرد:

در این پنجره در بخش File name به معنی "نام فایل" نام ic_launcher که در پروسه ساخت فایل وارد نمودیم آمده است. در بخش Format همانطور که در تصویر فوق با یک بیضی قرمز رنگ مشخص شده است فرمت PNG را انتخاب می کنیم. همانطور که قبلا گفته شده قصد داریم تا این آیکان را جایگزین آیکانی کنیم که خود نرم افزار اکلیپس به صورت پیش فرض برای پروژه ما ساخته است، از این رو پیش از زدن دکمه Save می بایست مسیر ذخیره سازی را به مسیری که در ابتدای نصب اکلیپس برای workspace در نظر گرفتیم، سپس فولدر My First Android Project سپس فولدر res و در نهایت فولدر drawable-xhdpi تغییر داده حال می توانیم دکمه Save را کلیک نماییم(در واقع علت اینکه فولدر drawable-xhdpi را انتخاب کردیم این بود که ابعاد تصویر ما برای صفحه نمایش هایی با تراکم xhdpi می باشد و این فولدر هم مسئول ذخیره سازی تصاویر برای این گروه از صفحه نمایش ها می باشد):

پس از کلیک کردن دکمه Save خواهیم دید که پنجره ای به صورت فوق نمایان می شود که در این صورت تنظیمات پیش فرض را مد نظر قرار داده و دکمه OK را کلیک می کنیم.

اکنون نیاز داریم تا آیکان هایی برای Density هایی معادل با hdpi و mdpi و ldpi به ترتیب با ابعاد 72 در 72 و 48 در 48 و 36 در 36 ایجاد کنیم. برای این منظور ابتدا از hdpi شروع کرده و عکس طراحی شده را به ابعاد 72 در 72 کاهش می دهیم. برای این منظور می بایست به طور هم زمان دکمه های Ctrl و Alt و حرف I را فشار دهیم و خواهیم دید که پنجره ای به شکل زیر باز خواهد شد:

همانطور که در تصویر فوق مشاهده می شود در بخش Width و Height عدد 96 وارد شده است. در همین تصویر گزینه Constrain Proportions با یک بیضی قرمز رنگ نشان داده شده است. در صورتیکه این گزینه تیک دار باشد، ابعداد طول و عرض تصویر ما به صورت متناسب با یکدیگر بزرگ و کوچک خواهند شد اما از آنجا که تصویر ما یک مربع است، هر عددی که برای Width یا همان عرض تصویر در نظر بگریم برای Height یا همان طول تصویر نیز در نظر گرفته خواهد شد. حال مقابل Width عدد 72 را وارد کرده و خواهیم دید که عدد مقابل Height به صورت خودکار از عدد 96 به 72 تغییر پیدا می کند. اکنون گزینه OK را کلیک می کنیم و خواهیم دید که تصویر ما به ابعاد 72 در 72 در خواهد آمد. حال مجدد همچون مراحل قبل این فایل را Save کرده اما این بار محل ذخیره سازی را داخل فولدر res درون فولدر drawable-hdpi در نظر می گیریم و به محض کلیک کردن گزینه Save با تصویر زیر مواجه خواهیم شد:

در واقع همانطور که در تصویر فوق مشاهده می شود داخل فولدر drawable-hdpi فایلی تحت عنوان ic_launcher.png وجود دارد که اکلیپس به طور خودکار درحین ساخت پروژه ایجاد کرده است و از آنجا که نام انتخابی ما برای آیکان جدید با نام آیکان پیش فرض یکی است، همانطور که در تصویر فوق با کادری قرمز رنگ نشان داده شده است این اخطار به ما داده می شود که "فایلی با همین نام در این فولدر وجود دارد. آیا می خواهید آن را با فایل جدید جایگزین کنید؟" که پاسخ ما به این سوال بلی بوده از این رو روی گزینه OK کلیک می کنیم.

به همین روش یکبار دیگر تصویر خود را به ابعاد 48 در 48 درآورده سپس آنرا در فولدر drawable-mdpi ذخیره می سازیم. در نهایت تصویر خود را به اندازه 36 در 36 در آورده و آن را جایگزین تصویری می کنیم که در فولدر drawable-ldpi قرار دارد.

حال این سوال ممکن است پیش آید که تنها فولدری که به صورت پیش فرض در آن آیکان ایجاد نشده بود فولدر drawable-xhdpi است و این در حالی است که مابقی فولدرها دارای آیکانی مرتبط با Density آن فولدر بودند و می بایست آیکان جدید را جایگزین آیکان های قبلی کرد. در پاسخ به این سوال بایستی گفت که اگر خاطرمان باشد در آموزش هشتم در حین ساخت اولین پروژه خود سه فولدر drawable-ldpi و drawable-mdpi و drawable-hdpi به صورت خودکار توسط اکلیپس برای ما ایجاد شدند و بالتبع داخل آنها هم آیکانی مرتبط با Density آنها ایجاد شد اما این در حالی است که فولدر drawable-xhdpi اصلا وجود خارجی نداشت و ما آن را در آموزش چهاردهم به منظور پشتیبانی از دستگاه هایی با صفحه نمایشی با Density بسیار بالا ایجاد کردیم. از همین رو است که هیچ آیکانی در آن قرار نداشت.

اکنون نیاز داریم تا اپلیکیشن خود را تست کنیم اما با موضوعی در اینجا مواجه می شویم که غفلت از آن نتایج متفاوتی را برای ما در بر خواهد داشت. اگر در حین طراحی آیکان جدید محیط برنامه نویسی اکلیپس باز بوده باشد و ما آیکان جدید را در سه فولدر drawable-ldpi و drawable-mdpi و drawable-hdpi جایگزین کرده باشیم، حتما نیاز است که اکلیپس را از این موضوع مطلع سازیم اما در صورتیکه نرم افزار اکلیپس بسته بوده باشد و پس از اتمام کار آن را اجرا کنیم دیگر نیازی به این کار نخواهد بود.

چنانچه مورد اول درباره ما صدق کند، همچون تصویر زیر عمل خواهیم کرد:

به طور خلاصه، روی پروژه خود کلیک راست نموده سپس همانطور که در تصویر فوق ملاحظه می شود گزینه Refresh به معنی "تازه کردن" را کلیک می کنیم. حال در صورتیکه پروژه خود را روی Emulator اجرا کنیم و به صفحه اپلکیشین ها روی Emulator برویم تصویر زیر را مشاهده خواهیم کرد:

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