BitmapShader的简单应用

最新推荐文章于 2024-09-30 11:38:13 发布
最新推荐文章于 2024-09-30 11:38:13 发布
阅读量1.2w 收藏 3
点赞数 1
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/t1623183652/article/details/53008673
版权
本文介绍了一种使用Android Canvas和Path API实现复杂圆形图像的方法，包括如何绘制半个或四分之一个圆角图像，并在其中添加文字。通过自定义Drawable组件，文章提供了详细的代码示例，展示了如何结合多个图片和文字元素创建美观且实用的UI组件。
摘要由CSDN通过智能技术生成

先看下别人的效果图
效果图
第一眼看到这个的还以为是qq群组头像，然而并不是。画圆形或者圆角或者是椭圆图像大家应该都会自己画。
这个东西呢，稍微复杂了一丁点儿。画圆形图像比较好的实现方式是用BitmapShader，不是使用paint.serXfermode或者是canvas.clip(这个会有锯齿,Google了也没找到解决办法，有知道的请告诉一下)。
单独的1个圆形图片很好实现，如果是左右各一半呢，用canvas.drawPath,然后吧需要画的圆角用path.arcTo这样包裹起来，再配合一下BitmapShader就实现了。

Talk is cheap,show me the fucking source.借助自己写的简单的demo来看下。实现的方式是使用自定义的Drawable的方式。先看下要分割左右一半的Path.arcTo应该怎么写:

 /**
     * 左边右边都是背景和文字
     */
    private void drawNeed_2(Canvas canvas, int interval) {
        float radius = mCenterX;
        float degree = (float) Math.toDegrees(Math.asin(interval / radius));
        float sweepAngle = 180F - 2 * degree;
        Path clipPath = new Path();
        RectF rectF = new RectF(getBounds());
        //画左边文字
        drawTextWithHalfBranch(canvas, clipPath, mCenterX - interval, mCenterY, rectF, 90F + degree, sweepAngle, 0
                , Color.RED, "明哥", Color.YELLOW, 50);
        // 画右边文字
        drawTextWithHalfBranch(canvas, clipPath, mCenterX + interval, mCenterY, rectF, -90F + degree, sweepAngle, 1
                , Color.BLUE, "路飞", Color.YELLOW, 50);
    }

  /**
     * 画二分之一的背景和文字
     */
    private void drawTextWithHalfBranch(Canvas canvas, Path clipPath, float x, float y, RectF rectF, float startAngle, float sweepAngle, int index,
                                        int itemColor, String text, int textColor, float textSize) {
        clipPath.reset();
        clipPath.moveTo(x, y);
        clipPath.arcTo(rectF, startAngle, sweepAngle);
        clipPath.close();
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(itemColor);
        Paint textPaint = new Paint(paint);
        textPaint.setColor(textColor);
        canvas.drawPath(clipPath, paint);

        float textX = 0;
        float textY = 0;
        switch (index) {
            case 0:
                // 左边
                textX = 0 + x / 2F;
                textY = rectF.height() / 2F;
                break;
            case 1:
                // 右边
                textX = x + (rectF.width() - x) / 2F;
                textY = rectF.height() / 2F;
                break;
        }
        textPaint.setTextSize(textSize);
        // 下面让画出的text位于中心点
        Rect bound = new Rect();
        textPaint.getTextBounds(text, 0, text.length(), bound);
        textX = textX - bound.width() / 2F;
        textY = textY + bound.height() / 2F;
        canvas.drawText(text, textX, textY, textPaint);
    }

这里使用了的代码:

 clipPath.moveTo(x, y);
        clipPath.arcTo(rectF, startAngle, sweepAngle);
        clipPath.close();

简单说下怎么取1/4圆角,1/2圆角这个问题:
我画一个简图
简图
点A是起点,当A位移到A1然后旋转90度的画会到AE，但是我们实际需要的终点其实是A2;所以旋转角度应该是90-2*AOA1的夹角,这是1/4的角度;同理可以得到1/2的角度。

下面是代码FuckDrawable：

package example.administrator.com.myapplication;

import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PixelFormat;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.Drawable;


/**
 * Created by Tangxb on 2016/11/1.
 */

public class FuckDrawable extends Drawable {
    private Paint mPaint;
    private int mCenterX;
    private int mCenterY;
    private Bitmap[] mInputBitmaps;
    private Bitmap mSourceBitmap;
    // 间隔
    int interval = 2 / 2;

    public FuckDrawable(Bitmap... inputBitmaps) {
        mInputBitmaps = inputBitmaps;
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    }

    @Override
    public void setBounds(int left, int top, int right, int bottom) {
        super.setBounds(left, top, right, bottom);
        mCenterX = getBounds().width() / 2;
        mCenterY = getBounds().height() / 2;
        generateSourceBitmap(getBounds());
    }

    @Override
    public void draw(Canvas canvas) {
        if (mSourceBitmap != null && !mSourceBitmap.isRecycled()) {
            canvas.drawBitmap(mSourceBitmap, 0, 0, mPaint);
        }
    }

    private void generateSourceBitmap(Rect bounds) {
        if (mInputBitmaps != null && mInputBitmaps.length > 0) {
            final int bitmapCount = mInputBitmaps.length;
            mSourceBitmap = Bitmap.createBitmap(bounds.width(), bounds.height(), Bitmap.Config.ARGB_8888);
            Canvas canvas = new Canvas(mSourceBitmap);
            Paint drawPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            drawPaint.setFilterBitmap(true);
            if (bitmapCount == 1) {
                float radius = mCenterX;
                drawBitmapWithCircle(canvas, mInputBitmaps[0], mCenterX, mCenterY, radius, drawPaint);
            } else {
                // 改变这里测试(只用一个need即可)
//                drawNeed_2(canvas, interval);
//                drawNeed_3(canvas, interval, drawPaint);
                drawNeed_4(canvas, interval, drawPaint);
            }
        }
    }

    /**
     * 左边2个图片,右边一个背景和文字
     */
    private void drawNeed_3(Canvas canvas, int interval, Paint drawPaint) {
        float radius = mCenterX;
        float degree = (float) Math.toDegrees(Math.asin(interval / radius));
        float sweepAngle = 90F - 2 * degree;
        Path clipPath = new Path();
        RectF rectF = new RectF(getBounds());
        // 左上
        drawBitmapWithFourDegree(canvas, mInputBitmaps[0], clipPath, mCenterX - interval, mCenterY - interval, rectF, 180F + degree, sweepAngle
                , mCenterX - interval, mCenterY - interval, radius, drawPaint);
        // 左下
        drawBitmapWithFourDegree(canvas, mInputBitmaps[1], clipPath, mCenterX - interval, mCenterY + interval, rectF, 90F + degree, sweepAngle
                , mCenterX - interval, mCenterY + interval, radius, drawPaint);
        // 画右边文字
        drawTextWithHalfBranch(canvas, clipPath, mCenterX + interval, mCenterY, rectF, -90F + degree, 180F - 2 * degree, 1
                , Color.RED, "明哥", Color.YELLOW, 50);
    }

    /**
     * 左边右边都是背景和文字
     */
    private void drawNeed_2(Canvas canvas, int interval) {
        float radius = mCenterX;
        float degree = (float) Math.toDegrees(Math.asin(interval / radius));
        float sweepAngle = 180F - 2 * degree;
        Path clipPath = new Path();
        RectF rectF = new RectF(getBounds());
        //画左边文字
        drawTextWithHalfBranch(canvas, clipPath, mCenterX - interval, mCenterY, rectF, 90F + degree, sweepAngle, 0
                , Color.RED, "明哥", Color.YELLOW, 50);
        // 画右边文字
        drawTextWithHalfBranch(canvas, clipPath, mCenterX + interval, mCenterY, rectF, -90F + degree, sweepAngle, 1
                , Color.BLUE, "路飞", Color.YELLOW, 50);
    }

    /**
     * 画4个角
     */
    private void drawNeed_4(Canvas canvas, int interval, Paint drawPaint) {
        float radius = mCenterX;
        float degree = (float) Math.toDegrees(Math.asin(interval / radius));
        float sweepAngle = 90F - 2 * degree;
        Path clipPath = new Path();
        RectF rectF = new RectF(getBounds());
        // 左上
        // 画图
        drawBitmapWithFourDegree(canvas, mInputBitmaps[0], clipPath, mCenterX - interval, mCenterY - interval, rectF, 180F + degree, sweepAngle
                , mCenterX - interval, mCenterY - interval, radius, drawPaint);
        //画文字
        drawTextWithFourBranch(canvas, clipPath, mCenterX - interval, mCenterY - interval, rectF, 180F + degree, sweepAngle, 0
                , Color.RED, "明哥", Color.YELLOW, 50);
        // 左下
        drawBitmapWithFourDegree(canvas, mInputBitmaps[1], clipPath, mCenterX - interval, mCenterY + interval, rectF, 90F + degree, sweepAngle
                , mCenterX - interval, mCenterY + interval, radius, drawPaint);
        // 右上
        drawBitmapWithFourDegree(canvas, mInputBitmaps[2], clipPath, mCenterX + interval, mCenterY - interval, rectF, -90F + degree, sweepAngle
                , mCenterX + interval, mCenterY - interval, radius, drawPaint);
        // 右下
        drawBitmapWithFourDegree(canvas, mInputBitmaps[3], clipPath, mCenterX + interval, mCenterY + interval, rectF, 0F + degree, sweepAngle
                , mCenterX + interval, mCenterY + interval, radius, drawPaint);
    }

    /**
     * 画二分之一的背景和文字
     */
    private void drawTextWithHalfBranch(Canvas canvas, Path clipPath, float x, float y, RectF rectF, float startAngle, float sweepAngle, int index,
                                        int itemColor, String text, int textColor, float textSize) {
        clipPath.reset();
        clipPath.moveTo(x, y);
        clipPath.arcTo(rectF, startAngle, sweepAngle);
        clipPath.close();
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(itemColor);
        Paint textPaint = new Paint(paint);
        textPaint.setColor(textColor);
        canvas.drawPath(clipPath, paint);

        float textX = 0;
        float textY = 0;
        switch (index) {
            case 0:
                // 左边
                textX = 0 + x / 2F;
                textY = rectF.height() / 2F;
                break;
            case 1:
                // 右边
                textX = x + (rectF.width() - x) / 2F;
                textY = rectF.height() / 2F;
                break;
        }
        textPaint.setTextSize(textSize);
        // 下面让画出的text位于中心点
        Rect bound = new Rect();
        textPaint.getTextBounds(text, 0, text.length(), bound);
        textX = textX - bound.width() / 2F;
        textY = textY + bound.height() / 2F;
        canvas.drawText(text, textX, textY, textPaint);
    }

    /**
     * 画四分之一的背景和文字
     */
    private void drawTextWithFourBranch(Canvas canvas, Path clipPath, float x, float y, RectF rectF, float startAngle, float sweepAngle, int index,
                                        int itemColor, String text, int textColor, float textSize) {
        clipPath.reset();
        clipPath.moveTo(x, y);
        clipPath.arcTo(rectF, startAngle, sweepAngle);
        clipPath.close();
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(itemColor);
        Paint textPaint = new Paint(paint);
        textPaint.setColor(textColor);
        canvas.drawPath(clipPath, paint);

        float textX = 0;
        float textY = 0;
        switch (index) {
            case 0:
                // 左上
                textX = 0 + x / 2F;
                textY = 0 + y / 2F;
                break;
            case 1:
                // 左下
                textX = 0 + x / 2F;
                textY = y + (rectF.height() - y) / 2F;
                break;
            case 2:
                // 右上
                textX = x + (rectF.width() - x) / 2F;
                textY = 0 + y / 2F;
                break;
            case 3:
                // 右下
                textX = x + (rectF.width() - x) / 2F;
                textY = y + (rectF.height() - y) / 2F;
                break;
        }
        textPaint.setTextSize(textSize);
        // 下面让画出的text位于中心点
        Rect bound = new Rect();
        textPaint.getTextBounds(text, 0, text.length(), bound);
        textX = textX - bound.width() / 2F;
        textY = textY + bound.height() / 2F;
        canvas.drawText(text, textX, textY, textPaint);
    }

    /**
     * 画四分之一的圆半角
     */
    private void drawBitmapWithFourDegree(Canvas canvas, Bitmap bitmap, Path clipPath, float x, float y, RectF rectF, float startAngle, float sweepAngle
            , int centerX, int centerY, float radius, Paint drawPaint) {
        clipPath.reset();
        clipPath.moveTo(x, y);
        clipPath.arcTo(rectF, startAngle, sweepAngle);
        clipPath.close();
        drawBitmapWithPath(canvas, bitmap, clipPath, centerX, centerY, radius, drawPaint);
    }

    /**
     * 使用Path画图
     */
    private void drawBitmapWithPath(Canvas canvas, Bitmap bitmap, Path path, int centerX, int centerY, float radius, Paint drawPaint) {
        final int halfBitmapWidth = bitmap.getWidth() / 2;
        final int halfBitmapHeight = bitmap.getHeight() / 2;

        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
        Matrix shaderMatrix = new Matrix();
        float minSize = bitmap.getWidth() > bitmap.getHeight() ? bitmap.getHeight() : bitmap.getWidth();
        float scale = radius * 2 / minSize;
        // 先缩放
        shaderMatrix.setScale(scale, scale);
        // 由于缩放的中心点是(0,0)缩放之后,要让中心位移到需要的位置(具体可以用radius=100,minSize=400来验证一下)
        shaderMatrix.postTranslate(centerX - (halfBitmapWidth * scale), centerY - (halfBitmapHeight * scale));
        bitmapShader.setLocalMatrix(shaderMatrix);

        drawPaint.setShader(bitmapShader);
        canvas.drawPath(path, drawPaint);
        drawPaint.setShader(null);
    }

    /**
     * 画圆形图
     */
    private void drawBitmapWithCircle(Canvas canvas, Bitmap bitmap, int centerX, int centerY, float radius, Paint drawPaint) {
        final int halfBitmapWidth = bitmap.getWidth() / 2;
        final int halfBitmapHeight = bitmap.getHeight() / 2;

        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
        Matrix shaderMatrix = new Matrix();
        float minSize = bitmap.getWidth() > bitmap.getHeight() ? bitmap.getHeight() : bitmap.getWidth();
        float scale = radius * 2 / minSize;
        shaderMatrix.setScale(scale, scale);
        shaderMatrix.postTranslate(centerX - (halfBitmapWidth * scale), centerY - (halfBitmapHeight * scale));
        bitmapShader.setLocalMatrix(shaderMatrix);

        drawPaint.setShader(bitmapShader);
        canvas.drawCircle(centerX, centerY, radius, drawPaint);
        drawPaint.setShader(null);
    }

    public void recycle() {
        if (mInputBitmaps != null) {
            for (int i = 0; i < mInputBitmaps.length; i++) {
                Bitmap bitmap = mInputBitmaps[i];
                if (bitmap != null && !bitmap.isRecycled()) {
                    bitmap.recycle();
                }
            }
            mInputBitmaps = null;
        }

        if (mSourceBitmap != null && !mSourceBitmap.isRecycled()) {
            mSourceBitmap.recycle();
            mSourceBitmap = null;
        }
    }

    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter colorFilter) {
        mPaint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

上面的注释写得很详细了,看下Activity里面配合Glide来加载网络图片:

private void combineWithGlide() {
        int needW = 500;
        int needH = 500;
        // 下载原始图片大小
//        needH = needW = Target.SIZE_ORIGINAL;
        final WeakHashMap<String, SoftReference<Bitmap>> hashMap = new WeakHashMap<>();
        Glide.with(this).load(IMAGE_URL1).asBitmap().into(new SimpleTarget<Bitmap>(needW, needH) {
            @Override
            public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                hashMap.put(IMAGE_URL1, new SoftReference<>(resource));
                judgeDoWork(hashMap);
            }
        });
        Glide.with(this).load(IMAGE_URL2).asBitmap().into(new SimpleTarget<Bitmap>(needW, needH) {
            @Override
            public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                hashMap.put(IMAGE_URL2, new SoftReference<>(resource));
                judgeDoWork(hashMap);
            }
        });
        Glide.with(this).load(IMAGE_URL3).asBitmap().into(new SimpleTarget<Bitmap>(needW, needH) {
            @Override
            public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                hashMap.put(IMAGE_URL3, new SoftReference<>(resource));
                judgeDoWork(hashMap);
            }
        });
        Glide.with(this).load(IMAGE_URL4).asBitmap().into(new SimpleTarget<Bitmap>(needW, needH) {
            @Override
            public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                hashMap.put(IMAGE_URL4, new SoftReference<>(resource));
                judgeDoWork(hashMap);
            }
        });
    }

    /**
     * 下载完4个图片才设置背景
     *
     * @param hashMap
     */
    private void judgeDoWork(WeakHashMap<String, SoftReference<Bitmap>> hashMap) {
        int needSize = 4;
        if (hashMap.size() != needSize) return;
        Bitmap[] bitmap = new Bitmap[needSize];
        bitmap[0] = hashMap.get(IMAGE_URL1).get();
        bitmap[1] = hashMap.get(IMAGE_URL2).get();
        bitmap[2] = hashMap.get(IMAGE_URL3).get();
        bitmap[3] = hashMap.get(IMAGE_URL4).get();
        FuckDrawable fuckDrawable = new FuckDrawable(bitmap);
        imageView04.setImageDrawable(fuckDrawable);
    }

简单滴上一个效果咯:
效果图

t1623183652
关注
专栏目录
Android中使用BitmapShader类来制作各种图片的圆角
01-06
public   BitmapShader(Bitmap bitmap,Shader.TileMode tileX,Shader.TileMode tileY) 调用这个类来产生一个画有一个位图的渲染器（Shader）。 bitmap：在渲染器内使用的位图 （1）tileX：The tiling mode for x to draw the bitmap in.   在位图上X方向花砖模式 （2）tileY：The tiling mode for y to draw the bitmap in.    在位图上Y方向花砖模式 TileMode：（一共有三种） （1）CLAMP：如果渲染器超出原
BitmapShader解析
zouzoutingting_的专栏
12-14 4478
BitmapShader是Shader的子类，它一般通过Paint.setShader(Shader shader)来设置。它只有一个构造函数 BitmapShader(Bitmap bitmap, Shader.TileMode tileX, Shader.TileMode tileY) 参数1：是用来着色的bitmap 参数2 ：绘制完一个完整的bitmap后，视图剩余X轴方向的绘制方式...
深入理解Android BitmapShader原生委托实现
最新发布
weixin_28872035的博客
09-30 1328
本文还有配套的精品资源，点击获取 简介：在Android图形处理中， BitmapShader 允许将位图用于颜色过滤、平铺、缩放等操作。 Delegate 模式处理原生方法，提升性能。本文探讨了 BitmapShader 在Java和C/C++层的关键实现细节，包括初始化、位图处理、矩阵设置、平铺模式、资源释放、性能优化以及错误处...
【Android 应用开发】Paint 渲染 之 BitmapShader 位图渲染 ( 渲染流程 | CLAMP 拉伸最后像素 | REPEAT 重复绘制图片 | MIRROR 绘制反向图片 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
06-28 1671
文章目录1. 位图渲染 BitmapShader 简介( 1 ) 位图渲染综述 ( ① 三种方式 : Shader.TileMode.CLAMP | Shader.TileMode.REPEAT | Shader.TileMode.MIRROR | ② 流程 : 创建 Shader | 设置 Shader 到 Paint | 打开抗锯齿 | 绘制矩形 )2. 位图渲染 BitmapShader...
Android实现圆形圆角图片
Ricardo的博客
05-23 1844
本文主要使用两种方法实现图形圆角图片 自定View加上使用Xfermode实现 Shader实现 自定View加上使用Xfermode实现/** * 根据原图和变长绘制圆形图片 * * @param source * @param min * @return */ private Bitmap createC
Android BitmapShader 实战 实现圆形、圆角图片
2401_83621499的博客
03-31 1125
现在随着短视频，抖音，快手的流行NDK模块开发也显得越发重要，需要这块人才的企业也越来越多，随之学习这块的人也变多了，音视频的开发，往往是比较难的，而这个比较难的技术就是NDK里面的技术。音视频/高清大图片/人工智能/直播/抖音等等这年与用户最紧密，与我们生活最相关的技术一直都在寻找最终的技术落地平台，以前是windows系统，而现在则是移动系统了，移动系统中又是以Android占比绝大部分为前提，所以AndroidNDK技术已经是我们必备技能了。
手机应用系统开发 实 验 指 导 书
02-08
实验将引导学习者使用HttpURLConnection或第三方库（如OkHttp）发送网络请求，接收并解析JSON数据，实现简单的网络功能，如数据同步、API调用等。 实验五：多媒体技术 多媒体技术涉及音频、视频和图片处理。实验...
Android BitmapShader 实现圆形、圆角图片
12-17
BitmapShader是一个Shader（着色器）类型，它可以将Bitmap应用到一个形状或路径上。在创建BitmapShader时，我们需要指定Shader的模式（如TileMode.CLAMP, TileMode.REPEAT等）以及Bitmap的缩放方式（如Shader....
Android项目源码简单仿ios桌面主题
03-16
在本项目中，"Android项目源码简单仿ios桌面主题" 是一个专为安卓平台设计的应用，其目标是实现一个类似iOS操作系统的桌面界面。这个开源项目为开发者提供了一个研究和学习如何在Android上实现iOS风格用户界面的机会...
Android应用源码之仿 [Tidy相册] 背景模糊效果.zip
10-14
可以通过检测设备性能，针对低端设备采取更简单的模糊算法。 通过学习这个源码，开发者不仅可以理解上述技术细节，还能了解到如何在实际项目中整合这些技术，从而在自己的应用中实现类似[Tidy相册]的背景模糊效果。...
Android应用源码之仿 [Tidy相册] 背景模糊效果.rar
12-16
- `android.graphics.BlurMaskFilter` 可以快速地对位图进行模糊处理，但其模糊效果较为简单，可能无法达到高级模糊的效果。 3. **第三方库**： - 有许多第三方库，如`FastBlur`、`BlurKit`或`StackBlur`，提供了...
android paint 图片,Android Paint之shader(图像渲染)
weixin_39692045的博客
05-29 426
导航1.构造方法详解1)BitmapShader(图像渲染)BitmapShader(Bitmap bitmap, Shader.TileMode tileX, Shader.TileMode tileY)使用一张位图作为纹理来对某一区域进行填充，参数依次：bitmap：用来作为填充的位图；tileX：X轴方向上位图的衔接形式；tileY：Y轴方向上位图的衔接形式；而这个Shader.TileMo...
Android BitmapShader 实战 实现圆形、圆角图片(1)
2401_83621426的博客
03-31 939
外链图片转存中…(img-QFWD0aRJ-1711899622185)]
Shader 之 BitmapShader
花前月下的细说__AndJun
11-25 4032
Shader 又被称之为着色器，渲染器，它用来实现一系列的渐变，渲染效果。Android中的Shader包括以下几种： 1.BitmapShader 位图Shader 2.LinearGradient 线性Shader 3.RadialGradient 光束Shader 4.SweepGradient
BitmapShader
TIANWENJU
05-18 484
圆角图片在Android开发中比较常用，现在我们来介绍在Android如何实现圆形、圆角和椭圆自定义图片View，这时主要是使用BitmapShader图形渲染。 一、概述 Android实现圆角矩形，圆形或者椭圆等图形，一般主要是个自定义View加上使用Xfermode实现的。实现圆角图片的方法其实不少，常见的就是利用Xfermode，Shader。本文直接继承ImageVi
自定义控件三部曲之绘图篇（十八）——BitmapShader与望远镜效果
热门推荐
启舰
07-26 1万+
自定义控件三部曲之绘图篇（十八）——BitmapShader与望远镜效果 前言：不逼自己一把，你永远不知道自己有多优秀。 上篇初步给大家展示了封装控件的方法，这篇我们继续Paint来看相关方法的用法，这篇我们将会讲一个很起来没啥用，但效果却很屌的方法setShader，这篇文章最后，我们将实现的效果是望远镜效果:（看起来有没有屌屌的） 我们先来看看setShader函数的声明：//Pain
【Android】绘图之Shader
sinat_36955332的博客
10-24 929
Shader是绘图过程中的着色器，它有五个子类： BitmapShader ComposeShader LinearGradient RadialGradient SweepGradient 它一般用在paint.setShader(shader)中，paint是一个Paint对象，shader是一个Shader对象。 一、BitmapShader BitmapShader是用来做位图绘制时纹理的着色器，位图可以通过指定的平铺模式进行重复或者镜像。 BitmapShader的构造方法： BitmapSha
使用 Bitmap Style Designer 为FMX修改已有样式
疯流人物
06-15 2188
我本是菜鸟，不懂编程，只是个设计师，但因工作需要，老板需要我熟悉 Delphi 控件，方便设计控件样式。在本人长期的自我摸索与学习中学到了点东西，因为关于 style 的设计的资料不多，我写一些自己的经验，发表出来，希望能帮助像我一样的菜鸟。如果你是高手就请路过···我本是菜鸟，只为小白提供服务，因为我只能做到这里了··· 下面我说下如何将 style 样式应用到你的窗体上，另外如何导出设计
Android 圆形头像的两种实现方式(1)
03-18 836
/bitmap缓存起来，避免每次调用onDraw，分配内存//如果bitmap还存在，则直接绘制即可if (bitmap!/**绘制形状@return*/} elsepaint);以上代码来自鸿洋大神的博客第二种方法： 使用 BitmapShader 实现官方文档说的很清楚了：BitmapShader的作用是使用特定的图片来作为纹理来使用。BitmapShader 的构造函数三个参数：bitmap 指的是要作为纹理的图片，
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值