来自 金沙js77888 2020-03-14 00:17 的文章
当前位置: 金沙js77888 > 金沙js77888 > 正文

下拉之后.png

图片 1默认.png图片 2下拉之后.png

  • 高斯模糊工具类
public class BitmapBlurUtil { private static ExecutorService executor; private static int POOL_SIZE = 2;// 单个CPU线程池大小 private static ExecutorService getExecutor() { if (executor == null) { int cpuNums = Runtime.getRuntime().availableProcessors(); executor = Executors.newFixedThreadPool(cpuNums * POOL_SIZE); } return executor; } public static void addTask(Bitmap bitmap, Handler handler) { getExecutor().submit(new BitmapVagueTask(bitmap, handler)); } /** * 水平方向模糊度 */ private static float hRadius = 3; /** * 竖直方向模糊度 */ private static float vRadius = 3; /** * 模糊迭代度 */ private static int iterations = 5; /** * 异步 * * @author baiyuliang */ private static class BitmapVagueTask implements Runnable { private Bitmap bitmap; private Handler handler; public BitmapVagueTask(Bitmap bitmap, Handler handler) { super(); this.bitmap = bitmap; this.handler = handler; } @Override public void run() { boxBlurFilter(bitmap, handler); } } /** * 高斯模糊 * * @param bmp * @return */ private static void boxBlurFilter(Bitmap bmp, Handler handler) { int width = bmp.getWidth(); int height = bmp.getHeight(); int[] inPixels = new int[width * height]; int[] outPixels = new int[width * height]; Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); bmp.getPixels(inPixels, 0, width, 0, 0, width, height); for (int i = 0; i < iterations; i  ) { blur(inPixels, outPixels, width, height, hRadius); blur(outPixels, inPixels, height, width, vRadius); } blurFractional(inPixels, outPixels, width, height, hRadius); blurFractional(outPixels, inPixels, height, width, vRadius); bitmap.setPixels(inPixels, 0, width, 0, 0, width, height); if (handler != null) { @SuppressWarnings("deprecation") Drawable drawable = new BitmapDrawable; Message message = new Message(); message.obj = drawable; handler.sendMessage; } } private static void blur(int[] in, int[] out, int width, int height, float radius) { int widthMinus1 = width - 1; int r =  radius; int tableSize = 2 * r   1; int divide[] = new int[256 * tableSize]; for (int i = 0; i < 256 * tableSize; i  ) divide[i] = i / tableSize; int inIndex = 0; for (int y = 0; y < height; y  ) { int outIndex = y; int ta = 0, tr = 0, tg = 0, tb = 0; for (int i = -r; i <= r; i  ) { int rgb = in[inIndex   clamp(i, 0, width - 1)]; ta  = (rgb >> 24) & 0xff; tr  = (rgb >> 16) & 0xff; tg  = (rgb >> 8) & 0xff; tb  = rgb & 0xff; } for (int x = 0; x < width; x  ) { out[outIndex] = (divide[ta] << 24) | (divide[tr] << 16) | (divide[tg] << 8) | divide[tb]; int i1 = x   r   1; if (i1 > widthMinus1) i1 = widthMinus1; int i2 = x - r; if (i2 < 0) i2 = 0; int rgb1 = in[inIndex   i1]; int rgb2 = in[inIndex   i2]; ta  = ((rgb1 >> 24) & 0xff) - ((rgb2 >> 24) & 0xff); tr  = ((rgb1 & 0xff0000) - (rgb2 & 0xff0000)) >> 16; tg  = ((rgb1 & 0xff00) - (rgb2 & 0xff00)) >> 8; tb  = (rgb1 & 0xff) - (rgb2 & 0xff); outIndex  = height; } inIndex  = width; } } private static void blurFractional(int[] in, int[] out, int width, int height, float radius) { radius -=  radius; float f = 1.0f / (1   2 * radius); int inIndex = 0; for (int y = 0; y < height; y  ) { int outIndex = y; out[outIndex] = in[0]; outIndex  = height; for (int x = 1; x < width - 1; x  ) { int i = inIndex   x; int rgb1 = in[i - 1]; int rgb2 = in[i]; int rgb3 = in[i   1]; int a1 = (rgb1 >> 24) & 0xff; int r1 = (rgb1 >> 16) & 0xff; int g1 = (rgb1 >> 8) & 0xff; int b1 = rgb1 & 0xff; int a2 = (rgb2 >> 24) & 0xff; int r2 = (rgb2 >> 16) & 0xff; int g2 = (rgb2 >> 8) & 0xff; int b2 = rgb2 & 0xff; int a3 = (rgb3 >> 24) & 0xff; int r3 = (rgb3 >> 16) & 0xff; int g3 = (rgb3 >> 8) & 0xff; int b3 = rgb3 & 0xff; a1 = a2     * radius); r1 = r2     * radius); g1 = g2     * radius); b1 = b2     * radius); a1 *= f; r1 *= f; g1 *= f; b1 *= f; out[outIndex] = (a1 << 24) | (r1 << 16) | (g1 << 8) | b1; outIndex  = height; } out[outIndex] = in[width - 1]; inIndex  = width; } } public static int clamp(int x, int a, int b) { return  ? a :  ? b : x; }}
  • 带边框的圆形图 首先在attrs 文件 定义两个属性
 <declare-styleable name="circle"> <attr name="civ_border_color" format="color" /> <attr name="civ_border_width" format="dimension" /> </declare-styleable>
  • 圆形图代码
public class CircularImageView extends ImageView { private int borderWidth = 4; private int viewWidth; private int viewHeight; private Bitmap image; private Paint paint; private Paint paintBorder; private BitmapShader shader; public CircularImageView(Context context) { super; setup(); } public CircularImageView(Context context, AttributeSet attrs) { super(context, attrs); setup(); } public CircularImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); setup(); } private void setup() { paint = new Paint();// init paint paint.setAntiAlias; paintBorder = new Paint(); setBorderColor(Color.WHITE); paintBorder.setAntiAlias; this.setLayerType(LAYER_TYPE_SOFTWARE, paintBorder); paintBorder.setShadowLayer(4.0f, 0.0f, 2.0f, Color.BLACK); } public void setBorderWidth(int borderWidth) { this.borderWidth = borderWidth; this.invalidate(); } public void setBorderColor(int borderColor) { if (paintBorder != null) paintBorder.setColor(borderColor); this.invalidate(); } private void loadBitmap() { BitmapDrawable bitmapDrawable = (BitmapDrawable) this.getDrawable(); if (bitmapDrawable != null) image = bitmapDrawable.getBitmap(); } @SuppressLint("DrawAllocation") @Override public void onDraw(Canvas canvas) { loadBitmap();// load the bitmap if (image != null)// init shader { shader = new BitmapShader(Bitmap.createScaledBitmap(image, canvas.getWidth(), canvas.getHeight, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); paint.setShader; int circleCenter = viewWidth / 2; canvas.drawCircle(circleCenter   borderWidth, circleCenter   borderWidth, circleCenter   borderWidth - 4.0f, paintBorder); canvas.drawCircle(circleCenter   borderWidth, circleCenter   borderWidth, circleCenter - 4.0f, paint); } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int width = measureWidth(widthMeasureSpec); int height = measureHeight(heightMeasureSpec, widthMeasureSpec); viewWidth = width - (borderWidth * 2); viewHeight = height - (borderWidth * 2); setMeasuredDimension(width, height); } private int measureWidth(int measureSpec) { int result = 0; int specMode = MeasureSpec.getMode(measureSpec); int specSize = MeasureSpec.getSize(measureSpec); if (specMode == MeasureSpec.EXACTLY) { result = specSize; } else { result = viewWidth; } return result; } private int measureHeight(int measureSpecHeight, int measureSpecWidth) { int result = 0; int specMode = MeasureSpec.getMode(measureSpecHeight); int specSize = MeasureSpec.getSize(measureSpecHeight); if (specMode == MeasureSpec.EXACTLY) { result = specSize; } else{ result = viewHeight; } return (result   2); } /** * 把bitmap转成圆形 */ public Bitmap toRoundBitmap(Bitmap bitmap) { int width = bitmap.getWidth(); int height = bitmap.getHeight(); int r = 0; if (width < height) { r = width; } else { r = height; } Bitmap backgroundBm = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//构建一个bitmap Canvas canvas = new Canvas(backgroundBm);//new一个Canvas,在backgroundBmp上画图 Paint p = new Paint();//设置边缘光滑,去掉锯齿 p.setAntiAlias; RectF rect = new RectF(0, 0, r, r); canvas.drawRoundRect(rect, r / 2, r / 2, p);//通过制定的rect画一个圆角矩形,当圆角X轴方向的半径等于Y轴方向的半径时,且都等于r/2时,画出来的圆角矩形就是圆 p.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//设置当两个图形相交时的模式,SRC_IN为取SRC图形相交的部分,多余的将被去掉 canvas.drawBitmap(bitmap, null, rect, p);//canvas将bitmap画在backgroundBmp上 return backgroundBm; }}
  • PullScrollView
public class PullScrollView extends ScrollView implements ViewTreeObserver.OnGlobalLayoutListener { View view; int srcTopMargion; float lastY; float offsetY; public PullScrollView(Context context, AttributeSet attrs) { super(context, attrs); ViewTreeObserver observer = getViewTreeObserver(); if (null != observer) observer.addOnGlobalLayoutListener; } @Override protected void onFinishInflate() { super.onFinishInflate(); view = findViewById(R.id.pull_img); } @Override public boolean onTouchEvent(MotionEvent ev) { int action = ev.getAction(); float y = ev.getY(); Log.d("onTouchEvent", "action="   action   ",y="   y); MarginLayoutParams params = (MarginLayoutParams) view.getLayoutParams(); switch  { case MotionEvent.ACTION_DOWN: lastY = y; break; case MotionEvent.ACTION_MOVE: //计算滑动y方向偏移值 offsetY = y - lastY; //向下移动 if (offsetY > 0) { //滑动到看到所有图片展示,交给原来的逻辑处理 if (params.topMargin == 0) { return super.onTouchEvent; } //在不是下拉图片的时候,向下移动,交给原来的逻辑处理 if (getScrollY { return super.onTouchEvent; } //可以下拉图片的情况 params.topMargin  = offsetY / 10; Log.d("onTouchEvent", "topMargin"   params.topMargin   ",lastY="   lastY   ",y="   y   ",offsetY"   offsetY); if (params.topMargin >= 0) { params.topMargin = 0; } view.setLayoutParams; invalidate(); } lastY = y; break; case MotionEvent.ACTION_UP: //不和原始margion偏移一样的时候 if (params.topMargin != -srcTopMargion) { Log.d("ACTION_UP", "moveY="   (srcTopMargion   params.topMargin)); //滚动原始偏移值和现在偏移值之间的差值 eg:3~10 ObjectAnimator animator = ObjectAnimator.ofInt(this, "moveY", params.topMargin, -srcTopMargion); animator.setDuration; animator.setInterpolator(new AccelerateDecelerateInterpolator; animator.start(); } break; } return super.onTouchEvent; } /** * 设置移动中的Y值 * * @param value */ public void setMoveY(int value) { MarginLayoutParams params = (MarginLayoutParams) view.getLayoutParams(); params.topMargin = value; Log.d("computeScroll", "topMargin="   params.topMargin); view.setLayoutParams; invalidate(); } @Override public void onGlobalLayout() { MarginLayoutParams params = (MarginLayoutParams) view.getLayoutParams(); srcTopMargion = -params.topMargin; Log.d("srcTopMargion", ""   srcTopMargion); getViewTreeObserver() .removeGlobalOnLayoutListener; }}
  • 布局文件

    图片 3E1AA3EA2-0FE3-4189-9C8A-0F1579D18087.png

  • activity
public class PersonalActivity extends Activity implements View.OnClickListener { ImageView pull_img; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout); pull_img = (ImageView) findViewById(R.id.pull_img); Resources res = getResources(); Bitmap bmp = BitmapFactory.decodeResource(res, R.mipmap.pull_img); BitmapBlurUtil.addTask(bmp, new Handler() { @Override public void handleMessage(Message msg) { super.handleMessage; Drawable drawable =  msg.obj; pull_img.setImageDrawable; } }); } @Override public void onClick(View view) { }}

本文由金沙js77888发布于金沙js77888,转载请注明出处:下拉之后.png

关键词: 边框 圆形 高斯