android和ios坐标系,iOS视图的frame,bounds和center属性以及它们同父视图坐标系与本地坐标系的关系...

本文详细解析了iOS中UIView的frame、bounds和center属性,阐述了它们与父视图坐标系和本地坐标系的关系。frame用于描述视图在父视图内的位置和大小,bounds定义视图内容的显示范围,center表示视图中心点。当使用center进行绘图时,应注意其值基于父视图坐标系,可能导致绘图问题。通过示例代码对比,说明了正确使用bounds计算绘图中心点的重要性。
摘要由CSDN通过智能技术生成

iOS视图的frame,bounds和center属性以及它们同父视图坐标系与本地坐标系的关系

iOS的UIView类含有frame,bounds以及center三个用来确定视图大小和中心的属性,但它们的值却分别利用父视图坐标系和视图的本地坐标系表示,给很多人带来了困扰。

概念解释

frame:视图的框架,用于定位视图位于其父视图内的位置和大小,其包含origin和size两个结构体,分别表示视图的原点和尺寸,前者表示视图在其父视图内的原点。后者表示视图矩形大小

bounds:视图的边界,用于确定视图的内容在视图内的显示的位置和大小,同样包含origin和size两个结构体,分别表示视图在本地坐标系中的原点和尺寸,所为本地坐标系,就是以视图的左上角为(0,

0)的坐标系,bounds的origin就代表这个点,size同frame的size相同。如果bounds的origin不为(0,

0),那么就表示视图所显示的内容会偏离视图的原点,可能会造成内容显示不完全。

center:视图所代表的矩形的中心,注意,它的值是用父视图的坐标系的值来表示的。在视图frame的原点和父视图的bounds的原点重合时(即都为(0,

0)),不会出现问题,但如果两点不重合,则会在绘图或显示时出现问题。例如,我们想要并排绘制两个一模一样的内容用来玩找不同,第一个视图的原点是(0,

0),第二个视图只要右移其原点即可,但此时如果使用了center作为参照,则会出问题。

请看下面实例代码:

示例代码1(错误)

- (void)drawRect:(CGRect)rect {

// Drawing code

CGFloat MR = hypot(self.bounds.size.height, self.bounds.size.width) / 2.0;

UIBezierPath *path = [[UIBezierPath alloc] init];

for (float CR = MR; CR > 0; CR -= 20) {

[path moveToPoint:CGPointMake(self.center.x + CR, self.center.y)]; // 直接使用对象的center属性作为绘图的圆心(圆心的值用父视图坐标系表示)

[path addArcWithCenter:self.center radius:CR startAngle:0.0 endAngle:M_PI * 2.0 clockwise:YES];

}

path.lineWidth = 10;

[self.circleColor

setStroke];

[path stroke];

}

示例代码2(修改过后)

- (void)drawRect:(CGRect)rect {

// Drawing code

CGPoint center1 = CGPointMake(self.bounds.size.width / 2.0, self.bounds.size.height / 2.0); // 利用bounds属性计算出圆心(圆心的值用本地坐标系表示)

CGFloat MR = hypot(self.bounds.size.height, self.bounds.size.width) / 2.0;

UIBezierPath *path = [[UIBezierPath alloc] init];

for (float CR = MR; CR > 0; CR -= 20) {

[path moveToPoint:CGPointMake(center1.x + CR, center1.y)];

[path addArcWithCenter:center1 radius:CR startAngle:0.0 endAngle:M_PI * 2.0 clockwise:YES];

}

path.lineWidth = 10;

[self.circleColor

setStroke];

[path stroke];

}

appDelegate的application:application

didFinishLaunchingWithOptions:方法(向scrollview内添加两个平排排列的视图对象,利用滚动依次查看)

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

// Override point for customization after application launch.

CGRect scrollViewFrame = self.window.bounds;

UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:scrollViewFrame];

CGRect relativeFrame = scrollView.bounds;

RAPSleepperView *sleeperView1 = [[RAPSleepperView alloc] initWithFrame:relativeFrame];

relativeFrame.origin.x += relativeFrame.size.width;

RAPSleepperView *sleeperView2 = [[RAPSleepperView alloc] initWithFrame:relativeFrame];

[scrollView addSubview:sleeperView2];

[scrollView addSubview:sleeperView1];

[self.window addSubview:scrollView];

scrollView.contentSize = CGSizeMake(scrollViewFrame.size.width * 2.0, scrollViewFrame.size.height);

self.window.backgroundColor = [UIColor whiteColor];

[self.window makeKeyAndVisible];

return YES;

}

本站系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有

内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权

一、本站内收录的所有教程与资源均来自于互联网,其版权均归原作者及其网站所有,本站虽力求保存原有的版权信息,但由于诸多原因,可能导致无法确定其真实来源,请原作者原谅!如果您对本站教程与资源的归属存有异议,请立即通知优设,情况属实,我们会第一时间予以删除,并同时向您表示歉意!看着优设真诚的小眼神,绝对不是故意侵犯原作者版权的哦!如果您有优秀的作品,优设也会帮您在微博扩散推荐。

二、本站转载的教程与资源仅为资源共享、学习参考之目的,很难对其可用性、准确性或可靠性做出任何承诺与保证。本站无法对任何由于使用或无法使用本站提供的教程与资源所造成的损失负任何责任。

三、本站通过互联网转载的教程与资源,或是站内作者自己提供的教程与资源,版权均归原作者所有,未经原版权作者许可,任何人不得擅作他用!您可以复制、转载和传播本站的任何信息,但务必在转载时注明来源,尊重其知识产权,并自负版权等法律责任。

[视频] --

http://phone.lexue163.com

iOS视图的frame,bounds和center属性以及它们同父视图坐标系与本地坐标系的关系

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值