Android选色器笔记

最新推荐文章于 2024-08-26 07:14:49 发布
最新推荐文章于 2024-08-26 07:14:49 发布
阅读量498 收藏
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63538059/article/details/128491342
版权

颜色选择器 RGB 16进制 SeekBar Android开发
关键词由CSDN通过智能技术生成

   

目录

序言

代码zip,apk包

什么是颜色

颜色的表示方式

颜色的取值范围

 16进制颜色码取值范围

RGB颜色吗的取值范围

代码结构

  具体代码(仅供参考)

        MainActivity.java

Localargb.java

main.xml

序言

    由于自己最近由迷上了网页的制作，所以就一直在搞自己的网页http://whitebear.site/(，大家可以去我的网页看一下，提一下宝贵意见。)没有心思学习java。昨天灵机一动，想着得复习复习java了(就是想把自己想写但又懒得写的一个app给完成了)，所以脑袋一热就把这个 选色器 给完成了。

代码zip,apk包

zip,apk包https://github.com/Gshihao/Android-icon-default.png?t=MBR7https://github.com/Gshihao/Android-

83fb17100860462782be1d1026444aeb.jpg

       写这篇文章纯粹是自己为了记录一下，里面的功能很简单，就是一跨自己用的工具。勿喷。

什么是颜色

        既然我们想写一个选择器，里面肯定牵扯到颜色，颜色是由三原色（色光的三原色：红、绿、蓝，色料或颜料的三原色：黄、品红、青）组成的，三原色的色光以不同的比例相加，以产生多种多样的色光，即不同的颜色组成的。(自己查询的) 而这三色光就分别对应了三个值r(红色) g(绿色) b(蓝色)，最后还有一个a表示透明度。

颜色的表示方式

    颜色的表示方式有三种，

  • 颜色的英文名称，如red红色等
  • 16进制颜色代码如#RRGGBB  格式为 #AARRGGBB (AA可以不写)
  • 10进制RGB码 如(RRR,GGG,BBB) 格式如此。

颜色的取值范围

 16进制颜色码取值范围

16进制与10进制的数不同，16进制的数为0-9加a-f，具体内容可自行搜索。

RGB颜色吗的取值范围

  RGB的取值数字为0-255，至于为什么是255，可以自己去搜索

代码结构

我们只要是通过界面上4个SeekBar来调节颜色的取值，把最大值设为255，每次滑动时(数值改变)，我们可以通过调用Integer.toHexString()，来把10进制数来转换成16进制的数，并把他们组合起来，前面添加一个#，然后可以在界面上添加一个线性布局来展示颜色，每次一滑动就把组合后的颜色重新设置。

这里有一个小注意，就是大家可以把Integer.toHexString();单独放到一个方法里面，因为如果转换比10小的的数，他就会输出一位，我们需要单独在里面添加一个0

  具体代码(仅供参考)

       MainActivity.java

package com.mycompany.myappyanse;

import android.app.*;
import android.os.*;
import android.widget.*;
import android.content.*;
import android.graphics.*;
import android.content.ClipboardManager;
import android.view.*;
import android.net.*;

public class MainActivity extends Activity 
{
	private TextView seA;
	private TextView seR;
	private TextView seG;
	private TextView seB;
	private SeekBar sA;
	private SeekBar sR;
	private SeekBar sG;
	private SeekBar sB;
	private Context context;
	private String zA="FF",zR="FF",zG="FF",zB="FF";
	private int zaA=255,zaR=255,zaG=255,zaB=255;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
	    context=MainActivity.this;
		
		Localargb io=new Localargb();
		Agetshu(); //A
		Rgetshu();//R
		Ggetshu();//G
		Bgetshi();//B
		meena();
    }

	@Override
	public boolean onCreatePanelMenu(int featureId, Menu menu)
	{
		menu.add(1,1,1,"介绍");
		menu.add(2,2,2,"更多");
		menu.add(3,3,3,"退出");
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item)
	{
		// TODO: Implement this method
		int id=item.getItemId();
		switch(id){
			case 1:
			    Intent intenta = new Intent();
		        intenta.setClass(MainActivity.this,Jieshao.class);
		        startActivity(intenta);
			    break;
			case 2:
				Uri uri = Uri.parse("http://whitebear.site/");		
                Intent intent  = new Intent(Intent.ACTION_VIEW, uri);
				startActivity(intent);
				//startActivity(new Intent(MainActivity.this,Jieshao.class));
				break;
			case 3:
				this.finish();
		}
		return true;
	}

	private void meena()
	{
		//
		
	}
    public void jkl(View view){
		//复制颜色 16进制
     ClipboardManager cm = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE);
     cm.setText("#"+zA+zR+zG+zB);
	 Toast.makeText(context,"已复制到剪切板",Toast.LENGTH_LONG).show();
	
	
	}
	public void rgba(View view ){
		ClipboardManager cm = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE);
        cm.setText(zaR+","+zaG+","+zaB+","+zaA);
		Toast.makeText(context,"已复制到剪切板",Toast.LENGTH_LONG).show();
	
	}
	private void setback()
	{
		String zong="#"+zA+zR+zG+zB;
		LinearLayout op=findViewById(R.id.mainLinearLayout1a);
		TextView kl=findViewById(R.id.mainTextView1iokj);
		kl.setText(""+zong);
		op.setBackgroundColor(Color.parseColor(zong));
		//op.setBackgroundColor(Color.parseColor(zong));
		rgbys();
	}

	private void rgbys()
	{
		TextView as=findViewById(R.id.mainTextView1iokjyu);
		as.setText("("+zaR+","+zaG+","+zaB+","+zaA+")");
	}

	private void Bgetshi()
	{
		// TODO: 获取B的值
		sB=findViewById(R.id.mainSeekBar1B);
		seB=findViewById(R.id.mainTextView1B);
		sB.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener(){

				@Override
				public void onProgressChanged(SeekBar param1SeekBar, int param1Int, boolean param1Boolean)
				{
					// TODO: Implement this method
					zB=Localargb.getA(param1Int);
					zaB=param1Int;
					seB.setText(Localargb.getA(param1Int));
					setback();
				}

				@Override
				public void onStartTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}

				@Override
				public void onStopTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}
			});
	}

	private void Ggetshu()
	{
		// TODO: 获取G的值
		sG=findViewById(R.id.mainSeekBar1G);
		seG=findViewById(R.id.mainTextView1G);
		sG.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener(){

				@Override
				public void onProgressChanged(SeekBar param1SeekBar, int param1Int, boolean param1Boolean)
				{
					// TODO: Implement this method
					zaG=param1Int;
					zG=Localargb.getA(param1Int);
					seG.setText(Localargb.getA(param1Int));
					setback();
				}

				@Override
				public void onStartTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}

				@Override
				public void onStopTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}
			});
	}

	private void Rgetshu()
	{
		// TODO: 获取R的值
		sR=findViewById(R.id.mainSeekBar1R);
		seR=findViewById(R.id.mainTextView1R);
		sR.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener(){

				@Override
				public void onProgressChanged(SeekBar param1SeekBar, int param1Int, boolean param1Boolean)
				{
					// TODO: Implement this method
					zaR=param1Int;
					zR=Localargb.getA(param1Int);
					seR.setText(Localargb.getA(param1Int));
					setback();
				}

				@Override
				public void onStartTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}

				@Override
				public void onStopTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}
			});
	}

	private void Agetshu()
	{
		//获取A的值
		sA=findViewById(R.id.mainSeekBar1A);
		seA=findViewById(R.id.mainTextView1a);
		sA.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener(){

				@Override
				public void onProgressChanged(SeekBar param1SeekBar, int param1Int, boolean param1Boolean)
				{
					// TODO: Implement this method
					zaA=param1Int;
					zA=Localargb.getA(param1Int);
					seA.setText(Localargb.getA(param1Int));
					setback();
				}

				@Override
				public void onStartTrackingTouch(SeekBar param1SeekBar)
				{
					//点击时
					
				}

				@Override
				public void onStopTrackingTouch(SeekBar param1SeekBar)
				{
					// TODO: Implement this method
					
				}
			});
	}
	
}

  可能自己写的比较乱，但是流程就是那么个流程

  Localargb.java

package com.mycompany.myappyanse;
import java.util.*;

public class Localargb
{
	public static String getA(int a){
		if(a <16 ){
			return "0"+Integer.toHexString(a);
		}
		return Integer.toHexString(a);
	}
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:gravity="center">

	<LinearLayout
		android:orientation="vertical"
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:gravity="top|center"
		android:id="@+id/mainTextView1jsj">

		<LinearLayout
			android:orientation="horizontal"
			android:layout_width="150dp"
			android:layout_height="150dp"
			android:layout_marginTop="100dp"
			android:background="#FF2DDCA7"
			android:id="@+id/mainLinearLayout1a">

		</LinearLayout>

		<LinearLayout
			android:orientation="vertical"
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:layout_margin="25dp"
			android:padding="10dp">

			<LinearLayout
				android:orientation="horizontal"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="16进制:"/>

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:id="@+id/mainTextView1iokj"
					android:onClick="jkl"/>

			</LinearLayout>

			<LinearLayout
				android:orientation="horizontal"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_marginTop="10dp">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="RGB:"/>

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:id="@+id/mainTextView1iokjyu"
					android:onClick="rgba"/>

			</LinearLayout>

			<TextView
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="注:点击颜色值即可复制"
				android:textAppearance="?android:attr/textAppearanceSmall"
				android:layout_marginTop="10dp"/>

		</LinearLayout>

		<LinearLayout
			android:orientation="vertical"
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:layout_marginTop="0dp"
			android:layout_marginLeft="20dp"
			android:layout_marginRight="20dp"
			android:gravity="center"
			android:padding="10dp">

			<LinearLayout
				android:orientation="horizontal"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_margin="10dp">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="A:"/>

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="0"
					android:id="@+id/mainTextView1a"/>

				<SeekBar
					android:layout_width="match_parent"
					android:layout_height="match_parent"
					android:id="@+id/mainSeekBar1A"
					android:max="255"/>

			</LinearLayout>

			<LinearLayout
				android:orientation="horizontal"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_margin="10dp">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="R:"/>

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="0"
					android:id="@+id/mainTextView1R"/>

				<SeekBar
					android:layout_width="match_parent"
					android:layout_height="match_parent"
					android:id="@+id/mainSeekBar1R"
					android:max="255"/>

			</LinearLayout>

			<LinearLayout
				android:orientation="horizontal"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_margin="10dp">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="G:"/>

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="0"
					android:id="@+id/mainTextView1G"/>

				<SeekBar
					android:layout_width="match_parent"
					android:layout_height="match_parent"
					android:id="@+id/mainSeekBar1G"
					android:max="255"/>

			</LinearLayout>

			<LinearLayout
				android:orientation="horizontal"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_margin="10dp">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="B:"/>

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="0"
					android:id="@+id/mainTextView1B"/>

				<SeekBar
					android:layout_width="match_parent"
					android:layout_height="match_parent"
					android:id="@+id/mainSeekBar1B"
					android:max="255"/>

			</LinearLayout>

			<LinearLayout
				android:orientation="vertical"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content">

				<TextView
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:text="白熊出品"/>

			</LinearLayout>

		</LinearLayout>

		<LinearLayout
			android:orientation="horizontal"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"/>

	</LinearLayout>

</LinearLayout>

@*SHAO
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
完美的android颜色选择器
03-20
1 颜色选择器 有颜色区域可以点，有色调拖动条，可以选择透明度 2 颜色选择器为Preferences组件，颜色值还可以在Preferences中预览。 3 记录了old & new 颜色
Android之 颜色选择器
qq_29848853的博客
04-22 3348
颜色选择器
AS| （六）Color Picker 颜色选择器/取色器
codeSong的博客
07-08 164
Color Picker 颜色选择器/取色器
Android颜色选择器
忆璇的博客
01-26 822
Android颜色选择器，弹框提示选择颜色。点击或者滑动圆环和底部横向渐变色调整颜色，中间圆圈的颜色就是最终选中的颜色。
关于安卓颜色选择器的使用（一）
motosheep的博客
03-21 698
安卓颜色选择器
Android自定义view实现图片选色器
08-27
Android自定义View实现图片选色器 Android自定义View实现图片选色器是Android开发中的一种常见需求，通过自定义View可以实现图片选色器，达到选取圆盘选色图片上的颜色的功能。本文将详细介绍Android自定义View实现...
取色选色器
01-15
标题提到的“取色选色器”是一款专门针对这一需求而设计的工具，它能够帮助用户精确地选取和获取屏幕上任何位置的颜色值，以用于网页设计、图形编辑或软件开发等场景。这款工具尤其适合前端开发者，他们在编写代码时...
html 选色器
07-15
HTML 选色器是一种工具，它允许用户在网页或应用程序的界面上轻松选取颜色，并获取该颜色的代码值，如RGB、HEX或HSL等。这种工具在设计、前端开发以及任何涉及到颜色管理和配色的工作中都非常实用。在本文中，我们将...
Android取色器 调色板 颜色选择器
02-14
采用kotlin代码实现，代码简单易懂，采用接口...1、支持点击选色，滑动选色，且支持实时预览 2、颜色分解为Alpha及RGB 四通道 更加直观 3、支持4通道分别调色，精准到每个维度，每个色值 4、输出支持十六进制及RGB通道
探索Android色彩选择器：`android-ColorPickerPreference`
gitblog_00055的博客
04-13 507
探索Android色彩选择器：android-ColorPickerPreference android-ColorPickerPreferenceColorPickerPreference for android to create color picker in preferences. Project created as Library项目地址:https://gitcode.com/g...
Android颜色选择器大全
12-27
android颜色选择器，里面包含4中颜色选择器样式
Android 颜色选择器(ColorPicker)
chuquyu4957的博客
06-28 618
转自：http://www.iteye.com/topic/1119586 因为画图板中需要使用颜色选择器. 去查了下api demo, 发现有现成的ColorPickerDialog,但是功能比较简单, 主要是无法选择黑色和白色. 之后也去网上找了下, 倒是发现了几个, 但是用着感觉不太好...
Android 自定义View颜色选择器（ 条形、水平），使用HSV颜色模型实现取色器并反向定位颜色所在位置
tg_0804的博客
03-16 2604
轻松实现一个简单的Android条形水平颜色选择器，可以通过设置颜色值反向定位滑块 Demo地址： 效果图： 先贴完整代码： /** * Author: Aeolou * Date:2020/3/14 0014 * Email:tg0804013x@gmail.com */ public class ColorBarView extends View { priva...
Android上一种用于选择颜色的控件（颜色选择器）
weixin_44305322的博客
07-31 3301
目录引言核心代码控件整体代码demo 引言 最近在做一个项目时其中有一个需求–自定义灯光颜色。要求通过手机端控制灯光颜色，手机端预设五种颜色及用户可自定义颜色。在百度上搜索找到一个开源的色环控件ColorPickerView，可实现颜色的自定义，效果如图1。给客户看了效果后，客户不是很满意，客户想要类似于UI设计中色相环那样的效果，如图2。 既然客户要求了，那就必须得按客户要求来做。开始做，第...
Android颜色选择器（Android-Color-Picker）使用教程
最新发布
gitblog_00718的博客
08-26 348
Android颜色选择器（Android-Color-Picker）使用教程 Android-Color-PickerColor picker for Android项目地址:https://gitcode.com/gh_mirrors/and/Android-Color-Picker 1. 项目目录结构及介绍 项目Android-Color-Picker基于GitHub仓库地址：https:/...
android 颜色选择 xml,Android颜色选择器 ColorPicker
weixin_35094077的博客
05-26 1418
ColorPickerAndroid颜色选择器。通过基于HSV颜色空间的调色盘和滑块来选择颜色，支持透明度值选择。 Gradledependencies {implementation 'com.github.duanhong169:colorpicker:${latestVersion}'...}将上方的${latestVersion}替换为当前最新的版本号，最新版本号参见releases。使...
推荐一个Android颜色选择器的库colorpicker
小陈的博客
08-10 8396
Android中需要用户选择或自定义一个颜色时，可以使用该开源库，此库界面美观，清新，也很好用，所以推荐使用。效果： 有两种模式可选，TYPE_CUSTOM和TYPE_PRESETS，默认两种模式都是允许的。使用方法 1 gradle中加入 compile 'com.jrummyapps:colorpicker:2.1.6' 2 在fragment或acitivity中使用。 public s
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@*SHAO

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值