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

相关文章

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

基于Python开发PPTX压缩工具

《基于Python开发PPTX压缩工具》在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,不便于传输和存储,所以本文将使用Python开发一个PPTX压缩工具,需要的可以了解下... 目录引言全部代码环境准备代码结构代码实现运行结果引言在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

MySQL中my.ini文件的基础配置和优化配置方式

《MySQL中my.ini文件的基础配置和优化配置方式》文章讨论了数据库异步同步的优化思路,包括三个主要方面:幂等性、时序和延迟,作者还分享了MySQL配置文件的优化经验,并鼓励读者提供支持... 目录mysql my.ini文件的配置和优化配置优化思路MySQL配置文件优化总结MySQL my.ini文件

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要