Skip to content

daemon369/ColorPickerView

Repository files navigation

ColorPickerView

A color picker view for Android

Android颜色选择器

Download


使用方法

1. 项目依赖

项目根目录下build.gradle中加入:

allprojects {
    repositories {
        ...
        jcenter()
    }
}

添加依赖:

dependencies {
    implementation 'me.daemon:colorpickerview:x.y.z'
}

将其中的xyz替换为真实版本号: Download

2. 子模块依赖

Palette

implementation 'me.daemon:colorpickerview-palette-pie:x.y.z'

其中xyz替换为真实版本号

Brightness

implementation 'me.daemon:colorpickerview-brightness-simple:x.y.z'

其中xyz替换为真实版本号

Alpha

implementation 'me.daemon:colorpickerview-alpha-simple:x.y.z'

其中xyz替换为真实版本号

3. 使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff00aa00"
    android:clipChildren="false"
    android:gravity="center"
    android:orientation="vertical">

    <me.daemon.colorpicker.ColorPickerView
        android:id="@+id/color_picker"
        android:layout_width="300dp"
        android:layout_height="350dp"
        android:background="@android:color/white"
        app:daemon_cp_alphaEnable="true"
        app:daemon_cp_alphaGravity="bottom|center_horizontal"
        app:daemon_cp_alphaHeight="20dp"
        app:daemon_cp_alphaOffsetY="-5dp"
        app:daemon_cp_alphaWidth="300dp"
        app:daemon_cp_brightnessEnable="true"
        app:daemon_cp_brightnessGravity="bottom|center_horizontal"
        app:daemon_cp_brightnessHeight="20dp"
        app:daemon_cp_brightnessOffsetY="-35dp"
        app:daemon_cp_brightnessWidth="300dp"
        app:daemon_cp_disallowInterceptTouchEvent="true"
        app:daemon_cp_initialColor="#90aa0011"
        app:daemon_cp_paletteGravity="top|center_horizontal"
        app:daemon_cp_paletteOffsetX="-5dp"
        app:daemon_cp_paletteOffsetY="5dp"
        app:daemon_cp_paletteRadius="140dp" />

    <!-- vertical brightness view & alpha view -->
    <me.daemon.colorpicker.ColorPickerView
        android:id="@+id/color_picker_vertical"
        android:layout_width="300dp"
        android:layout_height="350dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:background="@android:color/white"
        app:daemon_cp_alphaEnable="true"
        app:daemon_cp_alphaGravity="left|center_vertical"
        app:daemon_cp_alphaHeight="300dp"
        app:daemon_cp_alphaOffsetX="35dp"
        app:daemon_cp_alphaOffsetY="0dp"
        app:daemon_cp_alphaOrientation="vertical"
        app:daemon_cp_alphaWidth="20dp"
        app:daemon_cp_brightnessEnable="true"
        app:daemon_cp_brightnessGravity="left|center_vertical"
        app:daemon_cp_brightnessHeight="300dp"
        app:daemon_cp_brightnessOffsetX="5dp"
        app:daemon_cp_brightnessOffsetY="0dp"
        app:daemon_cp_brightnessOrientation="vertical"
        app:daemon_cp_brightnessWidth="20dp"
        app:daemon_cp_disallowInterceptTouchEvent="true"
        app:daemon_cp_initialColor="#90aa0011"
        app:daemon_cp_paletteGravity="center_vertical|right"
        app:daemon_cp_paletteOffsetX="-5dp"
        app:daemon_cp_paletteOffsetY="5dp"
        app:daemon_cp_paletteRadius="110dp" />

</LinearLayout>

设置:

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final ColorPickerView colorPickerView = findViewById(R.id.color_picker);
        // set palette painter
        colorPickerView.setPalettePainter(new PalettePiePainter());
        // set alpha painter
        colorPickerView.setAlphaPainter(new AlphaSimplePainter());
        // set brightness painter
        colorPickerView.setBrightnessPainter(new BrightnessSimplePainter());
    }
}