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

相关文章

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文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

C#图表开发之Chart详解

《C#图表开发之Chart详解》C#中的Chart控件用于开发图表功能,具有Series和ChartArea两个重要属性,Series属性是SeriesCollection类型,包含多个Series对... 目录OverviChina编程ewSeries类总结OverviewC#中,开发图表功能的控件是Char

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类

这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