使用CALayer自定义UIButton边框

最新推荐文章于 2021-11-01 10:58:43 发布
原创 最新推荐文章于 2021-11-01 10:58:43 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#文档

本文介绍如何使用UIButton创建带有圆角和特定边框样式的按钮。通过设置CALayer属性，如圆角半径、边框宽度及颜色，实现美观的按钮效果。

 

UIButton *btn =[UIButtonbuttonWithType:UIButtonTypeCustom];

btn.frame = CGRectMake(0,0, 80, 40);

[btn.layersetMasksToBounds:YES];

[btn.layer setCornerRadius:10.0]; //设置矩形四个圆角半径

[btn.layersetBorderWidth:5.0];  //边框宽度

CGColorSpaceRef colorSpace =CGColorSpaceCreateDeviceRGB();

CGColorRef colorref =CGColorCreate(colorSpace,(CGFloat[]){1, 0, 0, 1}); 

[btn.layersetBorderColor:colorref];//边框颜色

[self.viewaddSubview:btn];

还可以设置CALayer的其它属性，详情查看CALayer帮助文档


iOS 自定义UIButton
-此夜微凉
11-22 3409
UIButton的默认布局是:title在右,image在左; 很多时候我们需要的是title在左边,或者title在下面,这时就需要调整UIButton的TitleLabel和ImageView的位置了,查了很多资料,要么零零散散的介绍,要么就是特别复杂的实现;经过一段时间的学习,在这里总结一下实现的方式; 一种是设置UIButton的以下两个属性:@property(nonatomic) U
iOS CALayer实现按钮的流光效果
王颜华的博客
08-29 3012
前言 hihi，勇敢的小伙伴儿们大家好，今天想给大家分享的是一个动画效果，我在简书上看的，参考文章地址，怎么说呢，我看了代码，实现是很简单的，但是呢，这个代码里硬性条件比较多，比如说需要准备几个图片资源，所以我选择了与之有所差异的方式实现，尽量减少图片的使用，当然，我这个效果是比较简单的，如图： 所以才可以这样做，如果换做参考文章博主的风格，用这种简单的方式的确很难实现，还需要设计师的支持...
给UIView/UIButton添加虚线边框
静影沉璧
05-22 4871
要给UIButton等视图加一圈虚线边框，这里是其中一种方法，就是在原来的视图的layer上再添加一层CAShapeLayer，在这一层中使用贝塞尔曲线UIBezierPath的lineDashPattern创建虚线边框。
UIButton添加阴影图片
不知道为什么就是这个
03-30 860
CALayer *sublayer = [CALayer layer];     sublayer.backgroundColor = [UIColor purpleColor].CGColor;     sublayer.shadowOffset = CGSizeMake(0, 3);     sublayer.shadowRadius = 5.0;     sublayer.shado
iOS开发之UIView 画虚线框
u013712343的博客
11-01 1271
一般开发过程中可能会遇到绘制虚线框的需求，如下图所示 虚线框 核心思想：view设置layer样式即可，此时可以用到的layer类型为CAShapeLayer CAShapeLayer是继承自CALayer的. 因此可以使用CALayer的所有属性, 但是, CAShapeLayer需要和UIBezierPath曲线配合使用才有意义. CAShapeLayer有一个path属性, 而UIBezierPath就是对CGPathRef类型的封装(CGPathRef 是CGPath的重命名 , 实.
为UIView/UIButton自定义边框样式技巧
7. 某个特定边框的添加：若要为UIView或UIButton添加特定边框，开发者可以使用`CAShapeLayer`，通过自定义形状来实现仅对一条边进行边框的设置。 8. iOS开发中的视图层次结构：在iOS开发中，视图层次结构相当重要，...
UIView/UIButton任意添加某个边框
10-31
为了实现任意边框，我们可以创建一个自定义的`UIButton`子类，并重写`layoutSubviews()`方法，在其中添加边框。 ```swift class CustomButton: UIButton { var borderLayer: CAShapeLayer? override func ...
iOS视图自定义边框效果实现源码
边框,自定义,UIImageView,圆角,颜色,粗细,源码,UI效果”这一系列关键词精准覆盖了技术平台、核心功能、操作对象和学习资源等多个维度，反映出该项目在搜索引擎优化（SEO）方面的良好布局，有助于目标开发者快速定位...
CMDAwesomeButton：功能强大的UIButton自定义子类
这也意味着开发者可以轻松地将此控件应用于复杂的自定义 UI 设计中，比如带有渐变背景、动画过渡或动态字体样式的按钮。 在实际项目中的应用场景非常广泛。例如，在一个社交类 App 中，点赞按钮可以在未选中时显示...
IOS 中CALayer绘制图片的实例详解
08-29
总结一下，使用CALayer绘制图片提供了一种灵活的方式，可以自定义更多的视觉效果，如阴影、圆角、变换等，但牺牲了事件处理能力。在实际项目中，开发者可以根据需求选择使用UIImageView或者CALayer，以达到最佳的...
iOS UIButton添加自定义layer后影响了标题(title)显示
豪冷的博客
01-15 1948
0x00 打印按钮的layer： po _useButton.layer.sublayers <CALayerArray 0x28247b780>( <_UILabelLayer:0x2808bd0e0; position = CGPoint (45 20.1667); bounds = CGRect (0 0; 40 19); delegate = <UIButtonLa...
iOS给控件画虚线边框
scodefarmery的博客
10-20 3048
CGFloat viewWidth = 200; CGFloat viewHeight = 50; UIButton *view = [[UIButtonalloc]initWithFrame:CGRectMake((screenSize.width - viewWidth)/2, (screenSize.height - viewHeight) / 2, viewWidth, vi
iOS画虚线边框
欢迎来到一度's博客
03-09 1578
这是给self.view画一个类似self.layer.border的边框, 是虚线~ 在网上找的例子 CAShapeLayer *border = [CAShapeLayer layer]; border.strokeColor = SLColorLine.CGColor; border.fillColor = nil; border.path
Button--虚线边框--边框颜色
11-21 1901
Button--虚线边框--边框颜色
给控件添加虚线边框(UIBezierPath)
河马流星锤的博客
03-29 5161
先来张效果图/* 自定义的方法, 实际使用时的传入参数以自己需求为准 */ - (void)addLayerWith:(UIView *)view { /* 初始化一个layer */ CAShapeLayer *border = [CAShapeLayer layer]; /* 虚线的颜色 */ border.strokeColor = [UIColor whiteC
UIButton的实现（含有边框）
LeveBe的博客
08-08 1274
UIButton *reg = [UIButtonbuttonWithType:UIButtonTypeSystem]; reg.frame = CGRectMake((UISCREEN_WIDTH-280)/2, mainView.frame.size.height-120, 280, 35); reg.layer.masksToBounds = YES; reg.layer.
为UIButton设置边框等属性
热门推荐
snn1410的专栏
04-10 2万+
declare your button: Code: UIButton *downButton = [[UIButton alloc] initWithFrame:CGRectMake(60.0, 310.0, 55.0, 37.0)]; [downButton setTitle:@"Name of Button" forState:UIControlStateNormal]; [
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值