精华内容
下载资源
问答
  • layer圆角
    千次阅读
    2016-11-10 10:18:00

    前段时间产品要求我们做的弹窗要显示成圆角,这个可为难我了,我是用layer 2.1这个插件,怎么设成圆角说明文档还真没说,

    只好baidu一下,也没找到好的解决方案,只好去分析一下layer插件的样式,发现弹出层div 有个layui-layer的样式,有名堂,

    1.在浏览器点掉 background-color: 点掉  #fff,居然可以显示圆角了 2.把这个 border-radius 设置大一些也可以

    2

     解决方案

    1.直接该css 样式,可以会影响其他弹出层

    2.通过js 修改样式    $(".layui-layer").css("background", "none");

    转载于:https://www.cnblogs.com/nik2011/p/6049883.html

    更多相关内容
  • UIView指定设置圆角Layer的mask的简单理解 在App开发中,为了美观,我们常常会设置图片圆角,常规情况下都是设置四个角圆角,这种场景也是非常常见的,我们今天要考虑的场景是部分圆角的场景。比如设置左上、右上...

    UIView指定设置圆角及Layer的mask的简单理解

    在App开发中,为了美观,我们常常会设置图片圆角,常规情况下都是设置四个角圆角,这种场景也是非常常见的,我们今天要考虑的场景是部分圆角的场景。比如设置左上、右上圆角,下面直角不变。具体效果如下所示:

    在这里插入图片描述

    如上图弹出的提示框,这个时候要设置上圆角,下边直角不变,一般如果是设置全圆角,两行代码就完事也是非常快捷方便的如下所示:

     whiteBackView = UIView()
     whiteBackView.layer.cornerRadius = 9
     whiteBackView.layer.masksToBounds = true
    

    那么当我们要实现部分圆角的时候就不能这样做了,不过还是在layer层实现,给layer加一个遮罩,会ps的同学可以可以理解为蒙板。
    好了,进入主题,今天要使用的就是这个layer及layer.mask(这个mask也是一个layer)来实现这个效果。

    使用ShapeLayer和UIBezierPath来指定某几个角为圆角

    依照惯例,先上实现代码:

    whiteBackView = UIView()
    whiteBackView.frame = CGRect.init(x: 0, y: self.frame.size.height - 350, width: self.frame.size.width, height: 350 )
    whiteBackView.backgroundColor = UIColor.white
    self.addSubview(whiteBackView)
    //        whiteBackView.snp.makeConstraints { (make) in
    //            make.left.bottom.right.equalTo(self)
    //            make.height.equalTo(350)
    //        }
            
    let pathRect = CGRect.init(x: 0, y: 0, width: self.frame.size.width, height: 350 )
    let bezierPath = UIBezierPath.init(roundedRect: pathRect, byRoundingCorners: [UIRectCorner.topLeft,UIRectCorner.topRight], cornerRadii: CGSize.init(width: 9, height: 9))
    let shapeLayer = CAShapeLayer.init()
    shapeLayer.frame = pathRect
    shapeLayer.path = bezierPath.cgPath
    //   shapeLayer.backgroundColor = UIColor.black.withAlphaComponent(0.5).cgColor
    whiteBackView.layer.mask = shapeLayer
    

    实现代码如上,先解释下上面注释的第一个地方,刚开始我是用snp做的适配,没有设置whiteBackView的frame,这里有一个问题,那就是在视图没有出来的时候获取不到whiteBackView的frame,Rect为(0,0,0,0),如果直接取whiteBackView.bounds那将毫无效果。解决了获取不到frame问题之后,我们需要注意第二个细节,就是设置贝塞尔曲线的时候设置的frame,我们设置的是视图里面的圆角,所以要保证视图的起始点是point(0,0),size与视图一致,有时候会直接用whiteBackView.frame,那将毫无效果,一般用whiteBackView.bounds
    接下来解释下第二个注释的地方,如代码所示,我们实现这个圆角是在原视图的layer上添加一个mask遮罩,遮罩部分就是我们希望原视图显示的部分。当我们的遮罩完全不透明的时候,遮罩无效,没有任何效果。当遮罩完全透明的时候显示遮罩部分。当遮罩半透明的时候(alpha 区间(0.0~1.0)),遮罩与原视图结合显示,遮罩外会显示出半透明的图层(遮罩只与透明度有关,与颜色无关)。

    以上是个人理解,如有问题,欢迎指正,谢谢

    展开全文
  • 通过layer设置圆角

    千次阅读 2016-05-16 09:01:41
  • [objc] view plain copy #import // 添加系统框架  ...layer.backgroundColor = [UIColor cyanColor].CGColor;...layer.contents = (id)[UIImage imageNamed:@"view_BG.png"].CGIma
    [objc]  view plain  copy
    1. #import <QuartzCore/QuartzCore.h>  // 添加系统框架  
    2.   
    3.    
    4. layer.backgroundColor = [UIColor cyanColor].CGColor// 给图层添加背景色  
    5. layer.contents = (id)[UIImage imageNamed:@"view_BG.png"].CGImage// 给图层添加背景图片  
    6. layer.cornerRadius = 8;  // 将图层的边框设置为圆脚  
    7. layer.masksToBounds = YES// 隐藏边界  
    8. layer.borderWidth = 5;  // 给图层添加一个有色边框   
    9. layer.borderColor = [UIColor colorWithRed:0.52 green:0.09 blue:0.07 alpha:1].CGColor;   
    10. layer.shadowOffset = CGSizeMake(03);  // 设置阴影的偏移量  
    11. layer.shadowRadius = 10.0;  // 设置阴影的半径  
    12. layer.shadowColor = [UIColor blackColor].CGColor// 设置阴影的颜色为黑色  
    13. layer.shadowOpacity = 0.9// 设置阴影的不透明度  
    展开全文
  • layer-list 实现圆角带分割线的表格
  • 分析Android的采用layer-list效果实现圆角 阴影 背景android:left="3dp"android:top="3dp">自带预览效果我们看看怎么使用android:layout_width="match_parent"android:layout_height="wrap_content"android:...
  • 带边框的圆角 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <!--<stroke android:width=...
  • 1,首先了解一下layer-list中的shapr:简介作用:XML中定义的几何形状位置:res/drawable/文件的名称.xml使用的方法:Java代码中:R.drawable.文件的名称XML中:Android:background="@drawable/文件的名称"属性: ...
  • 本文实现前后效果对比: 正文 根据官方的描述, 考虑到性能表现, 父组件的 radius, clip ...下面介绍一种最简单的方案, 使用 layer 属性来实现圆角区域的裁剪. import QtQuick 2.0 import QtGraphicalEffects 1.0 // 导
  • layer.backgroundColor = [UIColor cyanColor].CGColor; // 给图层添加背景色  layer.contents = (id)[UIImage imageNamed:@"view_BG.png"].CGImage; // 给图层添加背景图片  layer.cornerRadius
  • javascript 绘制矩形框

    2020-10-30 00:19:54
    今天读John Resig的Pro Javascript Techniques时候看到他书上给的一个关于drag and drop的例子,我做的第二件事就是js模拟用鼠标拖出矩形框,代码很简单
  • 一、通过设置控件layer的cornerRadius来设置圆角 self.view.layer.cornerRadius =10.f;//如果设置圆角角度为半圆,则数值为控件高度的一半 self.view.layer.masksToBounds = YES;//是否删除多余的位置 二、通过...
  • 本文实例为大家分享了iOS设置圆角的三种方式,供大家参考,具体内容如下 第一种方法:通过设置layer的属性 最简单的一种,但是很影响性能,一般在正常的开发中使用很少. UIImageView *imageView = [[UIImageView alloc...
  • 使用layer-list 实现渐变的圆角边框 效果: 思路是绘制一个背景渐变的圆角矩形、一个背景为白色的圆角矩形,相互遮盖实现以上的效果。 代码如下: item 标签中设置bottom 、left、right、top 的大小就是边框的大小 ...
  • UIImageView添加圆角

    2016-04-01 13:31:24
    imgView.layer.cornerRadius = 10;// 这一行代码是很消耗性能的 imgView.clipsToBounds = YES; **这是离屏渲染(off-screen-rendering),消耗性能的** //给UIImage添加生成圆角图片的扩展API:这是on-sc
  • 在对UIView做圆角得时候,只需要引入 ,再对view得layer设置属性值即可。 [cpp] view plaincopy self.radiusView.layer.cornerRadius = 10;  这样就可以很轻松得实现了。
  • 使用layer-list绘制圆角矩形

    千次阅读 2016-05-09 14:27:24
    在Android中xml资源文件是一个非常强大的工具,向圆角矩形的图案,完全不用单独绘制图片文件,使用xml编写代码就完全可以实现。其实质原理是通过xml代码控制,绘制多个图层,图层堆叠而达到所想要绘制图形的效果。...
  • 首选,为什么要解决这个问题? 1 人眼的视觉残留特性:是光对视网膜所产生的视觉在光停止作用后,仍然保持的一种想象;视神经元的反应速度大概是二十四之...其次,在滚动视图中使用layer圆角,运行时候,如果图片过多...
  • ios 系统框架已经给我们提供了相应的切割圆角的方法, 但是如果在一个见面有很多控件切割的话会出现卡顿和个别不切得现在 /* 创建一个Button */ UIButton * button = [UIButton buttonWithType:...
  • 最近要实现个圆角边框的对话框设计图,查了网上很多种实现,都差不多,从中得到灵感,实现了另一种方式,利用layer-list: 先来看看实现的效果如下: 首先在drawable目录下定义好圆角背景文件dialog_corner_bg.xml ...
  • 第一种方法:通过设置layer的属性 最简单的一种,但是很影响性能... //设置圆角 imageView.layer.cornerRadius = imageView.frame.size.width / 2; //将多余的部分切掉 imageView.layer.masksToBounds = YES; [self.v
  • 大家都知道在iOS中为UIView添加阴影还是比较简单的,只需要设置layer的shadow属性就可以了,但是问题在于设置阴影之后,必须设置masksToBounds为NO,而圆角图片则要求masksToBounds必须为YES,两者相互冲突,会导致...
  • layUI的弹出层模块layer在使用时有一个skin属性 skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名。 如果要改变弹出层的title样式或者背景之类的就可以使用该属性。 使用方法如下: 在layer....
  • 本文主要介绍Android样式开发layer-list,这里整理了详细的资料,及简单示例代码有兴趣的小伙伴可以参考下
  • iOS 控件设置圆角,避免离屏渲染。 离屏渲染:指GPU(图形处理器)在当前屏幕缓冲区外新开辟一个渲染缓冲区进行工作。这会给我们带来额外的性能损耗,如果这样的操作达到一定数量,会触发缓冲区的...view.layer.corner
  • 但是我们使用android中layer-list多图层叠加效果可以将多个图片按照顺序层叠起来,同样可以实现这个效果。 我们把它拆分为三个部分,第一个部分是最顶端的那一行(我这里称为顶部),第二部分是中间部分(中间部分...
  • 在最近进行项目性能优化的过程中,遇到view圆角优化的问题,有一些粗略的看法,现总结一下。分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 设置圆角目前知道的有四种方法:  1、通过...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,012
精华内容 6,404
关键字:

layer圆角