高斯模糊+带边框的圆形图+下拉PullScrollView

默认.png
下拉之后.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(bitmap);

            Message message = new Message();

            message.obj = drawable;

            handler.sendMessage(message);

        }

    }

    private static void blur(int[] in, int[] out, int width, int height, float radius) {

        int widthMinus1 = width - 1;

        int r = (int) 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 -= (int) 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 + (int) ((a1 + a3) * radius);

                r1 = r2 + (int) ((r1 + r3) * radius);

                g1 = g2 + (int) ((g1 + g3) * radius);

                b1 = b2 + (int) ((b1 + b3) * 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 (x < a) ? a : (x > b) ? 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(context);

            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(true);

            paintBorder = new Paint();

            setBorderColor(Color.WHITE);

            paintBorder.setAntiAlias(true);

            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(), false), Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

                paint.setShader(shader);

                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(true);

        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(this);
    }


    @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 (action) {
            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(ev);
                    }
                    //在不是下拉图片的时候,向下移动,交给原来的逻辑处理
                    if (getScrollY() != 0) {
                        return super.onTouchEvent(ev);
                    }
                    //可以下拉图片的情况
                    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(params);
                    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(200);
                    animator.setInterpolator(new AccelerateDecelerateInterpolator());
                    animator.start();
                }
                break;
        }
        return super.onTouchEvent(ev);
    }

    /**
     * 设置移动中的Y值
     *
     * @param value
     */
    public void setMoveY(int value) {
        MarginLayoutParams params = (MarginLayoutParams) view.getLayoutParams();
        params.topMargin = value;
        Log.d("computeScroll", "topMargin=" + params.topMargin);
        view.setLayoutParams(params);
        invalidate();
    }

    @Override
    public void onGlobalLayout() {
        MarginLayoutParams params = (MarginLayoutParams) view.getLayoutParams();
        srcTopMargion = -params.topMargin;
        Log.d("srcTopMargion", "" + srcTopMargion);
        getViewTreeObserver()
                .removeGlobalOnLayoutListener(this);
    }}

  • 布局文件


    E1AA3EA2-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(msg);
                Drawable drawable = (Drawable) msg.obj;
                pull_img.setImageDrawable(drawable);

            }
        });
    }

    @Override
    public void onClick(View view) {

    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容