ImageView 实现Android colorPikcer 选择器的示例代码
2017-10-19 09:08
771 查看
本文介绍了ImageView 实现Android colorPikcer 选择器的示例代码,分享给大家,具体如下:
Android colorPikcer 选择器
环形的ColorPicker,主要思路是:
- Color 选在放在ImageView 的background上面,根据点击的位置判断选择的颜色。
- 重写onTouch,在onTouch 里面判断点击点的颜色。
- 根据当前选择的颜色设置图片的src.
获取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); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Android RecyclerView 实现快速滚动的示例代码
- Android 自定义ImageView实现src属性的选择器效果
- Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码
- Android中imageView图片放大缩小及旋转功能示例代码
- Android中封装RecyclerView实现添加头部和底部示例代码
- Android视图SurfaceView的实现原理分析(示例,出错代码)
- Android 自定义圆形头像CircleImageView支持加载网络图片的实现代码
- android之【代码实现ImageView图片切换】
- Android ImageView图片代码实现按屏幕宽度等比例缩放
- Android view滑动悬浮固定效果实现代码示例
- Android中通过反射实现圆角ImageView代码实例
- android ImageView实现变暗效果(使用setColorFilter滤镜)
- Android中RecyclerView实现Item添加和删除的代码示例
- Android RecycleView 实现左滑上下分层示例代码(自定义功能)
- Android自定义View实现多边形统计图示例代码
- Android实现单页面浮层可拖动view的示例代码
- Android TextView实现词组高亮的示例代码
- Android中悬浮窗口的实现原理和示例代码
- android 动画Animation硬代码实现示例
- 一个Android实现图片的倒影效果的代码示例