├── .gitignore ├── .idea ├── codeStyles │ └── Project.xml ├── gradle.xml ├── misc.xml ├── runConfigurations.xml └── vcs.xml ├── LICENSE ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── aeolou │ │ └── colorpick │ │ └── ExampleInstrumentedTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── aeolou │ │ │ └── colorpick │ │ │ ├── LogUtils.java │ │ │ ├── ui │ │ │ ├── ColorBarActivity.java │ │ │ └── MainActivity.java │ │ │ └── view │ │ │ └── ColorBarView.java │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ └── ic_launcher_background.xml │ │ ├── layout │ │ ├── activity_color_bar.xml │ │ └── activity_main.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── color_icon_button.png │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xhdpi │ │ ├── color_icon_button.png │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxhdpi │ │ ├── color_icon_button.png │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxxhdpi │ │ ├── color_icon_button.png │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ └── values │ │ ├── attrs.xml │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── aeolou │ └── colorpick │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── preview_image.gif └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/caches 5 | /.idea/libraries 6 | /.idea/modules.xml 7 | /.idea/workspace.xml 8 | /.idea/navEditor.xml 9 | /.idea/assetWizardSettings.xml 10 | .DS_Store 11 | /build 12 | /captures 13 | .externalNativeBuild 14 | .cxx 15 | -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | xmlns:android 14 | 15 | ^$ 16 | 17 | 18 | 19 |
20 |
21 | 22 | 23 | 24 | xmlns:.* 25 | 26 | ^$ 27 | 28 | 29 | BY_NAME 30 | 31 |
32 |
33 | 34 | 35 | 36 | .*:id 37 | 38 | http://schemas.android.com/apk/res/android 39 | 40 | 41 | 42 |
43 |
44 | 45 | 46 | 47 | .*:name 48 | 49 | http://schemas.android.com/apk/res/android 50 | 51 | 52 | 53 |
54 |
55 | 56 | 57 | 58 | name 59 | 60 | ^$ 61 | 62 | 63 | 64 |
65 |
66 | 67 | 68 | 69 | style 70 | 71 | ^$ 72 | 73 | 74 | 75 |
76 |
77 | 78 | 79 | 80 | .* 81 | 82 | ^$ 83 | 84 | 85 | BY_NAME 86 | 87 |
88 |
89 | 90 | 91 | 92 | .* 93 | 94 | http://schemas.android.com/apk/res/android 95 | 96 | 97 | ANDROID_ATTRIBUTE_ORDER 98 | 99 |
100 |
101 | 102 | 103 | 104 | .* 105 | 106 | .* 107 | 108 | 109 | BY_NAME 110 | 111 |
112 | 113 | 114 | 115 | 116 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | 16 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ColorPickDemo 2 | Android 自定义View颜色选择器（ 条形、水平），使用HSV颜色模型实现取色器并反向定位颜色所在位置 3 | ![](https://github.com/Huaireny/ColorPickDemo/blob/master/preview_image.gif) 4 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 29 5 | buildToolsVersion "29.0.2" 6 | defaultConfig { 7 | applicationId "com.aeolou.colorpick" 8 | minSdkVersion 21 9 | targetSdkVersion 29 10 | versionCode 1 11 | versionName "1.0" 12 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | implementation fileTree(dir: 'libs', include: ['*.jar']) 24 | implementation 'androidx.appcompat:appcompat:1.1.0' 25 | implementation 'androidx.constraintlayout:constraintlayout:1.1.3' 26 | testImplementation 'junit:junit:4.12' 27 | androidTestImplementation 'androidx.test.ext:junit:1.1.1' 28 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' 29 | } 30 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile 22 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/aeolou/colorpick/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.aeolou.colorpick; 2 | 3 | import android.content.Context; 4 | 5 | import androidx.test.platform.app.InstrumentationRegistry; 6 | import androidx.test.ext.junit.runners.AndroidJUnit4; 7 | 8 | import org.junit.Test; 9 | import org.junit.runner.RunWith; 10 | 11 | import static org.junit.Assert.*; 12 | 13 | /** 14 | * Instrumented test, which will execute on an Android device. 15 | * 16 | * @see Testing documentation 17 | */ 18 | @RunWith(AndroidJUnit4.class) 19 | public class ExampleInstrumentedTest { 20 | @Test 21 | public void useAppContext() { 22 | // Context of the app under test. 23 | Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext(); 24 | 25 | assertEquals("com.aeolou.colorpick", appContext.getPackageName()); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/aeolou/colorpick/LogUtils.java: -------------------------------------------------------------------------------- 1 | package com.aeolou.colorpick; 2 | 3 | import android.util.Log; 4 | 5 | public class LogUtils { 6 | 7 | public static boolean isDebug = true; 8 | 9 | private final static String APP_TAG = "demoUtils"; 10 | 11 | /** 12 | * 获取相关数据:类名,方法名,行号等.用来定位行
13 | * at cn.utils.MainActivity.onCreate(MainActivity.java:17) 就是用來定位行的代碼
14 | * 15 | * @return [ Thread:main, at 16 | * cn.utils.MainActivity.onCreate(MainActivity.java:17)] 17 | */ 18 | private static String getFunctionName() { 19 | StackTraceElement[] sts = Thread.currentThread().getStackTrace(); 20 | if (sts != null) { 21 | for (StackTraceElement st : sts) { 22 | if (st.isNativeMethod()) { 23 | continue; 24 | } 25 | if (st.getClassName().equals(Thread.class.getName())) { 26 | continue; 27 | } 28 | if (st.getClassName().equals(LogUtils.class.getName())) { 29 | continue; 30 | } 31 | return "[ Thread:" + Thread.currentThread().getName() + ", at " + st.getClassName() + "." + st.getMethodName() 32 | + "(" + st.getFileName() + ":" + st.getLineNumber() + ")" + " ]"; 33 | } 34 | } 35 | return null; 36 | } 37 | 38 | public static void v(String msg) { 39 | if (isDebug) { 40 | Log.v(APP_TAG, getMsgFormat(msg)); 41 | } 42 | } 43 | 44 | public static void v(String tag, String msg) { 45 | if (isDebug) { 46 | Log.v(tag, getMsgFormat(msg)); 47 | } 48 | } 49 | 50 | 51 | public static void d(String msg) { 52 | if (isDebug) { 53 | Log.d(APP_TAG, getMsgFormat(msg)); 54 | } 55 | } 56 | 57 | public static void d(String tag, String msg) { 58 | if (isDebug) { 59 | Log.d(tag, getMsgFormat(msg)); 60 | } 61 | } 62 | 63 | 64 | public static void i(String msg) { 65 | if (isDebug) { 66 | Log.i(APP_TAG, getMsgFormat("kankan"+msg)); 67 | } 68 | } 69 | 70 | public static void i(String tag, String msg) { 71 | if (isDebug) { 72 | Log.i(tag, getMsgFormat("kankan"+msg)); 73 | } 74 | } 75 | 76 | 77 | 78 | public static void w(String msg) { 79 | if (isDebug) { 80 | Log.w(APP_TAG, getMsgFormat(msg)); 81 | } 82 | } 83 | 84 | public static void w(String tag, String msg) { 85 | if (isDebug) { 86 | Log.w(tag, getMsgFormat(msg)); 87 | } 88 | } 89 | 90 | 91 | public static void e(String msg) { 92 | if (isDebug) { 93 | Log.e(APP_TAG, getMsgFormat(msg)); 94 | } 95 | } 96 | 97 | public static void e(String tag, String msg) { 98 | if (isDebug) { 99 | Log.e(tag, getMsgFormat(msg)); 100 | } 101 | } 102 | 103 | /** 104 | * 输出格式定义 105 | */ 106 | private static String getMsgFormat(String msg) { 107 | return msg + " ;" + getFunctionName(); 108 | } 109 | 110 | } 111 | 112 | -------------------------------------------------------------------------------- /app/src/main/java/com/aeolou/colorpick/ui/ColorBarActivity.java: -------------------------------------------------------------------------------- 1 | package com.aeolou.colorpick.ui; 2 | 3 | import androidx.appcompat.app.AppCompatActivity; 4 | 5 | import android.graphics.drawable.ColorDrawable; 6 | import android.os.Bundle; 7 | import android.util.Log; 8 | import android.view.View; 9 | import android.widget.TextView; 10 | 11 | import com.aeolou.colorpick.R; 12 | import com.aeolou.colorpick.view.ColorBarView; 13 | 14 | public class ColorBarActivity extends AppCompatActivity implements View.OnClickListener { 15 | private ColorBarView mCbv_color_pick; 16 | private TextView mTv_text_color_a; 17 | private TextView mTv_text_color_b; 18 | private TextView mTv_text_color_c; 19 | 20 | @Override 21 | protected void onCreate(Bundle savedInstanceState) { 22 | super.onCreate(savedInstanceState); 23 | setContentView(R.layout.activity_color_bar); 24 | initView(); 25 | initListener(); 26 | } 27 | 28 | 29 | private void initView() { 30 | mCbv_color_pick = findViewById(R.id.cbv_color_pick); 31 | mTv_text_color_a = findViewById(R.id.tv_text_color_a); 32 | mTv_text_color_b = findViewById(R.id.tv_text_color_b); 33 | mTv_text_color_c = findViewById(R.id.tv_text_color_c); 34 | mTv_text_color_a.setBackgroundColor(-7601921); 35 | mTv_text_color_c.setBackgroundColor(-16711891); 36 | } 37 | 38 | private void initListener() { 39 | mTv_text_color_a.setOnClickListener(this); 40 | mTv_text_color_b.setOnClickListener(this); 41 | mTv_text_color_c.setOnClickListener(this); 42 | mCbv_color_pick.setOnColorChangerListener(new ColorBarView.OnColorChangeListener() { 43 | @Override 44 | public void onColorChange(int color) { 45 | mTv_text_color_b.setBackgroundColor(color); 46 | Log.i("COLOR_INT", "颜色发生变化" + color); 47 | } 48 | }); 49 | mCbv_color_pick.setCurrentColor(-16711726); 50 | 51 | } 52 | 53 | @Override 54 | public void onClick(View view) { 55 | switch (view.getId()) { 56 | case R.id.tv_text_color_a: 57 | mCbv_color_pick.setCurrentColor(((ColorDrawable) mTv_text_color_a.getBackground()).getColor()); 58 | break; 59 | case R.id.tv_text_color_b: 60 | mCbv_color_pick.setCurrentColor(((ColorDrawable) mTv_text_color_b.getBackground()).getColor()); 61 | break; 62 | case R.id.tv_text_color_c: 63 | mCbv_color_pick.setCurrentColor(((ColorDrawable) mTv_text_color_c.getBackground()).getColor()); 64 | break; 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /app/src/main/java/com/aeolou/colorpick/ui/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.aeolou.colorpick.ui; 2 | 3 | import androidx.appcompat.app.AppCompatActivity; 4 | 5 | import android.content.Intent; 6 | import android.os.Bundle; 7 | import android.view.View; 8 | import android.widget.Button; 9 | 10 | import com.aeolou.colorpick.R; 11 | 12 | public class MainActivity extends AppCompatActivity implements View.OnClickListener { 13 | private Button mBtn_color_bar; 14 | 15 | @Override 16 | protected void onCreate(Bundle savedInstanceState) { 17 | super.onCreate(savedInstanceState); 18 | setContentView(R.layout.activity_main); 19 | initView(); 20 | initListener(); 21 | } 22 | 23 | private void initView() { 24 | mBtn_color_bar = findViewById(R.id.btn_color_bar); 25 | } 26 | 27 | 28 | private void initListener() { 29 | mBtn_color_bar.setOnClickListener(this); 30 | } 31 | 32 | @Override 33 | public void onClick(View view) { 34 | switch (view.getId()) { 35 | case R.id.btn_color_bar: 36 | startActivity(new Intent(MainActivity.this, ColorBarActivity.class)); 37 | break; 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /app/src/main/java/com/aeolou/colorpick/view/ColorBarView.java: -------------------------------------------------------------------------------- 1 | package com.aeolou.colorpick.view; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Bitmap; 6 | import android.graphics.BitmapFactory; 7 | import android.graphics.Canvas; 8 | import android.graphics.Color; 9 | import android.graphics.LinearGradient; 10 | import android.graphics.Paint; 11 | import android.graphics.RectF; 12 | import android.graphics.Shader; 13 | import android.util.AttributeSet; 14 | import android.util.Log; 15 | import android.view.MotionEvent; 16 | import android.view.View; 17 | 18 | import androidx.annotation.Nullable; 19 | 20 | import com.aeolou.colorpick.LogUtils; 21 | import com.aeolou.colorpick.R; 22 | 23 | 24 | /** 25 | * Author: Aeolou 26 | * Date:2020/3/14 0014 27 | * Email:tg0804013x@gmail.com 28 | */ 29 | 30 | public class ColorBarView extends View { 31 | private static int[] colors; 32 | private OnColorChangeListener onColorChangeListener; 33 | 34 | private float width; 35 | private float height; 36 | 37 | //长条宽高 38 | private float barWidth; 39 | private float barHeight; 40 | 41 | //滑块 42 | private int thumbDrawable; 43 | private Bitmap thumbBitmap; 44 | //滑块宽高 45 | private float thumbWidth; 46 | private float thumbHeight; 47 | //滑块当前的位置 48 | private float currentThumbOffset; 49 | //彩色长条开始位置 50 | private float barStartX, barStartY; 51 | 52 | private static int STATUS; 53 | private static final int STATUS_INIT = 0; 54 | //移动了action bar 55 | private static final int STATUS_SEEK = 1; 56 | 57 | //长条画笔 58 | private Paint barPaint; 59 | //滑块画笔 60 | private Paint thumbPaint; 61 | 62 | private int currentColor; 63 | 64 | 65 | public interface OnColorChangeListener { 66 | void onColorChange(int color); 67 | } 68 | 69 | 70 | public ColorBarView(Context context) { 71 | this(context, null); 72 | } 73 | 74 | public ColorBarView(Context context, AttributeSet attrs) { 75 | this(context, attrs, 0); 76 | } 77 | 78 | public ColorBarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 79 | super(context, attrs, defStyleAttr); 80 | init(context); 81 | initCustomAttrs(context, attrs); 82 | initView(); 83 | 84 | } 85 | 86 | private void initView() { 87 | thumbBitmap = BitmapFactory.decodeResource(getResources(), thumbDrawable); 88 | } 89 | 90 | 91 | private void init(Context context) { 92 | //初始化渐变色 93 | initColors(); 94 | STATUS = STATUS_INIT; 95 | barPaint = new Paint(); 96 | barPaint.setAntiAlias(true); 97 | barPaint.setStrokeCap(Paint.Cap.ROUND); 98 | thumbPaint = new Paint(); 99 | thumbPaint.setAntiAlias(true); 100 | thumbPaint.setStrokeCap(Paint.Cap.ROUND); 101 | } 102 | 103 | private void initColors() { 104 | int colorCount = 12; 105 | int colorAngleStep = 360 / colorCount; 106 | colors = new int[colorCount + 1]; 107 | float[] hsv = new float[]{0f, 1f, 1f}; 108 | for (int i = 0; i < colors.length; i++) { 109 | hsv[0] = 360 - (i * colorAngleStep) % 360; 110 | if (hsv[0] == 360) hsv[0] = 359; 111 | colors[i] = Color.HSVToColor(hsv); 112 | } 113 | } 114 | 115 | private void initCustomAttrs(Context context, AttributeSet attrs) { 116 | TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ColorBarView); 117 | if (typedArray != null) { 118 | thumbDrawable = typedArray.getResourceId(R.styleable.ColorBarView_thumbDrawable, R.mipmap.color_icon_button); 119 | barHeight = typedArray.getDimension(R.styleable.ColorBarView_barHeight, 30); 120 | thumbHeight = typedArray.getDimension(R.styleable.ColorBarView_thumbHeight, 80); 121 | typedArray.recycle(); 122 | } 123 | } 124 | 125 | @Override 126 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 127 | setMeasuredDimension(measureWidth(widthMeasureSpec), measureHeight(heightMeasureSpec)); 128 | } 129 | 130 | /** 131 | * 测量高 132 | * 133 | * @param heightMeasureSpec 134 | * @return 135 | */ 136 | private int measureHeight(int heightMeasureSpec) { 137 | int result = 0; 138 | int specMode = MeasureSpec.getMode(heightMeasureSpec); 139 | int specSize = MeasureSpec.getSize(heightMeasureSpec); 140 | if (specMode == MeasureSpec.EXACTLY) { 141 | //精确值模式 142 | result = Math.max(Math.max((int) thumbHeight, (int) barHeight), specSize); 143 | } else if (specMode == MeasureSpec.AT_MOST) { 144 | //最大值模式 145 | result = Math.max((int) thumbHeight, (int) barHeight + getPaddingTop() + getPaddingBottom()); 146 | } else { 147 | result = specSize; 148 | } 149 | 150 | return result; 151 | } 152 | 153 | /** 154 | * 测量高 155 | * 156 | * @param widthMeasureSpec 157 | * @return 158 | */ 159 | private int measureWidth(int widthMeasureSpec) { 160 | int result = 0; 161 | int specMode = MeasureSpec.getMode(widthMeasureSpec); 162 | int specSize = MeasureSpec.getSize(widthMeasureSpec); 163 | if (specMode == MeasureSpec.EXACTLY) { 164 | //精确值模式 165 | result = specSize; 166 | } else if (specMode == MeasureSpec.AT_MOST) { 167 | //最大值模式 168 | result = 200; 169 | } 170 | return result; 171 | } 172 | 173 | 174 | @Override 175 | protected void onSizeChanged(int w, int h, int oldw, int oldh) { 176 | width = w; 177 | height = h; 178 | thumbWidth = thumbHeight * ((float) thumbBitmap.getWidth() / (float) thumbBitmap.getHeight()); 179 | barWidth = width - thumbWidth; 180 | barStartX = thumbWidth / 2;//不从0开始，左右边缘用于显示滑块 181 | barStartY = height / 2 - barHeight / 2; 182 | super.onSizeChanged(w, h, oldw, oldh); 183 | } 184 | 185 | 186 | /** 187 | * 处理点击和滑动事件 188 | * 189 | * @param event 190 | * @return 191 | */ 192 | 193 | @Override 194 | public boolean onTouchEvent(MotionEvent event) { 195 | switch (event.getAction()) {//点击时 196 | case MotionEvent.ACTION_DOWN: 197 | currentThumbOffset = (int) event.getX(); 198 | if (currentThumbOffset <= thumbWidth / 2) currentThumbOffset = thumbWidth / 2 + 1; 199 | if (currentThumbOffset >= barWidth + thumbWidth / 2) 200 | currentThumbOffset = barWidth + thumbWidth / 2; 201 | STATUS = STATUS_SEEK; 202 | break; 203 | //滑动时 204 | case MotionEvent.ACTION_MOVE: 205 | currentThumbOffset = (int) event.getX(); 206 | if (currentThumbOffset <= thumbWidth / 2) currentThumbOffset = thumbWidth / 2 + 1; 207 | if (currentThumbOffset >= barWidth + thumbWidth / 2) 208 | currentThumbOffset = barWidth + thumbWidth / 2; 209 | break; 210 | } 211 | changColor(); 212 | if (onColorChangeListener != null) { 213 | onColorChangeListener.onColorChange(currentColor); 214 | } 215 | invalidate(); 216 | return true; 217 | } 218 | 219 | @Override 220 | protected void onDraw(Canvas canvas) { 221 | drawBar(canvas); 222 | drawThumb(canvas); 223 | super.onDraw(canvas); 224 | } 225 | 226 | /** 227 | * 滑动滑块使颜色发生变化 228 | */ 229 | private void changColor() { 230 | float position = currentThumbOffset - thumbWidth / 2.0f;//当前滑块中心的长度 231 | float colorH = 360 - position / barWidth * 360; 232 | currentColor = Color.HSVToColor(new float[]{colorH, 1.0f, 1.0f}); 233 | } 234 | 235 | 236 | /** 237 | * 获取当前颜色 238 | * 239 | * @return 240 | */ 241 | private int getCurrentColor() { 242 | return currentColor; 243 | } 244 | 245 | /** 246 | * 设置当前颜色 247 | * 248 | * @param currentColor 249 | */ 250 | public void setCurrentColor(int currentColor) { 251 | this.currentColor = currentColor; 252 | if (onColorChangeListener != null) { 253 | onColorChangeListener.onColorChange(currentColor); 254 | } 255 | invalidate(); 256 | } 257 | 258 | /** 259 | * 绘制底部颜色条 260 | * 261 | * @param canvas 262 | */ 263 | private void drawBar(Canvas canvas) { 264 | barPaint.setShader( 265 | new LinearGradient(barStartX, barStartY + barHeight / 2, 266 | barStartX + barWidth, barStartY + barHeight / 2, 267 | colors, null, Shader.TileMode.CLAMP)); 268 | canvas.drawRoundRect(new RectF(barStartX, barStartY, barStartX + barWidth, 269 | barStartY + barHeight), barHeight / 2, barHeight / 2, barPaint); 270 | } 271 | 272 | 273 | /** 274 | * 绘制滑块 275 | * @param canvas 276 | */ 277 | private void drawThumb(Canvas canvas) { 278 | float[] currentColorHSV = new float[3]; 279 | Color.RGBToHSV(Color.red(currentColor), Color.green(currentColor), Color.blue(currentColor), currentColorHSV); 280 | //根据HSV计算颜色所在位置 281 | float position = barWidth * currentColorHSV[0] / 360.0f; 282 | currentThumbOffset = barWidth - position + thumbWidth / 2; 283 | canvas.drawBitmap(thumbBitmap, null, getThumbRect(), thumbPaint); 284 | } 285 | 286 | /** 287 | * 获取滑块所在的矩形区域 288 | */ 289 | private RectF getThumbRect() { 290 | return new RectF(currentThumbOffset - thumbWidth / 2, height / 2 - thumbHeight / 2, 291 | currentThumbOffset + thumbWidth / 2, height / 2 + thumbHeight / 2); 292 | } 293 | 294 | public void setOnColorChangerListener(OnColorChangeListener onColorChangerListener) { 295 | this.onColorChangeListener = onColorChangerListener; 296 | } 297 | 298 | } 299 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 12 | 13 | 19 | 22 | 25 | 26 | 27 | 28 | 34 | 35 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_color_bar.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 21 | 22 | 30 | 31 | 39 | 40 | 48 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 |