Adding a Background Image(增加背景图片)
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
应用进行到现在,我们的页面一直很简单,也很简陋。从这节课开始,我们来优化页面,让它看起来更炫更有艺术性。
- 第一步,我们要让我们的APP更像是一个水晶球,那么,我们需要一个水晶球的背景图片。
- 第二步,我们来优化我们的按钮。
- 第三步,我们来学习一下retina(视网膜)屏幕的显示。
Come on!让我们开始吧
- 在Xcode右下方,搜索UIImage,找到Image View控件并拖拽到MainStoryboard.storyboard上。
- 将UIImageView控件拉伸到整个屏幕大小
- 在Xcode左侧的项目导航栏找到项目目录(crystal ball),右键选择”New Group”,新建组名:”Image”
- 在新建的”Image”上点击右键选择”Add Files to “crystal ball”…”,在弹出的对话框中找到背景图,并钩选”Copy items into destination group’s folder(if needed)”,这点很重要
- 打开Xcode中的”Document Outline”(在MainStoryboard.storyboard页面的左下角有个小图标),将Image View控件向上拽到最顶端,完成各个控件的层级关系设定。
跟着Lucy自己做一遍吧…
在线练习
{$ activeFileHint $}