`

颜色选择器

 
阅读更多



 

ColorPick.java

public class ColorPickerPreference extends DialogPreference {
	private int mInitialColor;
	private int mCurrentColor;
	private ColorPickerView colorPickerView;

	public interface OnColorChangedListener {
		void colorChanged(int color);
	}

	public ColorPickerPreference(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public ColorPickerPreference(Context context, AttributeSet attrs,
			int defStyle) {
		super(context, attrs, defStyle);
	}

	@Override
	protected void onDialogClosed(boolean positiveResult) {
		if (positiveResult) {
			mCurrentColor = colorPickerView.getColor();
			System.out.println("当前选中的颜色:" + mCurrentColor);
			// 将颜色保存到SharedPreferences
			SharedPreferences sp = getContext().getApplicationContext()
					.getSharedPreferences("mycolor", Context.MODE_PRIVATE); // 获得Preferences
			Editor editor = sp.edit();
			editor.putInt(getKey(), mCurrentColor);
			editor.commit();
			callChangeListener(new Integer(mCurrentColor));
		}
	}

	@Override
	protected void onPrepareDialogBuilder(Builder builder) {
		super.onPrepareDialogBuilder(builder);

		OnColorChangedListener onColorChangedListener = new OnColorChangedListener() {
			public void colorChanged(int color) {
				mCurrentColor = color;
				onDialogClosed(true);
				getDialog().dismiss();
			}
		};

		SharedPreferences prefs = getPreferenceManager().getSharedPreferences();
		mInitialColor = prefs.getInt(getKey(), Color.LTGRAY);
		LinearLayout layout = new LinearLayout(getContext());
		layout.setPadding(20, 20, 20, 20);
		layout.setOrientation(LinearLayout.VERTICAL);
		colorPickerView = new ColorPickerView(getContext(),
				onColorChangedListener, mInitialColor);
		LinearLayout.LayoutParams params1 = new LinearLayout.LayoutParams(
				LinearLayout.LayoutParams.WRAP_CONTENT,
				LinearLayout.LayoutParams.WRAP_CONTENT);
		params1.gravity = Gravity.CENTER;
		colorPickerView.setLayoutParams(params1);
		layout.addView(this.colorPickerView);
		layout.setId(android.R.id.widget_frame);
		builder.setView(layout);
	}

	/**
	 * 颜色选择面板
	 * 
	 * @author lilin
	 * @date 2011-9-15 下午03:54:27
	 * @ClassName: ColorPickerView
	 * @Description: TODO
	 */
	private static class ColorPickerView extends View {
		private Paint mPaint;
		private Paint mCenterPaint;
		private Paint mHSVPaint;
		private final int[] mColors;
		private int[] mHSVColors;
		private boolean mRedrawHSV;
		private OnColorChangedListener mListener;

		ColorPickerView(Context c, OnColorChangedListener l, int color) {
			super(c);
			mListener = l;
			mColors = new int[] { 0xFFFF0000, 0xFFFF00FF, 0xFF0000FF,
					0xFF00FFFF, 0xFF00FF00, 0xFFFFFF00, 0xFFFF0000 };
			Shader s = new SweepGradient(0, 0, mColors, null);

			mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
			mPaint.setShader(s);
			mPaint.setStyle(Paint.Style.STROKE);
			mPaint.setStrokeWidth(55);

			mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
			mCenterPaint.setColor(color);
			mCenterPaint.setStrokeWidth(5);

			mHSVColors = new int[] { 0xFF000000, color, 0xFFFFFFFF };

			mHSVPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
			mHSVPaint.setStrokeWidth(10);

			mRedrawHSV = true;
		}

		private boolean mTrackingCenter;
		private boolean mHighlightCenter;

		public int getColor() {
			return mCenterPaint.getColor();
		}

		@Override
		protected void onDraw(Canvas canvas) {
			float r = CENTER_X - mPaint.getStrokeWidth() * 0.5f;

			canvas.translate(CENTER_X, CENTER_X);
			int c = mCenterPaint.getColor();

			if (mRedrawHSV) {
				mHSVColors[1] = c;
				mHSVPaint.setShader(new LinearGradient(-100, 0, 100, 0,
						mHSVColors, null, Shader.TileMode.CLAMP));
			}

			canvas.drawOval(new RectF(-r, -r, r, r), mPaint);
			canvas.drawCircle(0, 0, CENTER_RADIUS, mCenterPaint);
			canvas.drawRect(new RectF(-100, 130, 100, 110), mHSVPaint);

			if (mTrackingCenter) {
				mCenterPaint.setStyle(Paint.Style.STROKE);

				if (mHighlightCenter) {
					mCenterPaint.setAlpha(0xFF);
				} else {
					mCenterPaint.setAlpha(0x80);
				}
				canvas.drawCircle(0, 0, CENTER_RADIUS
						+ mCenterPaint.getStrokeWidth(), mCenterPaint);

				mCenterPaint.setStyle(Paint.Style.FILL);
				mCenterPaint.setColor(c);
			}

			mRedrawHSV = true;
		}

		@Override
		protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
			setMeasuredDimension(CENTER_X * 2, (CENTER_Y + 25) * 2);
		}

		private static final int CENTER_X = 100;
		private static final int CENTER_Y = 100;
		private static final int CENTER_RADIUS = 30;

		private int ave(int s, int d, float p) {
			return s + java.lang.Math.round(p * (d - s));
		}

		private int interpColor(int colors[], float unit) {
			if (unit <= 0) {
				return colors[0];
			}
			if (unit >= 1) {
				return colors[colors.length - 1];
			}

			float p = unit * (colors.length - 1);
			int i = (int) p;
			p -= i;

			// now p is just the fractional part [0...1) and i is the index
			int c0 = colors[i];
			int c1 = colors[i + 1];
			int a = ave(Color.alpha(c0), Color.alpha(c1), p);
			int r = ave(Color.red(c0), Color.red(c1), p);
			int g = ave(Color.green(c0), Color.green(c1), p);
			int b = ave(Color.blue(c0), Color.blue(c1), p);

			return Color.argb(a, r, g, b);
		}

		private static final float PI = 3.1415926f;

		@Override
		public boolean onTouchEvent(MotionEvent event) {
			float x = event.getX() - CENTER_X;
			float y = event.getY() - CENTER_Y;
			boolean inCenter = java.lang.Math.sqrt(x * x + y * y) <= CENTER_RADIUS;

			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				mTrackingCenter = inCenter;
				if (inCenter) {
					mHighlightCenter = true;
					invalidate();
					break;
				}
			case MotionEvent.ACTION_MOVE:
				if (mTrackingCenter) {
					if (mHighlightCenter != inCenter) {
						mHighlightCenter = inCenter;
						invalidate();
					}
				} else if ((x >= -100 & x <= 100) && (y <= 130 && y >= 110)) // see
				// if
				// we're
				// in
				// the
				// hsv
				// slider
				{
					int a, r, g, b, c0, c1;
					float p;

					// set the center paint to this color
					if (x < 0) {
						c0 = mHSVColors[0];
						c1 = mHSVColors[1];
						p = (x + 100) / 100;
					} else {
						c0 = mHSVColors[1];
						c1 = mHSVColors[2];
						p = x / 100;
					}

					a = ave(Color.alpha(c0), Color.alpha(c1), p);
					r = ave(Color.red(c0), Color.red(c1), p);
					g = ave(Color.green(c0), Color.green(c1), p);
					b = ave(Color.blue(c0), Color.blue(c1), p);

					mCenterPaint.setColor(Color.argb(a, r, g, b));

					mRedrawHSV = false;
					invalidate();
				} else {
					float angle = (float) java.lang.Math.atan2(y, x);
					// need to turn angle [-PI ... PI] into unit [0....1]
					float unit = angle / (2 * PI);
					if (unit < 0) {
						unit += 1;
					}
					mCenterPaint.setColor(interpColor(mColors, unit));
					invalidate();
				}
				break;
			case MotionEvent.ACTION_UP:
				if (mTrackingCenter) {
					if (inCenter) {
						mListener.colorChanged(mCenterPaint.getColor());
					}
					mTrackingCenter = false; // so we draw w/o halo
					invalidate();
				}
				break;
			}
			return true;
		}
	}
}

 

Main.java

public class Main extends PreferenceActivity {
	Button button;
	SharedPreferences sp;
	ListView listView;
	LinearLayout linearLayout;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		addPreferencesFromResource(R.xml.preference);
		setContentView(R.layout.main);
		button = (Button) findViewById(R.id.button);
		listView = new ListView(this);
		linearLayout = (LinearLayout) findViewById(R.id.line11);
		getColor();

	}

	public void getColor() {
		sp = getApplicationContext().getSharedPreferences("mycolor",
				Context.MODE_PRIVATE); // 获得Preferences
		int color = sp.getInt("mycolor", 0);
		String string = String.valueOf(color);
		button.setText(string);
		button.setTextColor(color);
		listView.setBackgroundColor(color);
		linearLayout.setBackgroundColor(color);
	}


}

 

  • 大小: 36.3 KB
分享到:
评论

相关推荐

    HTML颜色选择器

    在给定的部分代码中,我们可以看到一个简单的颜色选择器实现方式: 1. **使用`&lt;object&gt;`标签引入外部组件**:代码中的`&lt;object&gt;`标签加载了一个名为`dlgHelper`的对象,这个对象可能是用来创建颜色选择对话框的...

    WPF颜色选择器

    **WPF颜色选择器** 在Windows Presentation Foundation (WPF) 中,颜色选择器是一个非常有用的控件,允许用户直观地选取所需的颜色。WPF的颜色选择器通常被用于UI设计,以便用户可以自由调整应用程序界面的颜色或者...

    重新实现的Qt颜色选择器

    【标题】:“重新实现的Qt颜色选择器”深入解析 在Qt框架中,`QColorDialog`是一个重要的组件,用于创建一个用户界面,允许用户选择颜色。本篇将详细探讨如何重新实现这个颜色选择器,以及它在实际开发中的应用。 ...

    完美的android颜色选择器

    在Android开发中,颜色选择器(ColorPicker)是不可或缺的一部分,尤其在用户界面设计和个性化设置上起到关键作用。一个完善的Android颜色选择器应该具备多种功能,如选择颜色区域、调整色调、设置透明度等,以满足...

    Qt 颜色选择器

    在Qt框架中,颜色选择器是一种用户界面组件,允许用户从丰富的颜色库中选择颜色,或者自定义新的颜色。这个特定的"Qt颜色选择器"实现了HSV(色相、饱和度、值)色彩模型,并且增加了对不透明度(或称 alpha 通道)的...

    基于easyui-textbox的颜色选择器及源码

    在IT行业中,前端开发是至关重要的一环,而用户体验的优化往往体现在细节上,如颜色选择器的使用。本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 ...

    颜色选择器 js js颜色选择器

    在网页设计中,颜色选择器是一个非常重要的工具,它允许用户在前端界面选取所需的颜色,以便于设置背景、文本、边框等元素的颜色。在JavaScript(JS)中实现颜色选择器,可以提供用户友好的交互体验,使得网页设计...

    Android studio项目颜色选择器

    在这个特定的项目"Android Studio项目颜色选择器"中,我们关注的是一个用于用户选择颜色的组件,它具备多语言支持、屏幕旋转适应以及尺寸调整的能力。 颜色选择器在许多应用中都是一个重要的组成部分,例如设计工具...

    Android颜色选择器大全

    在Android开发中,颜色选择器(Color Picker)是用户界面中的一个重要组件,它允许用户从预设的颜色选项中选择一种,或者自定义颜色。本文将详细介绍Android颜色选择器的种类、实现方式以及如何在项目中集成这4种...

    untiy颜色选择器,像自带的颜色选择器一样选择颜色

    untiy颜色选择器,像自带的颜色选择器一样选择颜色

    wpf-颜色选择器-office word中的样子

    在Windows Presentation Foundation (WPF) 中,开发人员可以创建丰富的用户界面,其中包括各种控件,如颜色选择器。本主题将深入探讨如何实现一个类似Microsoft Office Word中的颜色选择器,以便用户能方便地选取和...

    颜色选择器colorPicker

    "颜色选择器colorPicker"是一个基于ASP.NET的CSS颜色编辑工具,主要针对前端开发者和UI设计师,用于方便地选取和编辑颜色。这个控件能够帮助用户在网页设计中精确地控制元素的颜色,提升用户体验和界面美观度。它...

    Extjs颜色选择器选择器

    在ExtJS中,颜色选择器(Color Picker)是一个常见的组件,用于让用户在多种颜色中选择一种。本实例中的"Extjs颜色选择器"提供了一个完整的实现,方便开发者直接在项目中使用。 在描述中提到的"ColorField.html"...

    颜色选择器代码

    颜色选择器是网页开发中常用的一种交互元素,用于让用户在界面上选取颜色。在这个名为"颜色选择器代码"的资源中,包含有实现颜色选择功能的JavaScript(js)和Java Server Pages(jsp)代码,方便开发者直接引入到...

    一个用WPF写的颜色选择器

    标题中的“一个用WPF写的颜色选择器”指的是使用Windows Presentation Foundation (WPF)这一Microsoft的UI框架开发的颜色选择用户界面组件。WPF是.NET Framework的一部分,它提供了丰富的图形渲染能力,使得开发者...

    C# WinForm开发的颜色选择器控件,支持透明度。

    在这个特定的项目中,我们讨论的是一个自定义的控件——颜色选择器,它特别强调了对透明度的支持。这样的控件在设计界面时非常有用,特别是在需要用户自定义色彩,例如在图像编辑、绘图软件或者任何需要调整颜色属性...

    Android RGB颜色选择器

    本篇将深入探讨如何在Android平台上实现一个RGB颜色选择器。 首先,我们需要理解RGB颜色模型。RGB模型基于加色混合原理,即红、绿、蓝三种颜色的光按不同比例混合可以产生所有可见颜色。每种颜色的值范围通常在0到...

    网页颜色选择器

    网页颜色选择器是一种工具,它允许用户在网页设计或开发过程中选取特定的颜色,用于设置文本、背景、边框等元素的颜色。颜色选择器通常配备有多种界面和功能,以帮助用户方便地找到理想的颜色组合。在网页设计中,...

    android 颜色选择器

    在Android开发中,颜色选择器(ColorPicker)是一种常见的用户界面元素,允许用户从预设的颜色集合中选择或自定义颜色。它广泛应用于各种场景,如设置应用主题、选择文字颜色、绘制工具等。本篇文章将深入探讨...

    颜色选择器(bigColorpicker)

    《颜色选择器——bigColorpicker深度解析》 在网页设计中,颜色选择器是一个不可或缺的交互元素,它允许用户在多种色彩中选取所需的颜色。本文将深入探讨名为"bigColorpicker"的颜色选择器,它是基于jQuery、...

Global site tag (gtag.js) - Google Analytics