制作app 图标
2014-07-09 19:31
225 查看
Lets create a new project. I’m going to create a View-Based Application and i’ll call it “iconApp”.
Creating icons is a simple task, but it used to be simpler.
Previously, when there was only one iPhone screen resolution you only had to create one version of the icon of the app. Today with the introduction of the iPad and the iPhone 4 the screen resolution has grown and you have to create a version of the icon for
each device.
Older iPhones used to have a screen resolution of 320×480 pixels. Now iPhone 4 has 640×960 pixels.
The following are the sizes that must be used:
57×57 – for iPhones with the standard screen.
72×72 – for iPad.
114×114 – for the iPhone with Retina Display (iPhone 4).
To show you how to make an icon that works on any device i’m going to use the following icons: icon.png and iPhone4icon.png
Don’t worry about the rounded corners, or those shiny details of the iPhone icons, the iOS takes care of that.
The first for standard screen iPhone, the second for the iPad and the last for iPhone 4.
Drag this images to the resources folder of your xcode project.
Then it will ask you if you want to copy the files to the project folder, check “Copy items into destinations group’s folder (if needed)”.
Now go to the resources folder and find the iconApp-Info.plist, if you have a different name for your project then the file will be named [your project name].plist. Open it and locate the row “Icon file”.
There type the name of the icon for the standard screen.
Now we have to specify the alternative icons.
Click the plus (+) icon in the right to add a new row or right click the table and select Add Row.
In the key column select “Icon Files”. This kind of row is an array. If you click the arrow in the left you can see the contents.
Add two items just like we did with the plist from the Table View tutorial, the values are going to be the names of the icons: icon.png, iPadicon.png and iPhone4icon.png.
Now your plist should look like this:
And you are ready to go. Build and run the app using the iphone simulator, click the home button and you’ll see the icon.
To switch to iPhone 4 simulator select Hardware->Device->iPhone 4.
Then select the ipad simulator in the list above the “Overview” side of the Xcode window.
And build and run. Click the home button and you’ll see the iPad icon.
Notice that iOS rounded the corners and adds the lighting that makes the icon look even better.
Conclusion
This is the last tutorial of the “How to make an iPhone App” series.At this point you have all the knowledge necessary to start developing your own iPhone applications.
I hope i see your cool apps in the appStore soon.
Good luck!
参考资料
http://mobileorchard.com/how-to-make-an-iphone-app-part-7-the-app-icon/
相关文章推荐
- 制作APP图标网站收集
- App Icon Gear App 图标制作工具
- Delphi FMX 开发APP使用TrueType字库做图标(自己使用图标制作字体)
- (转载)app ico图标字体制作
- Mac App图标制作工具——img2icns
- 超简单APP图标制作
- 制作APP圆角图标,圆角半径弧度:70PX图片格式:PNG
- Mac App图标制作工具——img2icns
- APP图标制作-PS如何倒70圆角
- Hbuilder开发HTML5 APP之图标和启动页制作
- Android App仿微信界面切换时Tab图标变色效果的制作方法
- APP图标制作以及替换步骤
- App图标尺寸规范
- Android,App 常用图标尺寸规范
- window上搭建Eclipse && 支持多语言 && 支持多分辨率layout && 支持多分辨率图标 && appcompat v7报错
- App图标生成器的实现,附源码
- 02、Universal app 中按钮图标使用
- jquery制作图标导航插件鼠标悬停放大显示特效代码
- IOS越狱开发(二)———APP开机自动启动并隐藏图标
- 怎样防止App在后台运行,点击应用桌面图标重新启动?--亲测有效