构建自适应用户界面（一）

作者: lmwxhyy | 来源:发表于2016-09-02 10:16 被阅读0次

1，创建一个Xcode项目

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

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

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

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

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

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

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

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

设置完后，大概就如下

第一章构建自适应用户UI
Chapter 1 构建自适应用户界面 @(Intermediate iOS 10 Programming wit...
构建自适应用户界面（一）
1，创建一个Xcode项目首先,打开Xcode,使用Single View Application templa...
ConstraintLayout-[Android_YangKe
ConstraintLayout介绍 ConstraintLayout构建自适应界面 ConstraintLayo...
构建自适应用户界面（二）
现在查看下没有设置约束，在各种尺寸的设备上显示状态接下来，我们添加自动布局约束，首先点击PIN来创建间距约束，设...
Android ConstraintLayout 构建自适应界面
原文链接使用 ConstraintLayout 构建自适应界面 ConstraintLayout 可让您使用扁平...
React概况和基本使用与React脚手架搭建
什么是React React是一个构建用户界面的JavaScript库用户界面：Html界面（前端开发） Rea...
vue学习（1）
1：vue是什么？用于构建用户界面的渐进式框架。构建用户界面：从后台拿到数据，展示给用户。前端工程的职责就是，在...
React_note更新中
React - Basics 概念 react 是一个构建用户界面的 js 库 react 主要用户构建UI ...
React学习笔记
认识React React：构建用户界面的JavaScript库，主要用于构建UI界面。 React特点（六个） ...
Intermediate iOS 11 Programming
第一章 :构建自适应用户界面一开始，只有一部固定的3.5英寸显示屏的iPhone。设计你的应用程序很容易;你只需...