ایجاد تصویر و آیکون برای برنامه اندروید

ایجاد تصویر در اندروید

چگونگی استفاده از تصویر و آیکون برای برنامه اندروید

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

مثلا برای آیکون مداد با اندازه ۶۴dp که می تواند بعنوان آیکون برای عمل ویرایش به کار گرفته شود نیاز است تا تصاویر شکل زیر ایجاد شده و در شاخه های زیر ریخته شود.

  • mdpi: برای صفحات رزولوشن معمولی تصویر با اندازه ۶۴
  • hdpi: برای صفحات رزولوشن بالا تصویر با اندازه ۹۶
  • xhdpi: برای صفحات رزولوشن بسیار بالا تصویر با اندازه ۱۲۸
  • xxhdpi: برای صفحات رزولوشن عالی تصویر با اندازه ۱۹۲
  • xxxhdpi: برای صفحات رزولوشن بسیار عالی تصویر با اندازه ۲۵۶

تصاویر آیکون ویرایش

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

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

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

  • استفاده از آیکونهای آماده در خود اندروید.
  • استفاده از Android Assets Studio

استفاده از آیکونهای استاندارد اندروید

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

  • سختیهای ایجاد آیکون را نخواهید داشت.
  • از تصویری استفاده خواهید کرد که برای تمام کاربران اندروید آشنا می باشد (استفاده از حافظه ماهیچه)
  • در حجم نهایی برنامه صرفه جویی خواهید کرد! زیرا این تصویر در بخش res برنامه ذخیره نمی گردد.

برای انجام اینکار می توانید در قسمت شناسه تصویر از شناسه مربوط به اندروید استفاده کنید. مانند کاریکه در زیر برای مشخصه src دکمه تصویری، انجام شده است.

[pastacode lang=”markup” message=”تعریف دکمه تصویری در اندروید” highlight=”7″ provider=”manual”]

[/pastacode]

استفاده از Android Assets Studio

اما اگر بخاطر مواردی مانند عدم تناسب رنگبندی یا نبود آیکون نیاز شد تا آیکون طراحی گردد از روش دوم می توانید به راحتی تصاویر را در سایزهای مختلف ایجاد نمایید. همچنین برای آیکون لانچر (که در صفحه all programs نمایش داده می شود) نیز نیاز دارید که آیکون اختصاصی ایجاد کنید.

برای اینکار ابتدا یک آیکون با فرمت png بسازید. در تصویر ایجاد شده شکل موارد زیر را رعایت کنید:

  • حداقل اندازه تصویر باید ۴ برابر رزولوشنی باشد که می خواهیم از آن استفاده کنیم. مثلا برای آیکون سایز ۴۸ حداقل ۱۹۲ پیکسل باشد.
  • رنگ تصویر مهم نیست اما باید خود شکل کدر و بقیه تصویر شفاف باشند. در Android Assets Studio بسته به رنگ انتخابی شما تمام پیکسلهای کدر را رنگ می زند.

سپس به  Android Assets Studio بروید. صفحه زیر را خواهید دید

صفحه اول android asset studio

همانطور که مشاهده می شود، شما می توانید بسته به نیاز یکی از موارد را انتخاب نمایید.

  • آیکون لانچر
  • آیکون برای اکشن بار
  • آیکون برای نوتیفیکیشن
  • آیکون برای حالت کلی

با رفتن به هریک از این بخشها، بسته به بخش انتخابهایی پیش روی شماست که موارد مهم بصورت زیر می باشند:

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

سپس با زدن دکمه download یک فایل زیپ دانلود می گردد که در آن شاخه res وجود دارد. اگر به شاخه res بروید می بینید که تمام شاخه ها بهمراه آیکونها با اندازه های متناسب در آن قرار گرفته اند.

سپس شاخه res را در برنامه خود کپی کرده و به سادگی از آن در برنامه اندروید خود استفاده نمایید.

2 thoughts on “ایجاد تصویر و آیکون برای برنامه اندروید

  • با سلام
    چطور میشه هنگام تعویض آیکون برنامه ف بک گراند سفیدی که دور آیکون ایجاد میشه رو برداشت و نامریی کرد؟
    لطفا راهنمایی کنید.
    باتشکر از مطلب مفیدتون

    • با استفاده از برنامه اون بخشی که میخوایو حذف می کنی مثلا برنامه ای برای اندروید که این کارو میکنه برنامه PicsArt موفق

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *