layout_margin和padding的具体区别

layout_margin 和 padding 是 Android 布局中用于控制视图元素位置和大小的两个不同属性。

**

layout_margin:

**

layout_margin 是用来设置视图元素与其父容器之间的外边距(margin),即视图元素与周围元素之间的空白空间。这个属性用于控制元素与其周围元素(父容器或其他元素)之间的距离,不会改变元素本身的大小。

layout_margin 定义了视图元素的外部空间,例如在将一个按钮放置在一个布局中时,可以使用 layout_margin 属性来控制按钮与布局边界的距离。

**

padding

**:

padding 是用来设置视图元素内部内容与其边框之间的内边距(padding),即视图元素内容与其边界之间的空白空间。这个属性用于控制元素内部内容与其边框之间的距离,不会改变元素与其他元素的相对位置关系。

padding 定义了视图元素的内部空间,例如可以用来调整按钮内文本与按钮边缘之间的距离,而不影响按钮本身的大小。

**

总结:

**

layout_margin 用于控制视图元素与其父容器或其他元素之间的外边距,影响元素与周围元素的间距关系。

padding 用于控制视图元素内部内容与其边框之间的内边距,影响元素内部内容与边框的间距关系。

iOS给border设置渐变色的方法实例_IOS

前言

本文将从4行代码出发给一个view设置渐变色,分别会谈到几个重要的渐变色相关属性,在使用过程中有几个需要特别关注的点。

给一个view的border设置渐变色是比较高阶的用法,希望本文可以在这个方面帮助到你。

给view设置渐变色

通过4行代码就可以给一个view设置渐变色:

let view = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
let gradientLayer = CAGradientLayer()
gradientLayer.frame = view.bounds
// @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor yellowColor].CGColor]
gradientLayer.colors = [UIColor.red.cgColor, UIColor.yellow.cgColor]
view.layer.addSublayer(gradientLayer)

在创建CAGradientLayer以后需要设置frame才能展示出来,否则它的大小会使用默认的0。

渐变色会根据colors数组来展示,这个数组的类型是CGColorRef,所以需要用.cgColor强制转换;如果使用的OC语法,必须加上(__bridge id),否则渐变色会显示不出来。

默认情况下渐变会从上至下,可是通过设置startPoint和endPoint来改变这个顺序:

gradientLayer.startPoint = CGPoint(x: 0, y: 0)
gradientLayer.endPoint = CGPoint(x: 1, y: 1)

这两个点的范围是从0到1,也就是说最左边和最上边是0,最下和最右是1。这个例子中渐变会变成从左上角到右下角。

渐变色还有一个重要的属性是locations,这个属性是用来指定colors中设置的每个颜色的终点的。

gradientLayer.locations = [0.2, 0.8]

locations中元素的范围是从0到1。在这里,数组中的第一个元素0.2指定了colors数组中第一个元素红色的终点是0.2,也就是说把整个渐变色范围分成10份,从开始到2/10处都是纯红色,从2/10到8/10处是纯红色到纯黄色的渐变,而从8/10到10/10是纯黄色。

给view的border设置渐变色

使用UIBezierPath来创建一个带圆角的CAShapeLayer,并且把它的圆角设置成view的圆角,就可以把一个view的border设置为渐变色。

... // 同上给view设置gradientLayer
  
let shapeLayer = CAShapeLayer()
shapeLayer.borderWidth = 1
shapeLayer.path = UIBezierPath(roundedRect: gradientLayer.bounds, cornerRadius: 10).cgPath
shapeLayer.fillColor = UIColor.clear.cgColor // 必须要设置成clearColor或者nil,默认是黑色
shapeLayer.strokeColor = UIColor.white.cgColor // 随便设置一个非clearColor的颜色
  
gradientLayer.mask = shapeLayer
view.layer.addSublayer(gradientLayer)

borderWidth shapeLayer的border宽度和view的相同,可以根据设计图来设置。 cornerRadius UIBezierPath的圆角和view的圆角相同;roundedRect和CAGradientLayer的大小相同。 fillColor 是shapeLayer的填充色,默认是黑色,建议设置成nil或者是透明色clearColor strokeColor 是border的描边色,如果设置成clearColor的话就不会绘制出来border了,这里随便一个颜色就是让其能够绘制出来,实际使用的是渐变色 mask 用shapeLayer作为gradientLayer的mask,可以让gradientLayer内部挖空,只保留边缘border的渐变颜色 最终把渐变色layer添加到view.layer上,shapeLayer只是用来修饰gradientlayer的,目的是把gradientlayer的内部挖空,并且把border和圆角做出来。

总结

通过这篇文章我们了解了怎么给一个view设置渐变色,并详细阐述了渐变色的几个重要属性。关于给border设置渐变色是一个进阶的知识点。

本站内容来自用户投稿,如果侵犯了您的权利,请与我们联系删除。联系邮箱:835971066@qq.com

本文链接:http://news.xiuzhanwang.com/post/1958.html

友情链接: