美文网首页
Button单边倒角

Button单边倒角

作者: Leon1024 | 来源:发表于2018-11-19 17:35 被阅读0次
// 创建一个Button
   UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
   button.frame = CGRectMake(100, 200, 100, 40);
   [button setTitle:@"按钮" forState:UIControlStateNormal];
   [button setTitleColor:UIColor.blackColor forState:UIControlStateNormal];
   [button setBackgroundColor:UIColor.blueColor];
   [self.view addSubview:button];
   
   // 按bounds来画贝塞尔曲线路径
   CGRect rect = button.bounds;
   CGSize radii = CGSizeMake(rect.size.height * 0.5, rect.size.height * 0.5);
   // 贝塞尔曲线倒角
   UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomLeft cornerRadii:radii];
   // 创建并按曲线绘制图层
   CAShapeLayer *layer = [CAShapeLayer layer];
   layer.path = path.CGPath;
   // 将图层设置为button的遮罩层
   button.layer.mask = layer;


Swift:
// CACornerMask.layerMaxXMinYCorner.rawValue 右上,
// CACornerMask.layerMaxXMaxYCorner.rawValue 右下
if #available(iOS 11.0, *) {
          // iOS11:只需要带用这个系统方法就可以随意设置View的圆角了,是不是很方便,赶快试一下吧
           userInfoBackgroundView.layer.cornerRadius = 21
           userInfoBackgroundView.layer.maskedCorners = CACornerMask(rawValue: CACornerMask.layerMaxXMinYCorner.rawValue | CACornerMask.layerMaxXMaxYCorner.rawValue)
       } else {
           let rect = CGRect(x: 0, y: 0, width: 180, height: 42)
           let size = CGSize(width: rect.width * 0.5, height: rect.height * 0.5);
           // 贝塞尔曲线倒角
           let path = UIBezierPath(roundedRect: rect, byRoundingCorners: [.topRight, .bottomRight], cornerRadii: size);
           // 创建并按曲线绘制图层
           let layer = CAShapeLayer();
           layer.path = path.cgPath;
           // 将图层设置为button的遮罩层
           userInfoBackgroundView.layer.mask = layer;
       }

相关文章

  • Button单边倒角

  • Blender Shade Smooth技巧

    Blender建模时,边线部分常用到Bevel工具(倒角)添加倒角。 为了减少添加倒角增加过多的顶点,往往会选择倒...

  • microstation二次开发之边界倒角

    智能实体边界倒角程序实现 边界倒角接口 ChamferEdge (solid, closestPoint, dis...

  • 倒角

    正弦sin =对边除以斜边。 余弦COS=邻边除以斜边。 正切Tan=对边除以邻边 对边=斜边乘以正弦Sin 对边...

  • 第115天 雪山材质-分区1

    三、倒角 使用倒角与分离xyz结合使用: 这里倒角-渐变,控制雪线的高度,同时半价属性控制雪线上下的随机性。 法向...

  • 如何在CAD中直接绘制矩形倒角圆角?

    如何在CAD中直接绘制矩形倒角圆角?当你需要在CAD中绘制矩形倒角圆角时,你不会还在使用绘制完矩形再使用倒角工具一...

  • UGNX数控编程平面轮廓铣,倒角加工参数设置!

    在产品实际加工中,常常应用到产品倒角处理,下面以UG8.5为例,简要介绍UG编程中倒角命令的参数设置,便于倒角C角...

  • 振荡与单边

    市场由振荡与单边组成。 单边包含着振荡,振荡孕育着单边。 振荡久了一定会出现单边,单边久了也一定会迎来振荡。单边,...

  • 倒角工具测评:TEPRA倒角剪刀

    今天收到了日亚寄来的倒角剪刀,型号TEPRA RT36W。 这款剪刀应该就是贴吧中提到的天神剪了吧。 首先看看盒子...

  • day21

    ctrl+d 更改默认对象颜色 v选择视图切换等 ms倒角 沿法线缩放 点-倒角-取消平直 (变成曲线)

网友评论

      本文标题:Button单边倒角

      本文链接:https://www.haomeiwen.com/subject/rapafqtx.html