自定义View之icon集合

最新推荐文章于 2023-07-18 08:36:30 发布

Litchiny

最新推荐文章于 2023-07-18 08:36:30 发布

阅读量973

点赞数 1

分类专栏： Android_View 自定义View 文章标签： icon集合自定义view

本文链接：https://blog.csdn.net/liuwanyouyue/article/details/85647392

版权

本文介绍了如何使用自定义View来绘制电池、卡车和购物车等图标，详细讲解了每个图标的绘制思路和关键代码，虽然在实际开发中不推荐这种方法，但作为一个学习和实践的过程。文章提供了一个Kotlin和两个Java的实现示例。

摘要由CSDN通过智能技术生成

前言

此篇主要是关于一些icon图使用自定义view的方式绘制出来
实际开发中不建议这么做,因为影响开发效率,而我写这一篇,纯粹是闲的:)
不涉及适配,部分属性因为全部是在一个view里绘制,所以对于单个而言会有重复.
部分icon地址

效果图

name

1. 电池

思路: Rect+Path+Rect+Text
语言: Kotlin
关键代码:

  override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        rectPaint?.style = Paint.Style.FILL
        resetPaintColor(rectPaint)
        canvas.drawRect(Rect(allStartX + topRectStartX, allStartY, allStartX + topRectX + topRectStartX, topRectY + allStartY), rectPaint!!)   //画实心
        rectPaint?.style = Paint.Style.STROKE
        canvas.drawPath(path!!, rectPaint!!)
        resetPaintColor(textPaint)
        if (completeProgress <= lowBattery) {
            textPaint?.textSize = (rectX * 8 / 5).toFloat()
            canvas.drawText("!", (allStartX + rectX / 2 - baseInside).toFloat(), (rectY - baseInside + allStartY).toFloat(), textPaint!!)
        } else {
            rectPaint?.style = Paint.Style.FILL
            rectPaint?.color = Color.GREEN
            val num = (rectY - 2 * baseInside) * (100 - completeProgress) / 100 + allStartY + topRectY + baseInside
            canvas.drawRect(Rect(allStartX + baseInside, num, allStartX + rectX - baseInside, rectY + topRectY - baseInside + allStartY), rectPaint!!)
        }
        textPaint?.textSize = textSize.toFloat()
        canvas.drawText(completeProgress.toString() + "%", rectX * 1.4f + allStartX, (distanceH / 2 + baseInside * 2).toFloat(), textPaint!!)
    }

2. 卡车

思路: RoundRect+Path+Circle(白色背景)+Circle
语言: Java
关键代码:

 private void drawCar(Canvas canvas) {
   
        mPaint.setStyle(Paint.Style.STROKE);
        int startPath = startRect + baseWidth;
        canvas.drawRoundRect(new RectF(startRect, startRect, startPath, startPath), 5, 5, mPaint);
        mPath.reset()