IOS界面开发基础——Frame与Bounds

2024-09-06 00:48

本文主要是介绍IOS界面开发基础——Frame与Bounds,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

参考资料:http://blog.csdn.net/hherima/article/details/39501857


在IOS的UI开发中,经常需要对view进行定位。比较常用的概念就是Frame和Bound,通过view这两个属性,就可以任意的“摆弄”我们的view了。

这两个属性都可以定义view的位置和大小,但这两个属性之间有什么区别和联系呢?经过资料查找,记录如下:

Frame与Bounds的基本概念

首先,Frame与Bounds都是一个CGRect结构:

struct CGRect {CGPoint origin;CGSize size;
};

origin可以设置view的位置(x,y), size可以设置view的大小(width, height)。

那么,Frame和Bounds的区别可以分别在origin和size上讨论。

Frame与Bounds的origin

1、其坐标系系统不同。

  • Frame的origin坐标系是其父视图,即其x,y坐标是在其父视图语境中的。
  • Bounds的origin坐标系是在自身语境中的。
这里引用一下图片说明


2、Frame与Bounds的origin的作用不同。
  • Frame设置origin的作用在于对其在父视图中进行定位,比如你设置子view的frame的origin为(10,10),那么当子view被添加到父view中时,子view的位置就在父view坐标系的(10,10)处。
  • Bounds的origin作用,体现在对设置Bounds的view添加子view的时候,设置bounds的origin,会致使view的原点移位,即会对view的左上角坐标进行改变(默认view的左上角坐标为view的原点坐标(0,0))。当你对某个view(假设叫viewA)设置了bounds的origin后(这里我们假设设置为了-20,-15),那么view的左上角坐标也就变成了(-20,-15)。当再向viewA添加subView的时候(假设叫viewB),若设置viewB的frame的origin为(0,0),本来应该显示在viewA的左上角的,但此时viewA的左上角坐标为(-20,-15),那么这时候的(0,0)坐标就不在是viewA的左上角,而是如下图所示的地方。同时,可以对比两幅图,viewB的frame.origin均为(0,0),但viewA的bounds.origin不同而引起viewB最终的位置不同。


Frame与Bounds的size

相比origin,Frame与Bounds的size区别并没有那么大,他们均是作用于view自身,用来设置view的size大小,即width与height。当view的frame和bounds属性的size设置为一样大小时,那么这两个属性没任何区别。 但当frame与bounds的size不一样时,问题就来了:在后面设置的那个size会替换之前设置的size。即你可能期初设置bounds.size = (100,200),之后又设置frame.size=(30,10),那么view的实际size以后设置的那个size为准,即size为(30,10)。
除了这个准则外,还有一个要注意的是,若在设置了frame之后,再设置bounds,那么之前设置的frame.origin会因为本身view大小的改变而改变。具体规则为,frame会在左右(上下)位置均匀的增大(减小)相应的数值。
例如如下代码:
    _viewA = [[UIView alloc] init];CGRect rectA = CGRectMake(10, 60, 100, 100);_viewA.frame = rectA;_viewA.bounds = CGRectMake(0, 0, 200, 20);CGRect temp = _viewA.frame;

这时候,temp的值为

origin=(x=-40, y=100) size=(width=200, height=20)

之所以x=-40, 是因为viewA的width由100变为了200,viewA在左右方向各增大了50(合计100),那么,在x方向上,其坐标就是10-50 = -40.height由100减小为20,viewA在上下方向上各减小40,那么y方向上,其坐标为60+40=100.

总结一下,frame属性可以帮助我们在父视图中定位子视图,而bounds属性则主要用来设置本视图的原点坐标。至于size的大小,个人感觉统一大小即可,若在bounds和frame中设置不同的size,那么会照成一定的混乱,个人感觉没什么意思。

这篇关于IOS界面开发基础——Frame与Bounds的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1140528

相关文章

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]

Linux_kernel驱动开发11

一、改回nfs方式挂载根文件系统         在产品将要上线之前,需要制作不同类型格式的根文件系统         在产品研发阶段,我们还是需要使用nfs的方式挂载根文件系统         优点:可以直接在上位机中修改文件系统内容,延长EMMC的寿命         【1】重启上位机nfs服务         sudo service nfs-kernel-server resta

【区块链 + 人才服务】区块链集成开发平台 | FISCO BCOS应用案例

随着区块链技术的快速发展,越来越多的企业开始将其应用于实际业务中。然而,区块链技术的专业性使得其集成开发成为一项挑战。针对此,广东中创智慧科技有限公司基于国产开源联盟链 FISCO BCOS 推出了区块链集成开发平台。该平台基于区块链技术,提供一套全面的区块链开发工具和开发环境,支持开发者快速开发和部署区块链应用。此外,该平台还可以提供一套全面的区块链开发教程和文档,帮助开发者快速上手区块链开发。

Vue3项目开发——新闻发布管理系统(六)

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后,系统就进入了首页。接下来,也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分,左侧为系统的菜单栏,右侧