iOS开发之autoLayout constraint
前言
ios设备的尺寸越来越多,针对一款app可能要适配到多种设备。多种尺寸。所以。我们期望我们的app可以autoLayout
。本文主要介绍在Xcode中使用constraint
。未来会不定期对此文进行更新。
约定
本文中view指代从Objuect Library中拖拽出来的各种view
基础
一个view在界面显示,至少有三种决定条件
- 一、自身大小:如width、height
- 二、相对于父容器的位置:如固定起始坐标位置或相对位置
- 三、相对于兄弟view的位置:如顶部对齐、左右距离、堆叠层次
思路
在storyboard
中,拖拽出来的view都有默认的样式,在拖动的过程中会有蓝色的辅助线,帮助我们布局。可是位置大小等都是固定的,我们须要给每一个view设置constraint
,告诉它在不同的情况下应该怎样表现。
编译执行Label
并没有垂直水平居中
布局的过程,就是确定view的水平位置、垂直位置以及相对位置
需求
一种常见的情况:一个搜索框,一个搜索button
搜索框:长度要随着界面变化进行伸缩。与确定button间距20,距离左边0。顶部10,高40
确定button:顶部10,右边0,与搜索框间距20,宽50。高40
先来看下终于效果
实现步骤
- 1、拖拽一个
text Field
,一个Button
到storyboard - 2、注意storyboard底部的button
constraintbutton
三个button各自是
Align
: 主要用来进行兄弟view对齐
Pin
:自身大小、相对容器位置
Resolve auto layout issues
:应用constraint
后更新storyboard 3、选中
Button
,点击Pinbutton,上边距10,分别设置左边距20,右边距0,高度40,宽度50(button的宽度基本是固定的)
宽度和高度都是描写叙述自身大小,条件一
上边距和右边距都是相对父容器,条件二
左边距是相对于兄弟view的位置,条件三Button constraint点击
Add 5 Constraints
结果就变成下边的样子了结果4、这个时候,我们点击
Resolve auto layout issues
,并选择Selected Views
下的Update Frame
Update Frame
5、如今同一时候选中
Button
和text Field
,点击Align
button。勾选Top Edges
,从icon上我们就能够看出来,是顶部对齐的意思
顶部是相对于兄弟view的位置。条件三。
同一时候。隐含的text Field
相对父容器顶部的位置和Button
一样,条件二
Top Edges
点击 Add 1 Constraints
Add 1 Constraints
点击Resolve auto layout issues
,选择Selected Views
下的Update Frame
Update Frame
- 6、如今选中
text Field
,点击Pin
button。设置左边距0和高度40。点击Add 2 Constraints
高度40。条件一
左边距,条件二
隐含的,宽度是从父容器到搜索button的左边20的位置,条件一
text Field
左边距
点击Resolve auto layout issues
,选择Selected Views
下的Update Frame
Update Frame
结果
改动Button
的文字为搜索就算完毕啦~
iOS开发之autoLayout constraint相关推荐
- (0068)iOS开发之AutoLayout框架Masonry使用心得
苹果官方给出了一些有关自动布局的建议 不论用interfaceBuilder还是用代码来实现自动布局,这些建议都是适用的. (1)不用view的frame.bounds.center来指定view的形 ...
- ios开发之autolayout 第三方框架Masonry
不管是是界面创建约束还是代码创建约束,苹果官方提供的方式都比较繁琐.所以出现了第三方框架. Masonry 在github地址如下: https://github.com/SnapKit/Masonr ...
- IOS开发之Autolayout——“Content Compression Resistance”和“Content Hugging”
在使用storyboard进行UI布局时,我们经常不经意间会注意到"Content Compression Resistance Priority"和"Content H ...
- iOS开发之AVKit框架使用
2019独角兽企业重金招聘Python工程师标准>>> iOS开发之AVKit框架使用 一.引言 在iOS开发框架中,AVKit是一个非常上层,偏应用的框架,它是基于AVFounda ...
- (0045) iOS 开发之MBProgressHUD 源码学习
(0045) iOS 开发之MBProgressHUD 源码学习 第一部分:学习所得和分析线程 1. 学习到了kvo 的使用 和屏幕方向的旋转判断. 2. 如果调起这个 HUD 的方法不是在主线程调 ...
- (0016)iOS 开发之Mac上Navicat Premium 创建远程连接和本地连接
1.下载安装 (百度云盘里面有安装文件和注册机) 链接: https://pan.baidu.com/s/1kVG1k71 密码: mr5g 破解教程看这篇博客:http://blog.csdn.ne ...
- 李洪强iOS开发之RunLoop的原理和核心机制
李洪强iOS开发之RunLoop的原理和核心机制 搞iOS之后一直没有深入研究过RunLoop,非常的惭愧.刚好前一阵子负责性能优化项目,需要利用RunLoop做性能优化和性能检测,趁着这个机会深入研 ...
- IOS开发之MD5加密和钥匙串的使用-oc
IOS开发之MD5加密和钥匙串的使用-oc 源码在我的主页,md5加密是用户登录安全的一个保障.不可逆的,可以暴力破解的. // // ViewController.m // MD5演练 // // ...
- IOS开发之CALayer基本属性和使用
IOS开发之CALayer基本属性和使用 // // ViewController.m // CALayer // // Created by 鲁军 on 2021/2/21. //#import & ...
最新文章
- mac idea用自带的maven还是_免费版的 IDEA 为啥不能使用 Tomcat ?
- Java 关于File使用
- CentOS配置启动ssh与开机自启
- microsoftonenote_Microsoft
- Window 转Linux 后感
- 3-8 译码器设计实验--VHDL
- Ubuntu14.04 LTS(64bit)彻底解决matplotlib中文乱码问题
- oracle ro,ORACLE学习笔记一
- JS实现新打开网页最大化or全屏显示
- 【上采样问题】将浮点运算转换成整数运算
- Java SecureRandom 简单生成随机正整数
- 创新声卡KX驱动调试设置及效果器使用详解
- 人工智能 - NBA球星产生式系统
- 工业设计算计算机类专业吗,北大工学院工业设计工程数一计算机方向经验贴
- ArcGIS Engine环境下VS窗体与Unity虚拟现实地理空间的嵌套和交互
- 现代办公的新选择,讯飞智能录音笔SR302 Pro
- 四川铺管家:拼多多产品布局怎么做
- 计算机脚本语言是什么?
- 小程序轮播图组件跳转到自定义页面
- Android中Wi-Fi扫描、连接和信息(一)
热门文章
- 网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018...
- HIVE中的表以及语法
- day29(对象转xml(使用java))
- Rapid7警告声明:远程桌面协议(RDP)暴露数百万 Windows 终端
- double free or corruption (fasttop)
- 英雄会解读:不一样的回答,一样的CTO
- 安卓蓝牙调试软件和微信小程序搜索不到设备
- NR 5G 安全与秘钥简述
- 神经网络结构设计指导原则——输入层:神经元个数=feature维度 输出层:神经元个数=分类类别数,默认只用一个隐层 如果用多个隐层,则每个隐层的神经元数目都一样...
- Java并发学习之玩转线程池