构建自适应用户界面(一)

1,创建一个Xcode项目

首先,打开Xcode,使用Single View Application template创建一个新项目模板

创建好项目后,打开Main.storyboard,从对象库拖一个图像视图控制器,设置宽度600,高度390

构建自适应用户界面(一)_第1张图片

选择imageView,点击属性检查器,设置MODE为Aspect Fill

构建自适应用户界面(一)_第2张图片

从对象库拖一个view到视图控制器,设置view宽度600,高度210.


构建自适应用户界面(一)_第3张图片

接下来,拖放一个标签到视图,改变标签为素材T恤模版。设置字体为:Avenir Next,大小为32.


构建自适应用户界面(一)_第4张图片

选择尺寸检查器,设置X值为22,Y值为15,宽度556,高度44


构建自适应用户界面(一)_第5张图片

另外拖一个标签,设置字体为Avenir Next,大小为18,行数为0


构建自适应用户界面(一)_第6张图片

选择,尺寸检查器,设置X值为22,Y值为58,设置宽度为556,高度为123.


构建自适应用户界面(一)_第7张图片

设置完后,大概就如下


构建自适应用户界面(一)_第8张图片

你可能感兴趣的:(构建自适应用户界面(一))