iOS学习之UI

最新推荐文章于 2025-06-25 16:21:35 发布

原创最新推荐文章于 2025-06-25 16:21:35 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UI学习

本文深入探讨了UIKit中的UIView及CALayer的各种高级属性与方法，包括bounds与frame的区别、clipToBounds的作用、cornerRadius与border的设置、阴影效果的实现方式、transform的详细用法，以及UIImage的加载技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UIView
1.bounds ：前两个参数表示当前视图分别移动了x，y的距离就能移动到当前视图frame的位置。后两个参数表示控件大小。
view.bounds = CGRectMake(10,10,100,100);
2.frame 前两个参数表示控件的起点，后两个参数表示控件大小
view.frame = CGRectMake(10,10,100,100);
3.clipsToBounds 是否裁剪子视图超出父视图的部分，若为YES则裁剪，否则不裁剪
CALayer
1.cornerRadius 图层的圆角弧度数
view.layer.cornerRadius = 20;
2.borderWidth 边框宽度
view.layer.borderWidth = 3;
3.borderColor 边框颜色
view.layer.borderColor = [UIColor redColor].CGColor;
4.maskToBounds 防止子视图溢出，当maskToBounds为YES时，不能设置阴影
view.layer.maskToBounds = YES;

阴影
1.shadowOpacity 阴影透明度
view.layer.shadowOpacity = 0.5;
2.shadowOffset 阴影偏移量，即阴影大小
view.layer.shadowOffset = CGSizeMake(20,20);
3.shadowColor 阴影颜色
view.layer.shadowColor = [UIColor redColor].CGColor;
4.shadowRadius 阴影圆角，可产生虚化效果
view.layer.shadowRadius = 50;

//变形
1.MakeTranslation 只能单次移动
view.transform = CGAffineTransformMakeTranslation(20, 20);
2.translate 可以多次移动
view.transform = CGAffineTransformTranslate(20, 20);
3.MakeScale 参数为缩放倍数，只能单次缩放
view.transform = CGAffineTransformMakeScale(1.2,1.2);
4.scale 参数为缩放倍数，可以多次缩放
view.transform = CGAffineTransformScale(1.2,1.2);
5.MakeRotation 单次旋转
view.transform = CGAffineTransformMakeRotation(M_PI_4);
6.Rotate 多次旋转
view.transform = CGAffineTransformRotate(view.transform,M_PI_4);

//UIImage
1.名字读取,若名字后缀是PNG可以省略，其余必须写全名(IOS开发中)
名字读取会首先从换粗的文件中进行查找相应名字的图片,若找到，直接返回；如果缓存中没有，会从目录文件下找，找到之后，放入缓存文件，最后返回。
名字查找相对消耗内存，图片较小并且使用频率较高建议使用此方法
UIimage *image = [UIImage imageNamed:@”text.png”];
UIimage只是一种更复杂的数据类型
2.自由路径读取,UI中采用相对路径,OC中使用绝对路径
NSString *path = [[NSBundle mainBundle]pathForResource:@”” ofType:@”“];
UIImage *image = [UIImage imageWithContentsOfFile:path];