Android 颜色选择器 ColorPicker

Apache
Java
Android
2018-07-17
段弘
ColorPicker 正在参加 2019 年度最受欢迎开源中国软件评选,请投票支持!
ColorPicker 在 2019 年度最受欢迎开源中国软件评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票赢奖品
已投票

ColorPicker

一款标准的Android颜色选择器,使用HSV和透明度选择颜色。

Gradle

dependencies {
    implementation 'com.github.duanhong169:colorpicker:${latestVersion}'
    ...
}

${latestVersion}请替换为当前最新版本号,见 releases.

Usage

使用 ColorPickerPopup

new ColorPickerPopup.Builder(this)
        .initialColor(Color.RED) // Set initial color
        .enableAlpha(true) // Enable alpha slider or not
        .okTitle("Choose")
        .cancelTitle("Cancel")
        .showIndicator(true)
        .showValue(true)
        .build()
        .show(v, new ColorPickerPopup.ColorPickerObserver() {
            @Override
            public void onColorPicked(int color) {
                v.setBackgroundColor(color);
            }

            @Override
            public void onColor(int color, boolean fromUser) {

            }
        });

使用 ColorPickerView

  • 将 ColorPickerView 添加到 layout xml :

<top.defaults.view.ColorPickerView
    android:id="@+id/colorPicker"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:enableAlpha="true"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

查阅 top_defaults_view_color_picker_attrs.xml 了解所有支持的属性。

  • 执行 ColorObserver 并订阅 ColorPickerView 以从 ColorPickerView 接收颜色更新:

colorPickerView.subscribe((color, fromUser) -> {
    // use the color
});

  • 设置初始颜色:

colorPickerView.setInitialColor(0x7F313C93);

  • 重置初始颜色:

colorPickerView.reset();

更详细的使用方法请参见示例。

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Android颜色选择器库

如果您需要使用选择颜色的功能的话, 有2个比较好的颜色选择器开源库可以使用: 1.android-ColorPickerPreference https://github.com/attenzione/android-ColorPickerPreference 这个库有如...

2012/12/18 10:20
2K
0
移动周报:十款最实用的Android UI设计工具

移动应用的UI设计好似达摩克利斯之剑,一方面,体验良好的UI可以加强应用在用户心中的形象和识别性,反之,一个体验糟糕的UI设计可能会使用户产生厌恶感。为此,本文特为广大开发者推荐10款轻...

2013/10/26 08:28
270
1
JQuery调色板插件

官网:http://acko.net/dev/farbtastic 用法: 下载Farbtastic 1.2.zip 1、首先要在页面引用JQuery,然后在页面引用farbtastic.js和farbtastic.css(Include farbtastic.js and farbtastic....

2012/09/17 22:11
397
0
前端取色工具:jcpicker,前端开发工具:Visual Studio Code

jcpicker工具 :http://annystudio.com/software/colorpicker/#jcp-download css 动画库 :https://github.com/daneden/animate.css/blob/master/animate.css......

2018/09/26 09:54
51
0
max插件 练习,第一个杰作,抄帮助文档的。

try(destroyDialog allControls )catch() rollout subRollout1 "Subrollout" ( ) rollout allControls "User Interface Controls" ( angle theAngle "Angle" width:80 across:2 degrees:45 a...

2013/01/22 14:41
10
0
我的chrome extension

Bubble Translate https://chrome.google.com/webstore/detail/jlhlebbhengjlhmcjebbkambaekglhkf IE Tab https://chrome.google.com/webstore/detail/hehijbfgiekmjfkfjpbkbammjbdenadd Smo...

2011/09/15 17:53
92
0
Sublime Text 3快捷键

- **Shift+Enter ** 当前行下方插入新行(原Ctrl+Enter) - **Alt+Up/Down** 移动当前行到上/下方(原Ctrl+Shift+Up/Down) - **Ctrl+X** 剪切当前行 - **Ctrl+Shift+Enter ** 当前行上方插入...

2017/08/16 14:14
7
0
JS获取服务上下文,兼容上下文为空场景

原理很简单,就是根据已知JS路径来确定。 例如:根目录下有/jquery/widget/colorpicker/bi.ui.colorpicker.js 不同情况下,自身的JS路径不同: 上下文为demo: http://ip:port/demo/jquery/w...

2018/06/11 15:47
2
0
8款实用Sublime text 3插件推荐

Sublime Text作为一个尽为人知的代码编辑器,其优点不用赘述。界面整洁美观、文本功能强大,且运行速度极快,非常适合编写代码,写文章做笔记。Sublime Text还支持Mac、Windows和Linux各大平...

2018/04/16 18:15
169
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部