美文网首页
颜色选择器

颜色选择器

作者: championfu | 来源:发表于2022-06-02 13:56 被阅读0次

自iOS13之后,苹果加入大量的UI类。以前我就抱怨过苹果的UI控件少,API死板的问题。

iOS出现了两个UI类是关于颜色选择的。颜色选择的应用场景其实挺多的。如果自己去写也是可以的,但现在有现成的,功能设计又非常好,为什么不用呢?

UIColorWell

UIColorWell是一个继承UIControl的视图,它不能调整大小和UISwitch类似,大小大约是44*44。点击可弹出一个选择颜色的弹窗

属性

///弹窗的标题栏
@property (nullable, nonatomic, copy) NSString *title;

///是否支持调整透明度
@property (nonatomic) BOOL supportsAlpha;

///选中的颜色,因为是继承UIControl所以可以添加UIControlEventValueChanged类型的Event事件去监听颜色改变,同时也支持KVO
@property (nullable, nonatomic, strong) UIColor *selectedColor;

UIColorPickerViewController

UIColorPickerViewController是一个继承UIViewController的视图控制器,相比于UIColorWell,它支持协议委托去监听颜色的改变和完成两个状态,iOS15时还会监听颜色变化的持续状态

协议

UIColorPickerViewControllerDelegate

///监听颜色变化

- (void)colorPickerViewController:(UIColorPickerViewController *)viewController
                   didSelectColor:(UIColor *)color
                     continuously:(BOOL)continuously API_AVAILABLE(ios(15.0));

///监听动作完成

- (void)colorPickerViewControllerDidFinish:(UIColorPickerViewController *)viewController;
属性
@property (nullable, weak, nonatomic) id<UIColorPickerViewControllerDelegate> delegate;

///和UIColorWell类似,支持KVO
@property (strong, nonatomic) UIColor *selectedColor;

///是否支持颜色透明化
@property (nonatomic) BOOL supportsAlpha;

相关文章

  • 时间选择器 UIDatePicker

    改变时间选择器颜色及选中字体颜色 选中方法

  • 科研配色

    打开mac 自带的颜色选择器可以选择颜色image.png

  • android绘图看这篇就够了

    1、基础必备知识 Android 颜色渲染(一) 颜色选择器 ColorPickerDialog剖析 Androi...

  • HTML5和CSS3新增内容

    CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 颜色:新增RGBA,HSL...

  • Element ColorPicker 颜色选择器绑定值valu

    场景:根据后端返回数据列表,动态生成多个颜色选择器,并在用户设置后,返回颜色选择器设置的值。 1.最初思路 1)请...

  • 轻量级JavaScript(JS) HSLA颜色选择器

    有时候我们需要一个颜色选择器让用户在某个对象上自定义颜色,这里我们实现一个简单的小型的js,交互式的颜色选择器。 ...

  • 颜色选择器

    自iOS13之后,苹果加入大量的UI类。以前我就抱怨过苹果的UI控件少,API死板的问题。 iOS出现了两个UI类...

  • 颜色拾取快捷方法(无需颜色选择器)

    经常看到有朋友问“是否有好用的颜色选择器推荐”,但我们拾取色值并不一定要用颜色选择器,这里我推荐一个特别好用颜色拾...

  • CSS之颜色

    前面我们讲完了css选择器,接下来说说如何使用选择器吧,给我们的网页添加上多姿多彩的颜色吧。 一,颜色 1.RGB...

  • CS

    1、CSS标准 2、css选择器 3、CSS选择器的优点: 4、CSS引用方式: 5、颜色定义: 6、Font字体...

网友评论

      本文标题:颜色选择器

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