iOS 在storyboard/xib中设置UIView的圆角等属性

最新推荐文章于 2022-08-24 15:49:49 发布
最新推荐文章于 2022-08-24 15:49:49 发布
阅读量6.3k 收藏
点赞数 1
分类专栏： iOS开发 文章标签： ios imageview xib 圆角
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang_1992/article/details/50868353
版权
本文介绍了如何在iOS的Storyboard或XIB文件中为UIView及其子类，如UIImageView，设置圆角，避免通过代码实现的复杂性。通过在Identity Inspector中添加User Defined Runtime Attributes，设置layer.masksToBounds为YES，以及正确的圆角属性，可以实现所需效果。同时，文章还探讨了在设置属性时可能出现的错误情况，如属性名错误导致的不同运行时行为。
摘要由CSDN通过智能技术生成

通常我们给UIView及其子控件设置圆角时一般都是通过代码进行设置的，现在我做的项目中大部分界面都是通过storyboard或xib创建的，这时候我要让界面中的UIImageView有圆角，如果这时候通过代码就会很麻烦了，所以我在想要是能直接在storyboard或xib中直接修改就好啦，很幸运的是我在网上找到了相关的内容可以设置啦


一般我们想将一个imageView裁成一个圆形的头像,使用代码的设置方法如下:

self.imageView.layer.cornerRadius = 5.0f;

self.imageView.layer.masksToBounds = YES；


如果我想使用xib来设置imageview的圆角：

1.首先在xib中选中我们要设置的view，点击view的身份查看器

最低0.47元/天 解锁文章
wang_1992
关注
专栏目录
如何在storyboard设置圆角（cornerRadius）、边框（borderWidth）等操作。
AlvinWorld的博客
09-23 1164
目录 方法1：Runtime Attributes 方法2：使用@IBInspectable（下面以UIButton为例介绍使用方法） Step1：创建一个UIButton分类（Category）UIButton+Layer Step2：UIButton+Layer.h 中添加属性 Step3：UIButton+Layer.m中实现setter、getter方法 Step4：到这里前期...
xib如何给UIView设置圆角，为何xib设置UIView边框颜色不显示
风一样自由
12-21 1094
最近用xib创建view，遇到一些问题，记录下，希望可以帮到遇到同样问题的童鞋： xib为何设置UIView圆角不显示： 首先上图：  xib设置圆角只需要按照图中步骤添加对应Key Path 最常用的Key Path： layer.cornerRadius ，注意该 key 对应 Value 的 type 应该设置为 String/Number 两种类型均可(代码设置弧度为:thisView...
iOS中如何在Xib中为UIView及其子类设置圆角
June的专栏
07-22 1109
开发中经常会给UIView及其之类设置圆角，这个时候我们要改变view的layer层的两个属性，分别是：layer.cornerRadius,设置属性和layer.masksToBounds 超出边界是否剪除，通过这两个属性我们可以设置圆角，而且当view是正方形的时候，我们设置的角度是一半的时候，会发现VIew将变成原型，很方便     平时开发如果是固定的页面布局，这个时候我们可以用Xib或
使用storyboard设置UIButton的圆角
CC的专栏
04-20 6434
1. 操作方法: 原理: 通过storyboard的 运行时属性runtime attribute,可以对Button设置圆角或者边框 1.很多人都知道,通常设置一个 Button后者其他的UIView子类的圆角,需要使用如下的语句 self.button.layer.cornerRadius=10;//即可说明:这会用到layer图层的属性来实现,原因是在一个
XIB中设置UIView圆角
Immanito
12-05 655
首先熟悉两个属性 IBInspectable和IBDesignable IBInspectable修饰的属性可以在Interface Builder中查看并修改 IBDesignable可以让视图直接在画布上渲染，实时修改实时更新 // UIView+CornerRadius.h #import IB_DESIGNABLE @interface UIView (CornerRa
xib设置view圆角
chuangyuan2577的博客
02-18 95
转载于:https://my.oschina.net/u/2556411/blog/617012
IOS xib布局小技巧-边框设置
08-31
在iOS开发中，使用Xcode的Interface Builder（简称xib或storyboard）进行界面布局时，有时我们需要自定义视图（UIView）的外观，例如添加边框或者设置圆角。本文将深入探讨如何在XIB文件中实现这些小技巧。 首先，...
UIView-Category:xib 中的 UIView-Category IBinspectable
06-09
这样，在XIB或Storyboard中，这些属性会出现在Attribute Inspector中，可以直接进行可视化设置。 2. **便捷方法**：可能会添加一些便捷的方法，比如快速设置视图的阴影效果、动画效果或者与其他视图的交互等。 3. ...
UIView在Xib中的边框设置
unigh的博客
10-28 4490
UIView在Xib中的边框设置 在xib中选重要设置的视图，然后点击如图： 接下来添加属性： layer.cornerRadius：圆角设置 layer.borderWidth：边框宽度 layer.masksToBounds：是否添加边框 layer.borderColor：边框颜色（在代码中是这样写的，不过这个属性  在xib中就不起作用。所以要用下面的属性，并加
xib_Tool:xib的工具类目，可以在xib可视化的设置视图圆角，边框，约束等比自适应，按钮响应时间间隔等操作
05-09
xib_Tool xib的工具类目。 1.可以在xib可视化的设置视图圆角，边框。 2.可以在xib设置单个约束等比自适应开关。（以6为基础，原型图通常为这个尺寸） 3.可以在xib设置按钮响应时间间隔等操作。 4.可以在xib设置文字下划线，删除线及其颜色。 5.可以在xib设置文字自适应缩放。（以6为基础，View+FontZoom扩展，控件+FontZoom扩展2选一） （后续还在更新ing。。。。） demo动态图：
UIView自定义四个边角的圆角
04-04
源码SkyRadiusView，实现view背景色的四个边角自定义成圆角 ...使用方法很简单，只需要在xib或StoryBoard中继承SkyRadiusView，并设置参数即可 详情请参考项目中的示例代码 和 gif图片 测试环境：Xcode 6，iOS 7.0以上
XIB 设置UIView的圆角边框等属性
热门推荐
CINNS的博客
07-30 1万+
在开发中,经常会用到一些圆角效果,或者边框效果,经常用的方法是通过代码直接去设置,比较方便快捷; 但是当我们通过 XIB创建出一个控件后,也需要这样的一些圆角或边框效果,能不能直接通过 XIB里面的一些方法直接设置呢?答案是有的其主要设置的方式是通过在 XIB操作栏的User Defined Runtime Attributes中通过 KEY PATH去设置当前控件的属性,具体步骤如下图所示:
xib 高效 tip: 给你的 view 设置任意圆角
无夜之星辰的博客
08-24 1243
设置各个角的圆角，如此Easy！
UIView的四个边角单独设置为圆角弧度
不要停我的药
02-13 5752
我们知道设置UIView的Layer的cornerRadius属性即可改变View的圆角。如果要单独设置某一个角或者2个，3个为圆角，就可以用下面方法。 UIView *view = [[UIView alloc] initWithFrame:CGRectMake(120, 100, 100, 100)]; view.backgroundColor = [UIColor blue
ios开发之 Xib设置圆角
shiyunjiangnan的专栏
08-28 733
有时候,项目需要引用XIB,但是有些UI属性在面板不好设置,例如设置圆角.那么我们可以采取一种思路,通过拖线连接到.m文件,然后开始进行代码属性的修改,但是切记.设置圆角的方法,不能在ViewDidLoad里边重写,这样会导致无效,我们需要在drawRect进行设置,然后再进行调用即可.代码如下: - (void)drawRect:(CGRect)rect{[superdrawRect:rect];
xib中UIView设置圆角
浮生若梦 为欢几何
12-22 495
xib中给UIView设置圆角
在xib/storyboard里面设置imageview圆角半径
QL_ProCareer的博客
01-26 4866
想给视图设置圆角,常用的做法是将IB中的控件拖线到控制器,然后设置其圆角半径,以UIImageView为例,默认的UIImageView是矩形: 未处理的ImageView 想将这个imageView裁成一个圆形的头像,使用代码的设置方法如下: self.imageView.layer.cornerRadius = 50.f; self.imageView.layer
如何给UIView等控件用xib设置圆角属性
qq_32364281的博客
06-15 284
第一步选取需要设置圆角的控件； 第二步点击右侧的功能栏； 第三步添加需要设置的属性。 1. 2.
iOS UI开发：代码、xib与StoryBoard的抉择
"关于iOS开发中的UI制作方法，包括代码手写UI、使用xib文件和使用StoryBoard的讨论，以及各自的优势和适用场景。文章旨在帮助初学者选择适合自己的UI构建方式，并分享了一些Interface Builder (IB) 使用的小技巧。" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值