android|Android 系列 5.9使用Inkscape创建Android Launcher图标

5.9使用Inkscape创建Android Launcher图标

问题
您需要Android应用程式的自订启动器图示。

Inkscape是一个免费和功能丰富的图形程序,支持导出到位图文件的能力; 您可以使用它来创建应用程序所需的各种大小的图标。
讨论
图形程序用于设计在Android应用程序中使用的图形资源。 Inkscape是一个免费的多平台图形程序,具有一些非常强大的功能。您可以使用它来生成高质量的矢量图形图像,然后可以导出到任何所需的分辨率。这是生成Android启动器图标(和其他图形资源)的理想选择。有关程序的更多信息和下载最新版本,请参阅Inkscape网站http://inkscape.org/。
当在Eclipse中创建项目时,会在res / drawable文件夹中生成一个默认图标。此默认图标为48×48像素。图标以便携式网络图形(PNG)文件格式存储。 Android支持不同的屏幕密度,以每英寸点数(dpi)衡量。屏幕密度分为低密度(120dpi),中密度(160dpi),高密度(240dpi)和超高密度(320dpi)。 48×48像素图标适用于中密度屏幕; 对于所有其他密度,48×48像素图标根据需要按比例放大或缩小。理想情况下,为了获得最佳效果(没有像素化的清晰图像),项目将包含应用程序将遇到的所有可能的屏幕密度的图标。为此,在res文件夹下创建四个可绘制文件夹,每个可能的屏幕密度一个; 将正确大小的图标文件放入这些目录中:
?对于低密度屏幕,res / drawable-ldpi中的36×36像素图标
?res / drawable-mdpi中的48×48像素图标,用于中等密度屏幕
?res / drawable-hdpi中的72×72像素图标,用于高密度屏幕
?res / drawable-xhdpi中的96×96像素图标,用于超高密度屏幕
每个图标必须在中心图像周围包含边框,用于屏幕间距和小图像突起(参见图5-5)。建议的边框是图标大小的十二分之一。这意味着实际图标图像占据的空间小于图标像素大小:
?对于36×36图标,图像大小为30×30像素。
?对于48×48图标,图像大小为40×40像素。
?对于72×72图标,图像大小为60×60像素。
?对于96×96图标,图像大小为80×80像素。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

图5-5。与边界的图标
设计图标时,最好使用大于所需大小的图像。较大的图像在图形包中更容易使用,并且在完成时容易缩小。 576×576像素的图像可以被所有图标尺寸平等地分割,并且是设计中合理的尺寸。对于基于矢量的图形包,例如Inkscape,图像大小是不相关的; 它可以放大和缩小而不会失去质量。 Inkscape使用开放的可缩放矢量图形(SVG)格式。图像细节仅在从矢量图像产生最终位图图像时丢失。
那些想在Inkscape中学习设计图像的人可以使用许多教程,这些教程可以通过帮助菜单和在线; http://inkscapetutorials.word press.com/是一个很好的教程参考。
在Inkscape中设计图像后,可以将其导出为PNG文件以用作应用程序图标。在下面的示例中,要转换为图标的图像来自http://vector.tutsplus.com/tutorials/illustration/creating-a-coffee-cup-with-inkscape/上的教程。如果按照教程,将生成如图5-6所示的图像。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

图5-6。一杯java
您可以将图像转换为咖啡订购/茶歇定时器/茶歇游戏或任何与咖啡相关的应用程序当前正在管道中的图标。那些不想遵循教程的人可以从http://openclipart.org获得图像,这是一个伟大的源(超过33,000)的免费图像(见图5-7)。搜索“咖啡”,你会看到各种咖啡相关的图片,包括图5-6所示,由这个食谱的作者上传。单击图像,选择查看SVG按钮,并使用浏览器的文件→保存页面(Firefox)或文件→另存为(Internet Explorer)菜单。
android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片


图5-7。寻找完美的杯子
使用Inkscape导出位图选项从图像生成四个必需的图标大小。打开图像并正确比例导出。这可以为在Inkscape设计或打开的任何图像完成。请记住,图像不应过于详细或颜色太多(调整大小时细节会减少),并且应尝试填充(或拟合)正方形区域。 Android图标指南还建议面对小阴影和顶部照明的图像; 请参阅http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html。
【android|Android 系列 5.9使用Inkscape创建Android Launcher图标】打开图像后,将文档的大小调整为576×576像素。为此,请使用文件菜单下的文档属性选项(参见图5-8)。在“自定义尺寸”中将“宽度”和“高度”设置为576,并检查“单位”设置为“px”(像素)。确保勾选了“显示页面边框”复选框。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

图5-8。文档属性对话框
从标尺拖动两个垂直和两个水平向导(单击并从页面标尺的任何部分拖动)。将其拖动到每个页面边框内约为可见页面边框宽度和高度的十二分之一。导轨的准确位置将使用导轨属性进行设置。如果标尺不可见,请使用视图→显示/隐藏→标尺菜单选项显示它们。双击每个向导并准确设置以下位置:
android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

在这一点上,您应该能够轻松地调整图像以适合指南。如果需要用于图像平衡,允许在边界区域中的小的突起。使用菜单编辑→选择全部或按Ctrl-A选择图像,将图像拖动到适当位置,并根据需要调整大小以适合指南(图5-9)所概述的框。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

图5-9。在Inkscape中调整大小
使用创建的图像和正确比例,您现在可以为Android项目创建位图。使用Eclipse,打开其中需要图标的项目。选择res文件夹并创建四个新文件夹(菜单选项文件→新建→文件夹或上下文菜单新建→文件夹):
?res / drawable-ldpi
?res / drawable-mdpi
?res / drawable-hdpi
?res / drawable-xhdpi
如果找不到图标或者可以在Android 1.5上运行的应用程序,则现有的drawable文件夹将用作回退。
返回Inkscape,确保未选择图像(单击图像外部)。使用文件→导出位图菜单选项来打开导出位图对话框(参见图5-10)。选择页面,然后在位图大小设置宽度和高度为96; 您不需要更改dpi设置(将随着宽度和高度更改而更改)。在文件名下,浏览到xhdpi图标(res / drawable-xhdpi)的项目目录,并为文件名输入“icon.png”。单击导出按钮以生成图标。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

图5-10。导出位图对话框
对于其他三个图标分辨率,适当设置宽度和高度(72,然后48,最后36),并浏览到正确的文件夹导出每个图标。最后,将res / drawable-mdpi文件夹中的图标复制到drawable文件夹中以替换默认图标。此过程将生成支持不同设备屏幕所需的各种大小的图标(见图5-11)。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片


图5-11。 各种尺寸咖啡杯
如果Eclipse在生成图标时打开,则需要刷新打开的项目以查看文件夹中的新图标; 选择文件→刷新或按F5(参见图5-12)。
android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片


图5-12。 项目中的图标放置
您应该在物理设备和虚拟设备上测试应用程序,以确保图标按预期方式显示(请参见图5-13)。

android|Android 系列 5.9使用Inkscape创建Android Launcher图标
文章图片

图5-13。 正在使用中的图标
图标文件不需要调用icon.png; 有关更改启动器图标文件名的信息,请参阅配方5.10。


    推荐阅读