【Autolayout案例02-距离四周边距 Objective-C语言】

news2024/11/28 12:30:03

一、好,来看第二个案例

通知

1.第二个案例,是什么意思呢,第二个案例,要求屏幕中间,有一个UIView

UIView,是个红色的UIView

UIView的大小,我不限定

但是无论你是什么屏幕下

这个UIView距离上边,始终是50

距离右边,始终是50,

距离下边,始终是50,

距离左边,始终是50,

通知

这个UIView,距离四周,始终是50啊,

直接设那个边界,是不是就OK了

新建一个项目,Name:005自动布局案例2-距离四周边距相等

通知

打开新建项目的storyboard,直接选中它

通知

可以把电脑的分辨率调大点儿,不然看不全吧

通知

中间放一个UIView进来

通知

这个UIView进来之后呢,给它来一个背景色

通知

给它来个红色背景色

给完红色背景色以后,

通知

给完红色背景色以后,换成其他颜色背景色,这个红色太刺眼了

通知

我要让它距离四周的距离,都是50啊

选中这个空间,我们可以把左边那个打开

通知

选中那个控件,然后打开下面这里,

通知

让它距离上边、左边、下边、右边

通知

距离给它一个固定的值

1)距离上边是多少,50

2)距离左边是i多少:50

3)距离右边是多少: 50

4)距离下边是多少:50,

通知

接下来,我这儿是不是都改成50了

上、下、左、右都勾上,表示距离上、下、左、右距离是固定的,都给它填50,表示都是50

然后,这时候,点一下,Add 4 Constraints,

把四个约束增加上

通知

增加上以后,这里看一下

还有红色箭头儿吗,没有了吧,为什么没有红色啊

难道这时候,X 、 Y 、 高 、 宽 、 都确定了吗

你距离左边的值固定了:是不是X确定了

你距离右边的值固定了:是不是宽度就确定了吧

距离左边,X到这儿,距离右边,宽度到这儿,是不是中间自动拉伸,是不是宽度就固定了

就是说,X 固定了,宽度 固定了

距离上边的值固定了:是不是Y值固定了

距离下边的值固定了:是不是高度固定了

所以说,距离上、下、左、右,四个值设置好以后,这个元素的X、Y、高、宽,是不是就全都固定了

然后这个时候看着是不是很不爽,

通知

问题解决一下,让它对齐

Fix

通知

我如果不解决,你想运行的话,也行

command + R

通知

上、下、左、右、是不是都是这个距离

所以说,你这儿不需要解决,但是一般人,都会解决一下,看着是不是很不爽

通知

现在看起来,距离上、下、左、右、是不是都有一段距离了

但是,事实上,现在距离上、下、左、右、这个距离,其实好像不是50,

通知

是不是上边那边距离要高点儿,

打开那个预览程序

通知

添加预览

通知
通知
通知

这样的话,我们是不是可以实现,在不同屏幕下,都可以实现,距离上、下、左、右、都有一个距离了吧

都可以实现,距离上、下、左、右、都有一个距离了吧

我现在希望把刚才那些约束都删掉,怎么办呢

选中你这个View

通知

点下边的第三个按钮,注意,上面有一个Selected Views

通知

当前选中的约束

删除所有的约束:Clear Constraints

通知

下面那个,All Views

是所有当前控制器中所有的控件,删除它们的约束

通知

刚才我们为这个控件,是不是设置了四个约束啊

你想删除这个控件的四个约束,得选中这个控件,一点上面这个Clear Constraints

通知

就把当前这个View的那几个约束,给删掉了

如果说当前控制器里面有很多个控件,你想把所有的控件的约束,都删掉,

那么这时候,点哪儿

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/858210.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【运维工程师学习八】代理及安装配置Nginx反向代理

【运维工程师学习八】代理 正向代理一、使用正向代理的主要作用有:二、反向代理三、使用反向代理的主要作用有:四、透明代理五、各种代理的主要区别六、Nginx的安装七、了解nginx的文件位置八、了解nginx程序的命令行参数九、开启nginx反向代理十、解读n…

变频谐振耐压试验装置产品概述及特点

一、产品概述 KDXZ-II 75kVA/75kV串联谐振耐压试验装置主要针10kV电缆及以下电力主变压器、母线开关等所有电气主设备的交流耐压试验设计制造。电抗器采用多只分开设计,既可满足高电压、小电流的设备试验条件要求,又能满足象10kV电缆这样的低电压的交流…

机器学习——SVM核函数

核函数这块,原理理解起来,相对比较简单 但还是会有一些不太理解的地方 对于非线性可分的数据而言,在当前维度,直接使用SVM有分不出的情况 那么就可以从当前维度,直接升到更高维度,进行计算。 例如原本数…

pytest fixture 高级使用

一、fixture中调用fixture 举例: 输出: 说明:登录fixture 作为参数传递到登出方法中,登录方法的返回值就可以被登出方法使用 二、在fixture中多参数的传递(通过被调用函数传参) 举例: 输出&a…

我的5年创作纪念日

CSDN的5周年来信 机缘 初心是什么?初心就是自己最初成为创作者的动力和目标。作为一个程序员,我对编程充满了热情和执着。我在实战项目中积累了丰富的经验,并希望能将这些经验分享给更多的人。通过写博客,我可以记录下日常学习的…

来的真快:微信小程序必须要备案,否则下架

我是卢松松,点点上面的头像,欢迎关注我哦! 随着上面的一声令下(工信部要求所有APP、小程序进行备案),各大互联网大厂都开始实施具体政策了。来的可真快啊! 首先来的就是微信公众号,它是跟进政策是最快的了。微信公众…

搭建一个自己的文档网站

目录 简介 快速上手 配置 首页 组件Demo案例 简介 有时候我们可能很好奇,像elementUi或者vue3他们的文档网站是怎么写的,其实写vue文档网站的技术,有两个:一个是vuePress,一个是vitePress。从名字上可以看出来&#…

百度chatgpt内测版

搜索AI伙伴 申请到了百度的chatgpt: 完整的窗口布局: 三个哲学问题: 灵感中心: 请做一副画,一个渔夫,冬天,下着大雪,在船上为了一家的生计在钓鱼,远处的山上也都是白雪&a…

系列七、RocketMQ如何保证顺序消费消息

一、概述 所谓顺序消费指的是可以按照消息的发送顺序来进行消费。例如一笔订单产生了3条消息,即下订单》减库存》增加订单,消费时要按照顺序消费才有意义,要不然就乱套了(PS:你总不能订单还没下,就开始减库…

备战金九银十之 5分钟带你掌握 Linux 的三种搜索方式

1.find 命令 find 命令是用来在给定的目录下查找符合给定条件的文件 语法格式:find [查找起始路径] [查找条件] [处理动作] (1)根据名称查找:find [查找起始路径] -name 文件名 或者 find [查找起始路径] -iname 文件名 -name …

超低功耗在智能门锁行业的应用

1. 名词解释 在本体上以电子方式识别、处理人体生物特征信息、电子信息、网络通讯信息等并控制机械执行机构实施启闭的门锁”叫电子智能门锁。通俗地理解,智能门锁是电子信息技术与机械技术相结合的全新的锁具品类,是在传统机械锁基础上升级改进的&…

C++学习| MFC简单入门

前言:因为接手了CMFC的程序,所以需要对MFC编程方面有所了解。 C之MFC简单入门 MFC相关的概念MFCWIN32QT MFC项目基本操作MFC项目创建MFC项目文件解读界面和代码数据交互——加法器 MFC相关的概念 MFC MFC(Microsoft Foundation Classes微软…

【独立版】多商家+供应链云仓系统源码

详情介绍【独立版】多商家供应链云仓系统源码

刑侦科技前沿:IP地址定位技术打击网络犯罪

刑事侦查科技突飞猛进,IP地址定位技术正成为网络犯罪打击的有力利器。 近期,警方通过精准的IP地址定位技术成功破获一起大规模网络犯罪案件。此案件涉及多个地区,且作案手法极其隐蔽。得益于IP地址定位技术,警方得以及时介入将罪…

APP开发者如何有效利用广告位资源,提升平台变现收益?

不同的广告场景能为开发者带来不同的收益,开发者可以对广告位进行合理开发和设计。 在广告位设计上,有三大策略可以参考: 需要尊重用户体验,基于原生、APP类型,设计适合自己的广告位样式; 可以选择性引入…

【JavaEE进阶】Spring 更简单的读取和存储对象

文章目录 一. 存储Bean对象1. 配置扫描路径2. 添加注解存储 Bean 对象2.1 使用五大类注解存储Bean2.2 为什么要有五大类注解?2.3 有关获取Bean参数的命名规则 3. 使用方法注解储存 Bean 对象3.1 方法注解储存对象的用法3.2 Bean的重命名3.3 同⼀类型多个 Bean 报错 …

mysql获取第一个逗号前面的字符串

字符串内容如下: 统编版(2019),必修下册,第五单元 ,第10课,10-2 在马克思墓前的讲话 /恩格斯, 想获取,第一个逗号前面的字符串,即:统编版(2019) 需要第一获取逗号的下标位置&…

用AI工具生成短视频大片,1分钟详细教程教会你

Hi! 大家好,我是专注于AI项目实战的赤辰, 今天我要跟大家分享如何用AI工具1分钟内生成一个短视频大片,效果完全不输影视大V。 只需要用一句话就可以生成视频,或者用一张图就能生成视频,这就是最新推出的AI工具Pika L…

生产者消费者模型 C++ 版

基础生产者消费者模型 网上一般教程是使用std::queue,定义消费者 Consumer ,定义Producter类,在main函数里面加锁保证线程安全。 本片文章,实现一个线程安全的队列 threadsafe_queue,只在队列内部加锁。如此可适配,多…

taro h5列表拖拽排序 --- sortablejs 和 react-sortable-hoc

描述:列表,拖拽排序,只测试了h5 一、sortablejs 文档:http://www.sortablejs.com/ 1.安装sortablejs 2、引入 import Sortable from sortablejs3、页面 const [list, setList] useState([{id: item-1,content: 选项1 }, {id…