为有牺牲多壮志,敢教日月换新天。

[Swift实际操作]七、常见概念-(14)使用UIColor设置界面组件的颜色属性

热烈欢迎,请直接点击!!!

进入博主App Store主页,下载使用各个作品!!!

注:博主将坚持每月上线一个新app!!!

打开移动应用程序,不可避免的需要和颜色打交道。
本文将为你演示颜色对象的使用。

首先导入需要使用到的界面工具框架

import UIKit

通过UIColor的属性,可以获得橙色。右侧的实时反馈区,显示了获得的颜色。
UIColor包含众多预设的常用的颜色。

UIColor.orange

获得无色,即透明度为0的颜色。

UIColor.clear

通过初始化方法,获得指定RFB(红、绿、蓝、不透明度)颜色模式下的颜色。
col颜色为白色。

let col = UIColor(red: 1.0, green:1.0,blue:1.0,alpha:1.0)

通过初始化方法,获得指定不透明度的白色。

let secondColor = UIColor(write:1.0,alpha:0.5)

通过初始化方法,获得指定色相、饱和度、亮度和不透明度颜色模式下的颜色。

let thirdColor = UIColor(hue: 0.3,saturation:0.75,brightness: 0.50,alpha:1.0)

和传统的颜色类型不同,Swift支持将图片作为颜色使用。
此处创建了一个使用图片作为平铺图案的颜色

let fourthColor = UIColor(patternImage: image)

通颜色对象的属性,可以i获得核心图形框架下的颜色对象。
col.cgColor
该颜色主要用于绘制图形和动画,点击显示结果图标,隐藏节点列表。

继续编写代码,演示颜色类的其他属性和方法
将颜色的不透明度,从1.0修改为0.5,从右侧的结果可以看出,
白色变成了灰色这是由于不透明度的变化,从而受到了底部背景颜色的影响。

col.withAlphaComponent(0.5)

接着创建一个视图对象,
视图对象是界面开发中最基本的图形组件。它的坐标位于原点,
即屏幕的左上角,宽度和高度都是100。

let view = UIView(frame: CGRect(x: 0,y: 0,width:100,height:100))

设置视图的背景颜色为白色,然后点击显示结果图标。

view.backgroundColor = col

从结果可以看出,你创建了一个背景为白色,尺寸为100的正方形视图。
继续编写代码,修改视图的背景颜色,然后再次点击显示结果图标。

view.background = thirdColor

将视图对象的背景颜色修改为绿色,然后再次点击显示结果图标,查看视图对象的变化。

技巧:应用审核成功发布后,您将无法修改应用的分类、名称、截图和关键词。

posted @ 2018-10-12 20:28  为敢技术  阅读(299)  评论(0编辑  收藏  举报