自定义view实现圆角图片

合集下载

qgraphicsscene中添加圆环弧___概述说明

qgraphicsscene中添加圆环弧概述说明1. 引言1.1 概述本文旨在介绍在使用Qt框架中的QGraphicsScene类中如何添加圆环弧元素。

QGraphicsScene是一种方便创建和管理2D图形场景的类，通常与QGraphicsView和QGraphicsItem一起使用，用于实现图形的显示和交互操作。

1.2 文章结构本文将按照以下结构进行讲解：首先介绍QGraphicsScene中添加圆环弧的方法和样式设置（第二部分）。

然后，通过一个实际的示例演示如何创建QGraphicView和QGraphicsScene对象、向场景中添加圆环弧、以及设置视图来显示场景内容（第三部分）。

最后，在结论部分总结添加圆环弧的步骤和要点，并探讨qgraphicsscene中圆环弧的应用场景和作用。

1.3 目的通过本文，读者将能够了解如何利用QGraphicsScene在Qt应用程序中动态添加和管理圆环弧元素。

本文旨在帮助读者快速上手并灵活运用Qt框架提供的功能，进一步拓展图形场景应用开发领域。

2. qgraphicsscene中添加圆环弧在Qt的图形框架中，我们可以使用QGraphicsScene和QGraphicsItem来创建自定义的图形元素。

本节将介绍如何在QGraphicsScene中添加圆环弧。

2.1 圆环的绘制方法在QGraphicsScene中绘制圆环弧可以通过以下步骤实现：步骤一：创建自定义类继承自QGraphicsItem。

步骤二：重写paint()函数，在其中执行绘制圆环弧的操作。

步骤三：调用update()函数更新图像内容。

2.2 圆环样式的设置在绘制圆环弧之前，我们可以对其进行样式设置。

常见的样式设置包括线条颜色、线条宽度、填充颜色等。

这些样式可以通过Qt提供的QPen和QBrush类进行配置。

2.3 使用qgraphicsitem实现圆环弧效果为了在QGraphicsScene中添加圆环弧，我们需要创建一个自定义的QGraphicsItem 子类，并重写其中的paint() 函数。

Android圆角ImageView类可设置弧度（代码简单）

Android圆⾓ImageView类可设置弧度（代码简单）废话不多说了，直接给⼤家贴代码了，具体代码如下所⽰：public class RoundImageView extends ImageView {private Paint paint;private int roundWidth = 50;private int roundHeight = 50;private Paint paint2;public RoundImageView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init(context, attrs);}public RoundImageView(Context context, AttributeSet attrs) {super(context, attrs);init(context, attrs);}public void SetRoundValue(float roundValue) {roundWidth = (int) roundValue;roundHeight = (int) roundValue;}public RoundImageView(Context context) {super(context);init(context, null);}@SuppressLint("Recycle")private void init(Context context, AttributeSet attrs) {if (attrs != null) {TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundAngleImageView);roundWidth = a.getDimensionPixelSize(R.styleable.RoundAngleImageView_roundWidth, roundWidth);roundHeight = a.getDimensionPixelSize(R.styleable.RoundAngleImageView_roundHeight, roundHeight);} else {float density = context.getResources().getDisplayMetrics().density;roundWidth = (int) (roundWidth * density);roundHeight = (int) (roundHeight * density);}paint = new Paint();paint.setColor(Color.WHITE);paint.setAntiAlias(true);paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));paint2 = new Paint();paint2.setXfermode(null);}@Overridepublic void draw(Canvas canvas) {Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Config.ARGB_8888);Canvas canvas2 = new Canvas(bitmap);super.draw(canvas2);drawLiftUp(canvas2);drawRightUp(canvas2);drawLiftDown(canvas2);drawRightDown(canvas2);canvas.drawBitmap(bitmap, 0, 0, paint2);bitmap.recycle();bitmap = null;}private void drawLiftUp(Canvas canvas) {Path path = new Path();path.moveTo(0, roundHeight);path.lineTo(0, 0);path.lineTo(roundWidth, 0);path.arcTo(new RectF(0, 0, roundWidth * 2, roundHeight * 2), -90, -90);path.close();canvas.drawPath(path, paint);}private void drawLiftDown(Canvas canvas) {Path path = new Path();path.moveTo(0, getHeight() - roundHeight);path.lineTo(0, getHeight());path.lineTo(roundWidth, getHeight());path.arcTo(new RectF(0, getHeight() - roundHeight * 2, 0 + roundWidth * 2, getWidth()), 90, 90);path.close();canvas.drawPath(path, paint);}private void drawRightDown(Canvas canvas) {Path path = new Path();path.moveTo(getWidth() - roundWidth, getHeight());path.lineTo(getWidth(), getHeight());path.lineTo(getWidth(), getHeight() - roundHeight);path.arcTo(new RectF(getWidth() - roundWidth * 2, getHeight() - roundHeight * 2, getWidth(), getHeight()), 0,90);path.close();canvas.drawPath(path, paint);}private void drawRightUp(Canvas canvas) {Path path = new Path();path.moveTo(getWidth(), roundHeight);path.lineTo(getWidth(), 0);path.lineTo(getWidth() - roundWidth, 0);path.arcTo(new RectF(getWidth() - roundWidth * 2, 0, getWidth(), 0 + roundHeight * 2), -90, 90);path.close();canvas.drawPath(path, paint);}}好了，有关Android 圆⾓ ImageView类可设置弧度的内容⼩编就给⼤家介绍到这⾥，希望对⼤家有所帮助！。

给UICollectionView设置组背景和组圆角-Swift

给UICollectionView设置组背景和组圆⾓-Swift钟情圆⾓怎么办?最近由于我们的UI设计钟情于圆⾓搞得我很⽅，各种圆⾓渐变，于是就有了下⾯这篇给UICollectionView的组设置圆⾓和背景⾊的⼀个⼩封装，拿出来和⼤家分享⼀下，⾥⾯的具体的⼀下细节都在代码注释⾥⾯，⼤家留意下代码注释就好。

我们理⼀下⼤致的⼀个思路。

既然是要设置圆⾓和背景，那我们⾸先需要考虑的是在哪⾥设置，直接设置什么属性肯定是不⾏的，要不然那我就是疯了写这个。

我们都应该知道UICollectionView我们要想⾃定义⼀些东西或者布局⼏乎都是通过Layout下⼿的，那我们要给它设置组背景⾊和组圆⾓是不是也在这⾥进⾏呢？我们⼤致的思路是这样的：给UICollectionView 每⼀组添加⼀个修饰View，然后在这个修饰View上我们设置组圆⾓和背景⾊，最后我们把CollectionCell 设置成 Clean背景就可以达到我们想要的效果。

理解上⾯这句话我们第⼀步就是每组先添加修饰View了！怎么处理呢？func registDecorationView() {self.register(PPCollectionReusableView.self, forDecorationViewOfKind: PPCollectionViewDecorationView)}好了这⾥只是开个头，重点都是下⾯呢！NOTE: PPReusableView.self 这个语法在OC中就等于[PPReusableView Class]PPReusableView是继承与UICollectionReusableView这个装饰View，我们后⾯会说这个View 后⾯的 PPCollectionViewSectionBackground 就是我们平时像注册cell时候的⼀个 identify ⽽已。

重点在我们写瀑布流或者别的⼀些布局的时候，我们都是在哪⾥重写的？没错就是 prepare ⽅法, 我们重点也是在这⾥进⾏的，下⾯代码注释写的很仔细的，要是有不理解的地⽅可以留⾔或者Q我，具体的肯定是我们继承 UICollectionViewFlowLayout 写了（要是你也是流式布局的话，要不是你再找UICollectionViewFlowLayout的⽗亲去继承开发），这⾥需要注意UICollectionViewFlowLayout 和 UICollectionViewDelegateFlowLayout，别搞混淆了（相信⼤家不会混淆）。

设置倒圆角的方法

设置倒圆角的方法嘿，朋友们！今天咱就来唠唠设置倒圆角的事儿。

你说这倒圆角，就像是给一个生硬的东西披上了一件柔和的外衣，让它瞬间变得亲切起来。

想象一下，一个方方正正的东西，是不是看起来挺生硬的，感觉碰一下都能把手给磕疼了。

但要是给它加上倒圆角呢，哇塞，那感觉立马就不一样了，就好像是从一个糙汉变成了一个温柔的大姑娘。

那怎么设置倒圆角呢？这可得好好说道说道。

不同的软件、工具，设置的方法可能不太一样，但原理都是相通的。

比如说在一些图形编辑软件里，你得先找到那个专门设置圆角的工具，就像在一堆宝贝里找到那颗闪闪发光的宝石一样。

然后呢，你就可以根据自己的喜好，调整圆角的大小。

你说这神奇不神奇，就那么简单的几步操作，就能让一个普通的图形变得不一样。

就好比你在装修房子，原本直直的墙角看起来冷冰冰的，你给它弄个倒圆角，立马就感觉温馨了许多。

设置倒圆角也是这样，它能让你的设计、你的作品变得更有亲和力，更吸引人。

还有啊，在一些机械设计或者产品设计中，倒圆角也是非常重要的。

它不仅能让产品看起来更美观，还能减少应力集中，增加产品的使用寿命。

你想想，要是一个零件全是尖尖的角，那用着用着不就容易坏了嘛。

但有了倒圆角，就像是给它穿上了一层保护衣，安全又可靠。

再比如，你做一个模型，那些边边角角的，要是不处理一下，看着就很粗糙。

可一旦加上了倒圆角，哇，整个模型的档次都提升了。

这倒圆角就像是魔法一样，能让普通的东西变得不普通。

而且哦，设置倒圆角的时候可不能马虎。

圆角太大了，可能就失去了原本的形状特点；圆角太小了，又好像没起到什么作用。

这就跟做饭放盐一样，放多了太咸，放少了没味道，得恰到好处才行。

所以啊，朋友们，可别小看了这设置倒圆角。

它能让你的作品变得更完美，更吸引人。

无论是在设计、制造还是其他领域，倒圆角都有着不可忽视的作用。

学会了设置倒圆角的方法，就等于掌握了一门让东西变美的技巧，这多有意思呀！你还等什么呢，赶紧去试试吧！。

自定义dialogfragment圆角-概述说明以及解释

自定义dialogfragment圆角-概述说明以及解释1.引言1.1 概述在撰写本文时，我们将重点讨论如何自定义DialogFragment并给它添加圆角效果。

Dialog是Android开发中常用的弹窗组件，DialogFragment则是Dialog的一个特殊子类，它能够在保持与活动（Activity）生命周期关联的同时，提供更灵活、可重用的功能。

随着应用程序设计越来越强调美观性和用户体验，圆角效果作为一种常见的设计元素，被广泛应用于弹窗组件中。

然而，在默认情况下，DialogFragment并不支持直接设置圆角效果，因此我们需要自定义DialogFragment来实现这一目标。

本文将首先介绍自定义DialogFragment的基本概念和用法，包括如何创建和显示一个自定义的对话框。

然后，我们将重点讨论如何给DialogFragment添加圆角效果。

我们将探讨一些实现圆角效果的方法和技巧，包括通过修改背景样式、使用ShapeDrawable、设置圆角边框等等。

通过对这些方法的详细讲解和示例演示，我们将帮助读者更好地理解如何在自定义DialogFragment中实现圆角效果。

同时，这些方法和技巧也可以应用于其他自定义视图或组件。

本文的目的是帮助读者掌握自定义DialogFragment和圆角效果的实现，从而提升应用程序的用户界面设计。

希望读者通过本文的学习，能够在实际项目中灵活运用这些技术，打造出更加美观和具有良好用户体验的应用程序。

1.2 文章结构本文将围绕自定义DialogFragment的主题展开，主要介绍了如何实现DialogFragment的圆角效果。

文章结构如下：2.1 自定义DialogFragment- 介绍DialogFragment的定义和特点- 讲解为什么需要自定义DialogFragment- 分析自定义DialogFragment的步骤和流程2.2 圆角效果的实现- 分析DialogFragment圆角效果的需求和实现思路- 探讨使用圆角Drawable资源的方法- 介绍如何在xml中定义圆角DialogFragment布局- 分析在代码中实现圆角效果的具体步骤- 提供相关代码示例和详细说明3.结论3.1 总结- 总结自定义DialogFragment和圆角效果的重要性和优势- 总结自定义DialogFragment的实现方法和注意事项- 总结圆角效果的实现步骤和要点3.2 展望- 展望自定义DialogFragment的未来发展趋势- 讨论更多关于DialogFragment的扩展和应用- 探讨更多元素和样式的自定义方法通过以上文章结构的安排，读者可以系统地了解自定义DialogFragment的相关概念、介绍了解圆角效果的原理和实现方法。

android中background圆角实现原理

android中background圆角实现原理在Android开发中，背景圆角是一种常见的视觉效果，它可以使背景看起来更加圆滑和自然。

在Android中，背景圆角可以通过多种方式实现，其中最常见的是使用背景图片和圆角属性。

本文将介绍Android中Background圆角实现的基本原理，并分析其优缺点。

一、背景圆角的实现方式1.使用背景图片和圆角属性在Android中，可以使用背景图片和圆角属性来实现背景圆角。

通过设置ImageView的背景图片，并使用圆角属性设置背景图片的圆角大小，可以实现背景圆角效果。

这种方法适用于背景图片已经存在的场景，可以通过调整圆角大小来改变背景圆滑程度。

2.使用自定义View自定义View是一种更高级的实现方式，可以通过在自定义View中绘制圆角形状来实现背景圆角。

这种方法需要开发者手动绘制圆角形状，并对绘制的形状进行适配，适用于需要自定义背景圆滑程度的场景。

3.使用BitmapShaderBitmapShader是一种可以使用OpenGL实现的实现背景圆角的算法。

通过在Paint对象中使用BitmapShader，可以在渲染时对位图进行圆角处理，从而实现背景圆角效果。

这种方法适用于需要高性能渲染的场景，可以通过调整圆角大小和位图质量来改变背景圆滑程度。

二、实现原理分析背景圆角的实现原理主要基于图像处理和渲染技术。

在Android中，背景图片通常使用Bitmap对象来表示，而圆角效果则通过设置Bitmap对象的Shader属性来实现。

对于使用背景图片和圆角属性的方法，可以通过设置ImageView的背景图片和圆角属性来改变背景图片的圆滑程度。

在渲染时，ImageView会根据背景图片和圆角属性绘制出具有圆角的背景效果。

对于使用自定义View的方法，可以通过在自定义View中绘制具有圆角的形状来实现背景圆角。

在绘制时，可以根据需要调整绘制路径和绘制颜色等参数来改变背景圆滑程度。

Android中TextView显示圆圈背景或设置圆角的方法

Android中TextView显⽰圆圈背景或设置圆⾓的⽅法前⾔在我们学习android这么久，⽽且使⽤TextView那么长时间，我们⼀直没有⽤过给TextView添加背景，或者是给TextView添加添加边框，以及怎么样设置TextView的形状。

今天在写代码的时候就⽤到了，怎么在java代码部分设置TextView的背景，和TextView的形状及边框。

⽅法如下：接下来我们来看⼀下，怎么在Java代码部分怎么设置TextView的背景颜⾊，其实很简单的就⼀句话。

tvTemp.setBackgroundColor(Color.parseColor("#00FF00"));我们在xml布局⽂件中就可以直接调⽤drawable⽂件代码如下：android:background="@drawable/textview"在我们设置背景的时候，我们都知道使⽤setBackgroundColor()⽅法，但是，⽅法⾥⾯的参数，必须是RGB HTML格式的值，如果我们⽤drawable，它会提⽰drawable是int类型的。

（其实如果可以的话我们不妨使⽤ImageView组件，这个组件相对TextView更好⽤）。

我们接下来就来看看怎么给让TextView显⽰边框，并且怎么样让其显⽰圆形。

这⾥我们就需要在drawable⾥⾯，新建⼀个.xml⽂件。

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="/apk/res/android"android:shape="oval"android:useLevel="false"><solid android:color="#00FF00" /><stroke android:width="1dip" android:color="#000000" /><sizeandroid:width="15dp"android:height="15dp" /></shape>这只是⼀个圆形，其中， stroke属性，是设置的他的边框颜⾊和宽度，在xml布局中显⽰的是如图所⽰的样式：xml样式最后我们就可以在xml⽂件中利⽤drawable调⽤。

Swift用UIBezierPath来画圆角矩形、自定义多路径图形

Swift⽤UIBezierPath来画圆⾓矩形、⾃定义多路径图形最好的特点就是可以⾃定义路径，设置圆⾓和描边都很⽅便，以下为代码和效果，均在playground中实现1、⾸先实现⼀个圆⾓矩形，并对此路径描边，为其绘制⼀个轮廓。

//: Playground - noun: a place where people can playimport UIKitclass MyView : UIView{override func drawRect(rect: CGRect) {var pathRect = UIEdgeInsetsInsetRect(self.bounds, UIEdgeInsetsMake(1, 1, 1, 1))var path = UIBezierPath(roundedRect: pathRect, cornerRadius: 10)path.lineWidth = 4UIColor.greenColor().setFill()UIColor.blackColor().setStroke()path.fill()path.stroke()}}let viewRect = CGRect(x: 0, y: 0, width: 100, height: 100)let myEmptyView = MyView(frame:viewRect)tips：所有绘制操作都是按照调⽤顺序进⾏的。

在本段代码中，我在填充矩形后再对其进⾏描边。

如果交换对path.fill()和path.stroke()的调⽤顺序，将会得到⼀个稍有不同的结果，绿⾊填充将会略微覆盖⿊⾊描边，效果图如下。

2、下⾯⾃定义⼀条路径，确定⼏个点，然后像画笔⼀样连线！//: Playground - noun: a place where people can playimport UIKitclass MyView : UIView{override func drawRect(rect: CGRect) {var bezierPath = UIBezierPath()//创建⼀个矩形，它的所有边都内缩5%var drawingRect = CGRectInset(self.bounds, self.bounds.size.width*0.05, self.bounds.size.height*0.05)//确定组成绘画的点var topLeft = CGPointMake(CGRectGetMinX(drawingRect), CGRectGetMinY(drawingRect))var topRight = CGPointMake(CGRectGetMaxX(drawingRect), CGRectGetMinY(drawingRect))var bottomLeft = CGPointMake(CGRectGetMinX(drawingRect), CGRectGetMaxY(drawingRect))var bottomRight = CGPointMake(CGRectGetMaxX(drawingRect), CGRectGetMaxY(drawingRect))var center = CGPointMake(CGRectGetMidX(drawingRect), CGRectGetMinY(drawingRect))//开始绘制bezierPath.moveToPoint(topLeft)bezierPath.addLineToPoint(topRight)bezierPath.addLineToPoint(bottomLeft)bezierPath.addCurveToPoint(bottomRight, controlPoint1: center, controlPoint2: center)//使路径闭合，结束绘制bezierPath.closePath()//设定颜⾊，并绘制它们UIColor.redColor().setFill()UIColor.blackColor().setStroke()bezierPath.fill()bezierPath.stroke()}}let viewRect = CGRect(x: 0, y: 0, width: 100, height: 100)let myEmptyView = MyView(frame:viewRect)3、多条⼦路径也可以。

2019年在PPT里打造圆角

【小白教程系列四】PPT中轻松打造圆角图当各位高手看到这个教程题目的时候一定会笑，靠，这么简单的东西拿来写教程啊！其实啊, 你耐心看下去，今天我不是使用ps做圆角图片，而是我要用ppt自己来切”圆角图片（你扯吧，ppt不能处理图片！嘿嘿，仔细看完你就不这么说了！）首先做一个背景，基本的那种就可以了！大家也都会了我就不说了！（不会的看小白教程一）在次，使用ppt绘图工具―》自选图形―》流程图―》可选过程继续，在ppt中画一个圆角矩形，嘿嘿，基本成型了！（大小自己调节好）-流…第四双击圆角图形出现设置自选图形格式，在填充里面选择填充效果一》图片一》选择图片―》一路确定，是不是看到圆角的图片出来了！（看到了吧，不用ps的！嘿嘿！）•…|S1 Iicrosoft PowerPoint -［演示文稿1］［色文件电r編辑云r视图辺插入①格式©工具云H幻灯片放映@F|窗口他)帮助QJ)心」£ △ I s 丨4aJdjjflgjJ8L ⑹二ja ;宋体二18 斗』^^^鼻罔臺丨岸12 10 8 6 4 2 0 2 4 6 8 10 12让字体长时间闪烁技巧在PowerPoint可制作闪烁字，以吸引或者强调文档中一些值得注意的地方。

然而PowerPoint中的闪烁效果却很短暂，就像流星一闪而过。

有时用户需制作一个吸引人注意的连续闪烁字体,那么如何做呢？今天，我们就来介绍一下。

1、在文本框中，填入所需的字体，处理好字体的格式和效果后，做成快速或中速闪烁的图画效果；2、复制这个文本框，根据想要闪烁的时间，确定粘贴的文本框个数。

3、再将这些框的位置设为一致，处理这些文本框为每隔一秒动作一次，设置文本框在动作后消失，这样就成功了。

二、PowerPoint 中插入视频的三种方法为了能更好地帮助大家合理地在PowerPoint 课件中插入和播放视频文件，本文特向大家介绍PowerPoint 中插入和处理视频的三种方法。

glide设置圆角方法

glide设置圆角方法（原创实用版3篇）目录（篇1）1.Glide 简介2.设置圆角的方法3.示例代码正文（篇1）1.Glide 简介Glide 是一个流行的 Android 图像加载库，它提供了高效的图片加载和缓存功能。

Glide 旨在简化图片加载的过程，并提供更好的性能和用户体验。

在 Glide 中，我们可以通过设置圆角来改变图片的显示效果，使图片更加圆润。

2.设置圆角的方法要在 Glide 中设置圆角，我们可以使用`setCircleClip()`方法。

这个方法接受一个布尔值，当为`true`时，图片将显示为圆形，当为`false`时，图片将显示为矩形。

此外，我们还可以通过`setRadius()`方法设置圆角的半径。

3.示例代码下面是一个使用 Glide 设置圆角的示例代码：```javaimport com.bumptech.glide.Glide;import com.bumptech.glide.load.ImageResource;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);setContentView(yout.activity_main);// 加载图片并设置圆角Glide.with(this).load(R.drawable.image).circleClip(true) // 设置图片为圆形.radius(50) // 设置圆角半径.into(imageView);}}```在这个示例中，我们使用`Glide.with()`方法加载`R.drawable.image`中的图片，并使用`circleClip(true)`方法设置图片为圆形，同时使用`radius(50)`方法设置圆角半径。

Android关于Glide的使用（高斯模糊、加载监听、圆角图片）

Android关于Glide的使⽤（⾼斯模糊、加载监听、圆⾓图⽚）⾼斯模糊、加载监听、圆⾓图⽚这些相信⼤家都很熟悉，那如何实现这些效果，请⼤家参考本⽂进⾏学习。

1、引⽤compile 'com.github.bumptech.glide:glide:3.7.0'2、加载图⽚2.1 基本加载Glide.with(context).load(url).into(imageView);2.2 设置加载中和加载失败的情况Glide.with(context).load(url).placeholder(R.drawable.loading) //占位符也就是加载中的图⽚，可放个gif.error(R.drawable.failed) //失败图⽚.into(view);2.3 只加载动画Glide.with(context).load(url).asGif() // 只能加载gif⽂件.into(imageView);2.4 添加图⽚淡⼊加载的效果Glide.with(context).load(url).placeholder(R.drawable.loading).error(R.drawable.failed).crossFade(1000) // 可设置时长，默认“300ms”.into(view);2.5 加载⾼斯模糊图Glide.with(context).load(url).placeholder(R.drawable.loading).error(R.drawable.failed).crossFade(1000).bitmapTransform(new BlurTransformation(context,23,4)) // “23”：设置模糊度(在0.0到25.0之间)，默认”25";"4":图⽚缩放⽐例,默认“1”。

.into(view);2.6 加载监听器RequestListenerGlide.with(this).load(internetUrl).listener(new RequestListener<String, GlideDrawable>() {@Overridepublic boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {Toast.makeText(getApplicationContext(),"资源加载异常",Toast.LENGTH_SHORT).show();return false;}//这个⽤于监听图⽚是否加载完成@Overridepublic boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { Toast.makeText(getApplicationContext(),"图⽚加载完成",Toast.LENGTH_SHORT).show();return false;}}).into(imageView);注意：如果需要加载完成后设置图⽚透明度为0，则不能设置.placeholder(R.drawable.url)，否则达不到你想要的效果。

Android 自定义View消除锯齿实现图片旋转,添加边框及文字说明

先看看图片的效果，左边是原图，右边是旋转之后的图；之所以把这个写出来是因为在一个项目中需要用到这样的效果，我试过用FrameLayout 布局如上的画面，然后旋转FrameLayout，随之而来也就存在了一些问题——锯齿!在网上搜索之后，有两种方法，一是利用Paint，二是利用Canvas；(1)、paint.setAntiAlias(true);paint.setFlags(Paint.ANTI_ALIAS_FLAG);(2)、DrawFilter pfdf = new PaintFlagsDrawFilter(0,Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);canvas.setDrawFilter(pfdf);而如果利用paint,或者canvas，需要从哪获取paint/canvas，这也是一个问题；在实现的过程中，尝试过自定义FrameLayout下面的单个View{ImageView,TextView}，但都以失败告终，失败的主要问题在于右图下边的文字描述无法和相片边框相对齐，而且用Matrix旋转背景之后背景大小改变，位置也不在最下边，所以就采用了单独实现一个View的方法，主要原因还是因为自身对Canvas绘图及Paint画笔不是很熟悉，所以导致的效率不高;public class RotateTextImageView extends View {PaintFlagsDrawFilter pfdf;Paint paint;Matrix matrix;Bitmap bitmap;int index = -1;private int oriHeight;private int oriWidth;private int newHeight;private int newWidth;private int angle = 5;protected Path path = new Path();private float[] f = new float[8];private int shawHeight = 20;private int borderSize = 8;Bitmap oriBitmap;private String text = "";public RotateTextImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle);initCanvasInfo();}public RotateTextImageView(Context context, AttributeSet attrs) { super(context, attrs);initCanvasInfo();}public RotateTextImageView(Context context) {super(context);initCanvasInfo();}/*** 初始化Paint*/protected void initCanvasInfo() {pfdf = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG| Paint.FILTER_BITMAP_FLAG);paint = new Paint();paint.setAntiAlias(true);matrix = new Matrix();matrix.setRotate(5);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);paint.reset();// 消除锯齿paint.setAntiAlias(true);paint.setFlags(Paint.ANTI_ALIAS_FLAG);canvas.setDrawFilter(pfdf);canvas.drawBitmap(bitmap, 0, 0, paint);newHeight = bitmap.getHeight();newWidth = bitmap.getWidth();calculatePoints();// 添加阴影path.reset();path.moveTo(f[0], f[1]);path.lineTo(f[2], f[3]);path.lineTo(f[4], f[5]);path.lineTo(f[6], f[7]);path.close();paint.setStyle(Paint.Style.FILL_AND_STROKE);paint.setColor(Color.parseColor("#96ffffff"));canvas.drawPath(path, paint);// 添加字符if (text != null && !text.equals("")) {path.reset();paint.setTextSize(18);float width = paint.measureText(text);path.moveTo((f[0] + f[2]) / 2, (f[1] + f[3]) / 2);path.lineTo((f[4] + f[6]) / 2, (f[5] + f[7]) / 2);paint.setColor(Color.parseColor("#2b2b2b"));canvas.drawTextOnPath(text, path, (oriWidth - width) / 2, 3, paint);}layout(0, 0, newWidth, newHeight);}/*** 计算坐标值*/private void calculatePoints() {double a = angle * Math.PI / 180;BigDecimal height = new BigDecimal(oriHeight);BigDecimal width = new BigDecimal(oriWidth);BigDecimal cos = new BigDecimal(Math.cos(a));BigDecimal tan = new BigDecimal(Math.tan(a));f[0] = 0;f[1] = height.multiply(cos).floatValue();f[2] = tan.multiply(new BigDecimal(shawHeight)).floatValue();f[3] = (new BigDecimal(f[1])).subtract(new BigDecimal(shawHeight)) .floatValue();f[4] = width.multiply(cos).add(new BigDecimal(f[2])).floatValue();f[5] = new BigDecimal(newHeight - shawHeight).floatValue();f[6] = width.multiply(cos).floatValue();f[7] = new BigDecimal(newHeight).floatValue();}/*** 设置图片** @param bmp*/public void setBitmap(Bitmap bmp) {oriBitmap = bmp;matrix.reset();matrix.setRotate(angle);Bitmap bitmapF = addFrame(bmp);oriHeight = bitmapF.getHeight();oriWidth = bitmapF.getWidth();bitmap = Bitmap.createBitmap(bitmapF, 0, 0, bitmapF.getWidth(),bitmapF.getHeight(), matrix, true);postInvalidate();}/*** 旋转角度** @param angle*/public void setAngle(int angle) {this.angle = angle;setBitmap(oriBitmap);}/*** 设置底部阴影高度** @param shawHeight*/public void setShawHeight(int shawHeight) {this.shawHeight = shawHeight;postInvalidate();}/*** 生成添加了白色边缘的图** @param bmp* @return*/protected Bitmap addFrame(Bitmap bmp) {Bitmap bmpWithBorder = Bitmap.createBitmap(bmp.getWidth() + borderSize* 2, bmp.getHeight() + borderSize * 2, bmp.getConfig());Canvas canvas = new Canvas(bmpWithBorder);canvas.drawColor(Color.WHITE);canvas.drawBitmap(bmp, borderSize, borderSize, null);return bmpWithBorder;}/*** 设置字符串** @param text*/public void setText(String text) {this.text = text;postInvalidate();}/*** 获取字体高度*/protected int getFontHeight() {FontMetrics fm = paint.getFontMetrics();return (int) Math.ceil(fm.descent - fm.top) + 2;}}代码解释:其实没有什么难的东西，只是一些数学运算，代码中每一个方法都有对应的功能注释。

Android自定义ImageView实现圆角功能

Android⾃定义ImageView实现圆⾓功能使⽤⾃定义ImageView，实现圆⾓功能，供⼤家参考，具体内容如下1.⾃定义属性attrs.xml<?xml version="1.0" encoding="utf-8"?><resources><declare-styleable name="RoundCornerImageView"><attr name="radius" format="dimension" /><attr name="left_top_radius" format="dimension" /><attr name="right_top_radius" format="dimension" /><attr name="right_bottom_radius" format="dimension" /><attr name="left_bottom_radius" format="dimension" /></declare-styleable></resources>2.⾃定义RoundCornerImageView，继承AppCompatImageViewpublic class RoundCornerImageView extends AppCompatImageView {private float width, height;private int defaultRadius = 0;private int radius;private int leftTopRadius;private int rightTopRadius;private int rightBottomRadius;private int leftBottomRadius;public RoundCornerImageView(Context context) {this(context, null);init(context, null);}public RoundCornerImageView(Context context, AttributeSet attrs) {this(context, attrs, 0);init(context, attrs);}public RoundCornerImageView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context, attrs);}private void init(Context context, AttributeSet attrs) {if (Build.VERSION.SDK_INT < 18) {setLayerType(YER_TYPE_SOFTWARE, null);}// 读取配置TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.RoundCornerImageView);radius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_radius, defaultRadius);leftTopRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_left_top_radius, defaultRadius);rightTopRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_right_top_radius, defaultRadius);rightBottomRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_right_bottom_radius, defaultRadius); leftBottomRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_left_bottom_radius, defaultRadius); //如果四个⾓的值没有设置，那么就使⽤通⽤的radius的值。

glide设置圆角方法

glide设置圆角方法摘要：1.Glide 简介2.设置圆角方法3.具体实现步骤4.代码示例5.总结正文：Glide 是一款高性能的图片加载库，广泛应用于Android 应用程序中。

它提供了丰富的设置功能，可以让开发者轻松地为图片添加各种效果。

在本篇文章中，我们将重点介绍如何使用Glide 设置图片圆角。

一、Glide 简介Glide 是一款由Google 开发的图片加载库，具有以下特点：1.高效：采用缓存策略，提高图片加载速度。

2.灵活：支持多种设置，如圆角、阴影、裁剪等。

3.易用：集成简单，易于上手。

二、设置圆角方法要在Glide 中设置图片圆角，可以通过以下几个步骤实现：1.添加Glide 依赖：在项目的build.gradle 文件中添加Glide 依赖。

```gradleimplementation "com.github.bumptech.glide:glide:4.12.0"annotationProcessor "com.github.bumptech.glide:compiler:4.12.0"```2.创建圆角图片：在布局文件中使用ImageView 控件，并通过AndroidX 库的ImageUtils 工具类创建圆角图片。

```javaimport androidx.core.content.ContextCompat;import android.graphics.Color;//...Bitmap bitmap = Bitmap.createBitmap(width, height,Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);Paint paint = new Paint();paint.setColor(Color.WHITE);paint.setAntiAlias(true);canvas.drawRoundRect(new RectF(0, 0, width, height), radius, radius, paint);// 转换为DrawableDrawable drawable = ContextCompat.getDrawable(context,R.drawable.ic_launcher_background);drawable.setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());// 设置ImageView 的背景图片imageView.setBackgroundDrawable(drawable);```3.使用Glide 加载圆角图片：在需要加载图片的地方，使用Glide 加载创建好的圆角图片。

uni-app解决小程序圆角样式不生效

uni-app解决⼩程序圆⾓样式不⽣效在使⽤uni-app实现⼩程序的时候，设置左图的右圆⾓不⽣效，样式也都没有问题，在模拟器上也可以正常现实，⼿机上样式出现差别，现有以下解决⽅法：设置整个圆⾓，然后左边使⽤margin-left：-30upx，隐藏左边多余的圆⾓代码如下：<cover-view class="video-mask-btn"><cover-view class="video-mask-btn-left">视频步骤</cover-view><cover-view class="video-mask-btn-right">图⽚步骤</cover-view></cover-view>.video-mask-btn-left,.video-mask-btn-right {width: 180upx;height: 60upx;line-height: 60upx;background: rgba(0,0,0,0.4);text-align: center;color: #FFFFFF;font-size: 35upx;border-radius: 30upx;}.video-mask-btn-left {padding-left: 30upx;margin-left: -30upx;}.video-mask-btn-right {padding-right: 30upx;margin-right: -30upx;}.video-mask-btn-left {padding-left: 30upx;margin-left: -30upx;}.video-mask-btn-right {padding-right: 30upx;margin-right: -30upx;}。

uview image border-radius 用法-概述说明以及解释

uview image border-radius 用法-概述说明以及解释1. 引言1.1 概述概述部分应该为对整篇文章的总览和简要介绍。

在"概述" 部分，你可以对文章的主题和结构进行简要描述。

以"uview imageborder-radius 用法" 这篇文章为例，你可以写下以下内容：概述部分：“uview image border-radius 用法”这篇文章是关于在uview 框架中使用border-radius 属性的一篇指南。

本文将介绍uview 框架的简介以及border-radius 属性在图像元素上的作用和用法。

本文将分为引言、正文和结论三个部分。

在引言部分，我将给出文章的背景和目的。

在正文部分，我将先介绍uview 框架的概述，然后详细探讨border-radius 属性的作用和使用方法。

最后，结论部分将对uview imageborder-radius 的用法进行总结，并给出一些应用示例。

通过这个概述，读者将对整篇文章的内容有一个初步的了解，从而更好地理解文章的结构和目的。

1.2 文章结构文章结构部分的内容可以包括以下内容：文章结构是指整篇文章的组织和布局方式，它确定了文章的层次结构和内容展示顺序。

一篇好的文章结构能够使读者更好地理解文章的主题和内容，并且能够帮助读者更好地阅读和理解文章的逻辑。

本文按照以下结构组织：1. 引言：在引言部分，我们将介绍本文的主题和背景信息。

首先，我们将简要介绍uview，并解释为什么选择研究uview 的image 组件以及其中的border-radius 属性。

接着，我们将概述本文的结构和内容，以引导读者对文章有一个整体的了解。

2. 正文：在正文部分，我们将详细介绍uview 组件库以及其中image 组件的特点和用法。

我们将介绍uview 具体是什么，它的主要特点和优势，并重点介绍其中的image 组件以及其常用属性。

glide roundedcornerstransformation cornertype 使用方法

glide roundedcornerstransformationcornertype 使用方法Glide RoundedCornersTransformation: 使用方法Glide是一个流行的Android图片加载库，它提供了许多功能强大的转换选项来处理图片。

其中之一是RoundedCornersTransformation，它允许我们在加载图片时为其添加圆角效果。

使用Glide RoundedCornersTransformation的方法如下：1. 首先，确保你已经在项目中正确地引入了Glide库。

你可以使用Gradle来添加依赖项，在你的模块级build.gradle文件的dependencies块中添加以下代码：```implementation 'com.github.bumptech.glide:glide:4.12.0'annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'```2. 在你的代码中，导入Glide和所需的类：```kotlinimport com.bumptech.glide.Glideimport jp.wasabeef.glide.transformations.RoundedCornersTransformation```3. 确定你希望添加圆角效果的ImageView或其他视图，并使用Glide加载图片。

你可以使用以下代码示例来加载图片并应用圆角转换：```kotlinGlide.with(context).load(imageUrl).apply(RequestOptions.bitmapTransform(RoundedCornersTransformation(cornerRadius, // 圆角半径，以像素为单位0, // 用于指定不同圆角的位置，默认为0RoundedCornersTransformation.CornerType.cornerType // 圆角类型，支持全、上、下、左、右等多种类型))).into(imageView)```其中，`imageUrl`是你想要加载的图片的URL或资源。

[C#]-用户自定义控件（含源代码）-圆角Panel

[C#]-⽤户⾃定义控件（含源代码）-圆⾓Panel 圆⾓Panel代码using System;using System.Collections.Generic;using ponentModel;using System.Diagnostics;using System.Linq;using System.Text;namespace myControlLibrary{public partial class RoundPanel : System.Windows.Forms.Panel{public RoundPanel(){InitializeComponent();this.Padding = new System.Windows.Forms.Padding(0, 0, 0, 0);this.Margin = new System.Windows.Forms.Padding(0, 0, 0, 0);this.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;}// 圆⾓// =============================================================================================== private int _Radius; // 圆⾓弧度///<summary>圆⾓弧度(0为不要圆⾓)</summary>[Browsable(true)][Description("圆⾓弧度(0为不要圆⾓)")]public int _setRoundRadius{get{return _Radius;}set{if (value < 0) { _Radius = 0; }else { _Radius = value; }base.Refresh();}}// 圆⾓代码public void Round(System.Drawing.Region region){// -----------------------------------------------------------------------------------------------// 已经是.net提供给我们的最容易的改窗体的属性了(以前要⾃⼰调API)System.Drawing.Drawing2D.GraphicsPath oPath = new System.Drawing.Drawing2D.GraphicsPath();int x = 0;int y = 0;int thisWidth = this.Width;int thisHeight = this.Height;int angle = _Radius;if (angle > 0){System.Drawing.Graphics g = CreateGraphics();oPath.AddArc(x, y, angle, angle, 180, 90); // 左上⾓oPath.AddArc(thisWidth - angle, y, angle, angle, 270, 90); // 右上⾓oPath.AddArc(thisWidth - angle, thisHeight - angle, angle, angle, 0, 90); // 右下⾓oPath.AddArc(x, thisHeight - angle, angle, angle, 90, 90); // 左下⾓oPath.CloseAllFigures();Region = new System.Drawing.Region(oPath);}// -----------------------------------------------------------------------------------------------else{oPath.AddLine(x + angle, y, thisWidth - angle, y); // 顶端oPath.AddLine(thisWidth, y + angle, thisWidth, thisHeight - angle); // 右边oPath.AddLine(thisWidth - angle, thisHeight, x + angle, thisHeight); // 底边oPath.AddLine(x, y + angle, x, thisHeight - angle); // 左边oPath.CloseAllFigures();Region = new System.Drawing.Region(oPath);}}// ===============================================================================================public RoundPanel(IContainer container){container.Add(this);InitializeComponent();}protected override void OnPaint(System.Windows.Forms.PaintEventArgs pe) {base.OnPaint(pe);Round(this.Region); // 圆⾓}protected override void OnResize(EventArgs eventargs){base.OnResize(eventargs);base.Refresh();}}}。

glide圆角变换原理

glide圆角变换原理Glide圆角变换原理Glide是一款非常流行的Android图片加载库，它提供了丰富的功能来加载、缓存和展示图片。

其中，圆角变换是Glide库中的一项常用功能，它可以将图片的边角变为圆角，使得图片在显示时更加美观。

Glide的圆角变换原理是通过使用自定义的Transformation实现的。

Transformation是Glide中的一个核心概念，它可以在图片加载过程中对图片进行各种处理操作，包括裁剪、旋转、模糊等。

对于圆角变换，我们可以通过自定义一个继承自BitmapTransformation的类来实现。

我们需要创建一个继承自BitmapTransformation的类，例如RoundTransformation。

在RoundTransformation中，我们需要重写两个方法：transform()和getId()。

在transform()方法中，我们可以获取到原始的Bitmap对象，并对其进行圆角处理。

具体的处理方式可以使用Android提供的canvas 和Path来实现。

我们可以通过Path对象绘制一个圆角矩形的路径，然后将原始的Bitmap对象进行裁剪，只保留路径内的部分。

最后，将裁剪后的Bitmap对象返回即可。

在getId()方法中，我们需要返回一个唯一的字符串作为标识符，用于区分不同的Transformation。

这个标识符可以使用类名或其他唯一的字符串来生成。

接下来，我们需要在使用Glide加载图片时应用这个圆角变换。

在Glide的链式调用中，我们可以使用transform()方法来应用Transformation。

例如：```Glide.with(context).load(imageUrl).transform(new RoundTransformation()).into(imageView);```这样，Glide就会在加载图片时应用我们定义的RoundTransformation来进行圆角变换。

flutter decorationimage圆角处理 -回复

flutter decorationimage圆角处理-回复【Flutter DecorationImage圆角处理】Flutter是一种用于构建跨平台移动应用程序的开源UI框架，可以在一套代码库中同时运行在Android和iOS设备上。

DecorationImage是Flutter中用于装饰控件背景的类，可以添加图片、渐变或背景颜色等效果。

在实际开发中，经常需要对DecorationImage进行圆角处理，以增加UI 的美观性和用户体验。

本文将一步一步回答如何在Flutter中实现DecorationImage的圆角处理。

第一步：导入依赖要使用DecorationImage类和实现圆角处理，首先需要在Flutter项目中的pubspec.yaml文件中导入相应的依赖。

打开pubspec.yaml文件，在dependencies部分添加如下代码：dependencies:flutter:sdk: flutterflutter_cached_network_image: ^0.5.1这里使用了一个第三方库flutter_cached_network_image，它可以帮助我们加载网络图片并缓存到本地，提高图片加载速度。

第二步：创建圆角图片组件在Flutter中，可以通过组合不同的控件来实现自定义的UI效果。

我们可以创建一个圆角图片组件，并传入图片的URL以及圆角大小，以便实现DecorationImage的圆角处理。

创建一个名为RoundedImage的新文件，代码如下：dartimport 'package:flutter/material.dart';import'package:flutter_cached_network_image/flutter_cached_network_i mage.dart';class RoundedImage extends StatelessWidget {final String imageUrl;final double borderRadius;RoundedImage({required this.imageUrl, requiredthis.borderRadius});@overrideWidget build(BuildContext context) {return ClipRRect(borderRadius: BorderRadius.circular(borderRadius),child: CachedNetworkImage(imageUrl: imageUrl,fit: BoxFit.cover,placeholder: (context, url) => CircularProgressIndicator(),errorWidget: (context, url, error) => Icon(Icons.error),),);}}在这个组件中，我们使用ClipRRect控件来实现圆角效果。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

自定义view实现圆角图片
前两天想实现一个圆角图片的效果，通过网络搜索后找到一些答案。

这里自己再记录一下，加深一下自己的认识和知识理解。

?
实现圆角图片的思路是自定义一个ImageView，然后通过Ondraw（）重绘的功能，将drawable和一个圆形进行重叠绘制，这样就可以达到圆角的效果了。

?
下面开始具体实现圆角图片的过程。

第一步：写自定义属性文件
首先我们需要定义一个属性。

在values目录下面新建一个xml文件，这个文件用来自定义一些属性，这样我们就可以写出自己的控件了。

我来简单解释一下，declare-styleable这个标签就是用来自定义属性的，attr标签用来定义具体的属性，format可以指定很多种格式，具体有哪些属性，这里不做过多介绍了，请看博客中的介绍:本来图片修改为圆形，其他地方都是透明2.只是让显示的时候，动态的裁剪到一些部分，然后让图片变圆。

这两种方法的优劣我想大家一眼就能看明白。

直接修改图片，带来的后果是，我如果换了一种方式了，不再是圆角，而是星型，那么我们的图片已经毁掉了，没办法在重用了。

而第二种方式就可以，无论我们换什么样的表现方式，我们是需要换一种裁剪的算法，就可以实现不同的形状的图片了，那么很显然，第二种方法是以不变应万变的。

那么现在，我们选定了第二种方式，那怎么实现呢有人说我们自己写一个类，直接继承自view，然后所有的绘图和大小的计算我们都自己来搞，这样行吗当然可行，但是我们可能是在重复造轮子，因为我们已经有了一个ImageView，而且它里面给我们做了很多关于图片的操作，我们何不继承自ImageView，然后做少量的工作，就可以实现圆角效果呢。

方案确定，好，那我们就开始实现自己的类。

我们定义一个RoundImageView 继承自ImageView
?
然后两个成员变量，分别对应于自定义属性文件中的BorderRadius和RoundType。

?
接下来我们重写构造函数
首先是mPaint的初始化，这是一个画刷，用来画图形的，后面会说。

接下来是最为关键的代码，(attrs,，这句代码用来获取控件上的自定义属性。

然后下面两句
分别获取这两个属性的值，第一个比较复杂，涉及到默认值单位的转换，（这里10的代表默认值）
第二个就是获取RoundImageAttrs_RoundType，获取完毕后，记得一定要调用()；对资源进行释放。

以便后面的其他代码可以访问这些属性资源。

（理解的不透彻，但记住释放就ok）
?
到现在为止我们完成了万里长征第一步，获取到了我们自定义控件的属性了。

接下来就是我们的重头戏，重绘图片。

下面我们重写了OnDraw函数
上面的代码可能第一次看比较迷惑，各种paint还有canvas，drawable，各种区分不清。

下面我结合代码都说说。

1
Bitmap bitmap = mWeakBitmap == nullnull:();这句话是从一个弱引用中取得Bitmap图像，我们在成功创建圆形图像后，会保存起来，以供后面刷新使用。

接下来我们判断bitmap，如果为空说明还没有创建过。

接下来我们通过getDrawable();获取当前ImageView的drawable，里面包含了原本的图像。

下面我们创建了一个临时的Bitmap对象，这个对象将保存经过我们处理之后的图像 bitmap = (getWidth(),getHeight(),; ?? 然后我们创建一个Canvas dcanvas = new Canvas(bitmap);??? (dcanvas); 通过drawable的draw方法将原来ImageView的图像绘制到dcanvas上（其实也是画到bitmap上）。

接下来我们获取图形（这里是圆形，后面大家可以自己定义形状）mMashBitmap = getShapeBitmap();（这个函数我们后面介绍），然后我们设置了paint的属性 ?? private Xfermode mXfermode = new PorterDuffXfermode; ?? (mXfermode); 这个mXfermode代表的意思是，当用paint画图时，新绘制的图像与原图像的关系。

给大家一张图，就很容易理解各种绘制方式了。

1
，在本例子中用的就是DST_IN，想必这张图一看就明白。

paint配置完后，我们就开始将新的形状绘制到原来的图像上
1
(mMashBitmap, 0,0, mPaint); 此时，bitmap中保存的就是叠加之后的图片了，也就是我们最终需要的圆角图片了。

最后我们将这个bitmap绘制到OnDraw函数给我们传递进来的 canvas上，所有工作就基本做完了。

(bitmap, 0,0, null); 最后将绘制好的图片保存起来。

mWeakBitmap = new WeakReference<Bitmap>(bitmap); 下一次执行ondraw 的时候，我们就直接用保存好的bitmap进行绘制了，也就是我们代码中else的部分。

最艰难的部分说完了，哈哈，如果不理解还是得多看几遍。

接下来的工作就轻松了很多，对了，我们还没有实现之前那个绘制形状的函数呢。

我们来绘制把。

很容易的。

1
2
3
4
5
private Bitmap getShapeBitmap()
????{
????????Bitmap bit = (getWidth(),getHeight(),;
????????Canvas can = new Canvas(bit);
????????Paint pa = new Paint;
看看上面的代码，是不是很熟悉，我们之前已经接触过基本的画图方法了。

想必，不用解释了，一眼都能看明白。

这里我只实现了画圆的，大家可以各自发挥想想，画出各种各样的形状，哈哈，是不是很容易，我们自己实现了圆角图像，同时对于android自定义view的绘制也有了大致了解。

对了，这里面还有一个问题，如果用户想动态修改图片怎么办，我们在内存里面保存了一个旧的图片，该怎么更新呢。

其实好办，我们只需要做下面的操作就行
这个函数是当view视图重绘的时候执行的，于是乎，当我们更换图片后，让view重绘，就可以将之前保留的旧的图片信息清空啦。

?
真不容易啊，终于写完了，竟然写了三个小时，看来以后自己还是得多多些博客了，不过通过写文章，更加加深了认识，值得。