iOS渐变和自定义圆角的实现
来源:互联网 发布:刷新快捷键 mac 编辑:程序博客网 时间:2024/06/16 19:38
软件工程师在传统观念里可能就是写代码,完成项目需求。但对我而言,作为一名互联网从业者,不应该只是掌握一门技能,在平时的工作中也让自己充当产品经理,UI设计等角色,毕竟牛逼的用户体验是每个人喜欢的,不妨放开思路,尝试着做些不一样的东西。
在一些项目中,可能希望有这样的效果,某个view显示的是渐变风格,并且可能不是规则的矩形或者圆形,如何实现这种特效,下面小编给大家介绍一下这个方法,希望能帮到大家。
1.实现自定义圆角
其中,UIRectCornerTopRight | UIRectCornerBottomRight表示右上右下为圆角,CGSizeMake(10,10)表示圆角度数为10,可以根据项目需求更改这两个值。
在一些项目中,可能希望有这样的效果,某个view显示的是渐变风格,并且可能不是规则的矩形或者圆形,如何实现这种特效,下面小编给大家介绍一下这个方法,希望能帮到大家。
1.实现自定义圆角
-(void)setCustomCorners:(UIView *)view{<span style="white-space:pre"></span>UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:view.bounds byRoundingCorners:UIRectCornerTopRight | UIRectCornerBottomRight cornerRadii:CGSizeMake(10,10)];<span style="white-space:pre"></span>CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];<span style="white-space:pre"></span>maskLayer.frame = view.bounds;<span style="white-space:pre"></span>maskLayer.path = maskPath.CGPath;<span style="white-space:pre"></span>view.layer.mask = maskLayer;}
其中,UIRectCornerTopRight | UIRectCornerBottomRight表示右上右下为圆角,CGSizeMake(10,10)表示圆角度数为10,可以根据项目需求更改这两个值。
2.实现渐变
-(void)setCustomGradientLayer:(UIView *)view{<span style="white-space:pre"></span>CAGradientLayer *gradientLayer = [[CAGradientLayer alloc] init];<span style="white-space:pre"></span>gradientLayer.colors = @[(__bridge id)[UIColor colorWithRed:73.0f/255.0f green:148.0f/255.0f blue:230.0f/255.0f alpha:0.5].CGColor,(__bridge id)[UIColor blueColor].CGColor];<span style="white-space:pre"></span>gradientLayer.startPoint = CGPointMake(0.5, 0);<span style="white-space:pre"></span>gradientLayer.endPoint = CGPointMake(0.5, 1);<span style="white-space:pre"></span>gradientLayer.frame = CGRectMake(0, 0, CGRectGetWidth(self.colorBackgroundView.frame), CGRectGetHeight(self.colorBackgroundView.frame));<span style="white-space:pre"></span>[view.layer addSublayer:gradientLayer];}
其中,gradientLayer.colors表示设定渐变的颜色数组,可以自定义;gradientLayer.startPoint ,gradientLayer.endPoint分别设定渐变的起始和结束位置,范围为0到1。
如果您对我的文章感兴趣,请关注我的公众号,希望在互联网的道路上我们并肩前行。
1 0
- iOS渐变和自定义圆角的实现
- [iOS]自定义 TableViewCell 实现圆角/渐变色 TableView
- iOS实现透明度渐变和颜色渐变的view
- iOS歌词渐变的实现
- ios渐变颜色的实现
- iOS CALayer-实现颜色的渐变和曲线图
- 【iOS】View实现透明度渐变和颜色渐变
- iOS swift-自定义转场动画_实现modal控制器显示与消失时的透明度渐变
- 自定义圆移动并实现颜色渐变
- 自定义渐进和渐变颜色的进度条
- 【iOS】彩虹渐变色 的 Swift 实现
- iOS 实现背景颜色渐变的方式
- iOS开发之渐变色的实现
- iOS实现背景的渐变色
- iOS - 关于蒙版渐变的实现
- iOS渐变按钮Gradient Button的实现
- [iOS]实现UIView的背景渐变
- 自定义CoordinatorLayout的Behavior(2):实现淘宝和QQ ToolBar透明渐变效果
- java反射详解---反射的理论知识
- Kali安装常用的软件工具——第二课
- 内部类
- Lua string库详解
- C++ 11运算符重载简介
- iOS渐变和自定义圆角的实现
- LeetCode OJ(3.Longest Substring Without Repeating Characters)
- current_date
- ActionBar上添加搜索功能
- poj 1062 昂贵的聘礼【条件约束----最短路】
- ASP.NET简单实现APP中用户个人头像上传和裁剪
- SUBSTRB(c1,n1[,n2])
- QEMU KVM Libvirt手册(5) – snapshots
- Togaf视频