时间:2021-05-20
本文介绍了ImageView 实现Android colorPikcer 选择器的示例代码,分享给大家,具体如下:
Android colorPikcer 选择器
环形的ColorPicker,主要思路是:
获取Bitmap
在 ColorPickerView 构造函数中初始化 Bitmap。因为getBackground有多种drawable,然后获取Bitmap 的方式也不用,
void init(Context context, @Nullable AttributeSet attrs, int defStyleAttr){ Drawable drawable = getBackground(); if(drawable instanceof BitmapDrawable){ mBitmap = ((BitmapDrawable) drawable).getBitmap(); } else if(drawable instanceof VectorDrawable){ mBitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888); Canvas vectorCanvas = new Canvas(mBitmap); drawable.setBounds(0, 0, vectorCanvas.getWidth(), vectorCanvas.getHeight()); drawable.draw(vectorCanvas); }重写onTouch
根据Touch 事件的左边获取 Bitmap 对应点的颜色。
需要注意的是如果 View 的宽和高参数是 wrap_content, MotionEvent 的点击的点一定在Bitmap 的坐标内。但是如果不是wrap_content, 需要对坐标转换,利用矩阵Matrix 对点击点转换。
public boolean onTouch(View v, MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN && mBitmap != null) { float scaleX = mBitmap.getWidth()*1.0f/v.getWidth(); float scaleY = mBitmap.getHeight()*1.0f/v.getHeight(); float[] touchPoint = new float[] { event.getX(), event.getY() }; Matrix matrix = new Matrix(); matrix.setScale(scaleX, scaleY); matrix.mapPoints(touchPoint); mSelectColor = mBitmap.getPixel((int) touchPoint[0], (int) touchPoint[1]); } return false; }完整的代码:
public class ColorPickerView extends android.support.v7.widget.AppCompatImageView implements View.OnTouchListener{ private Bitmap mBitmap; private int mSelectColor = -1; private int mIndex = -1; private int[] mDrawableSelects; private int[] mColorArray; private OnColorSelectedListener mOnColorSelectedListener; public ColorPickerView(Context context) { this(context, null); } public ColorPickerView(Context context, @Nullable AttributeSet attrs) { this(context, attrs, 0); } public ColorPickerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context, attrs, defStyleAttr); } void init(Context context, @Nullable AttributeSet attrs, int defStyleAttr){ Drawable drawable = getBackground(); if(drawable instanceof BitmapDrawable){ mBitmap = ((BitmapDrawable) drawable).getBitmap(); } else if(drawable instanceof VectorDrawable){ mBitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888); Canvas vectorCanvas = new Canvas(mBitmap); drawable.setBounds(0, 0, vectorCanvas.getWidth(), vectorCanvas.getHeight()); drawable.draw(vectorCanvas); } TypedArray resTypeArray = context.obtainStyledAttributes(attrs, R.styleable.ColorPickerView); int colorPickerArrayId = resTypeArray.getResourceId(R.styleable.ColorPickerView_cp_selected_drawable_array, 0); resTypeArray.recycle(); if (colorPickerArrayId != 0) { TypedArray typeArray = getResources().obtainTypedArray(colorPickerArrayId); mDrawableSelects = new int[typeArray.length()]; for (int i = 0; i < typeArray.length(); i++) { mDrawableSelects[i] = typeArray.getResourceId(i, 0); } typeArray.recycle(); } setOnTouchListener(this); } @Override public boolean onTouch(View v, MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN && mBitmap != null) { if(event.getX() > v.getWidth() || event.getX() < 0){ return false; } if(event.getY() > v.getHeight() || event.getY() < 0){ return false; } float scaleX = mBitmap.getWidth()*1.0f/v.getWidth(); float scaleY = mBitmap.getHeight()*1.0f/v.getHeight(); float[] touchPoint = new float[] { event.getX(), event.getY() }; Matrix matrix = new Matrix(); matrix.setScale(scaleX, scaleY); matrix.mapPoints(touchPoint); mSelectColor = mBitmap.getPixel((int) touchPoint[0], (int) touchPoint[1]); mIndex = getColorIndex(mSelectColor); if(mDrawableSelects.length > 0 && mIndex >=0 && mIndex < mDrawableSelects.length) { ((ImageView) v).setImageResource(mDrawableSelects[mIndex]); } if(mOnColorSelectedListener != null){ mOnColorSelectedListener.onColorSelected(mIndex, mSelectColor); } } return false; } private int getColorIndex(int color){ for (int i = 0 ; i < mColorArray.length; i++){ if(color == mColorArray[i]){ return i; } } return -1; } public void setSelectColorArray(int[] array) { mColorArray = array; } public void setSelectDrawableIdArray(int[] idArray){ mDrawableSelects = idArray; } public int getIndex(){ return mIndex; } public int getSelectColor(){ return mSelectColor; } public void setOnColorSelectedListener(OnColorSelectedListener listener){ mOnColorSelectedListener = listener; } public interface OnColorSelectedListener{ void onColorSelected(int index , int color); }}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
为了叙述每一篇的重点,其示例代码都是最精简的,比如选择器只能传HTMLElement和id。这篇我们增强下选择器,依据2/8原则,这里仅实现最常用的几种。1,通
jQuery选择器中的大于号>作用是什么:jQuery灵活多样的选择器是jQuery的优点之一。下面就介绍一下其中的一个选择器,用大于号表示。代码示例如下:复制
本文实例讲述了js实现可得到不同颜色值的颜色选择器。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:js颜色选择器,可得到不同的颜色值variW='7
本文实例为大家分享了Android实现四级联动地址选择器的具体代码,供大家参考,具体内容如下效果如下:代码传送阵:address_selector.xmlAdd
本文实例为大家分享了jQuery选择器的具体实现代码,供大家参考,具体内容如下1.基本选择器jQuery基本选择器DOM对象与jQuery对象的相互转化jQue