当前位置：首页 > news >正文

苏州模板网站建站谷歌 chrome 浏览器

news 2025/7/12 15:46:34

苏州模板网站建站,谷歌 chrome 浏览器,摄像头监控视频怎么做直播网站,莱州房产网房产信息绘制的基本要素: onDraw(Canvas)：是用来重写的 Canvas：实际执行绘制的 Paint：调整粗细和颜色等坐标系：以屏幕左上角为原点，向右、向下为正向数值的坐标系尺寸单位：在绘制过程中所有的尺寸单位都是px…

绘制的基本要素:

onDraw(Canvas)：是用来重写的

Canvas：实际执行绘制的

Paint：调整粗细和颜色等

坐标系：以屏幕左上角为原点，向右、向下为正向数值的坐标系

尺寸单位：在绘制过程中所有的尺寸单位都是px，像素，在绘制阶段是直接跟屏幕打交道的

举例，我们画一条线

package com.example.viewtest.viewimport android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.util.AttributeSet
import android.view.Viewclass TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {private val paint = Paint(Paint.ANTI_ALIAS_FLAG)override fun onDraw(canvas: Canvas) {super.onDraw(canvas)canvas.drawLine(100f, 100f, 300f, 300f, paint)}
}

画个圆

package com.example.viewtest.viewimport android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.util.AttributeSet
import android.view.View
import com.example.viewtest.ext.dpclass TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {private val paint = Paint(Paint.ANTI_ALIAS_FLAG)override fun onDraw(canvas: Canvas) {super.onDraw(canvas)canvas.drawCircle(width / 2f, height / 2f, 100.dp, paint)}
}

接下来讲Path，path不是用来绘制路径的，绘制路径只是其中一个功能而已，他是用来绘制图形的

使用Path绘制一个圆

package com.example.viewtest.viewimport android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Path
import android.util.AttributeSet
import android.view.View
import com.example.viewtest.ext.dpclass TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {private val paint = Paint(Paint.ANTI_ALIAS_FLAG)private val path = Path()// 在尺寸发生改变的时候，初始化 pathoverride fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {super.onSizeChanged(w, h, oldw, oldh)path.reset()// 最后一个参数：Direction，CW：顺时针，CCW：逆时针path.addCircle(width / 2f, height / 2f, 100.dp, Path.Direction.CW)}override fun onDraw(canvas: Canvas) {super.onDraw(canvas)
//        canvas.drawLine(100f, 100f, 300f, 300f, paint)
//
//        canvas.drawCircle(width / 2f, height / 2f, 100.dp, paint)canvas.drawPath(path, paint)}
}

这里主要讲一下Direction，Direction主要是用来处理两个图形相交处的样子，通过Direction的配合使用，可以使图形相交地方之处实现实心还是镂空的效果，这里有一个标准

如果要确定一个点是在内部还是外部，那么就从这个点像任意方向发送一条射线，这条线遇到左旋（逆时针）路径就+1，右旋路径就-1，最终结果无论正负，只要不为0，那么这就是一个在内部的点

除此之外，一般使用path.fillType属性，他的默认值是Path.FillType.WINDING，使用path.fillType是另一套计算方式，也就是说不管左旋还是右旋，一个点只记录和path的相交次数，奇数为内部，偶数为外部

镂空效果直接设置为 path.fillType = Path.FillType.EVEN_ODD

举个例子，一个圆和一个方相交

package com.example.viewtest.viewimport android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Path
import android.util.AttributeSet
import android.view.View
import com.example.viewtest.ext.dpclass TestView(context: Context, attrs: AttributeSet) : View(context, attrs) {private val paint = Paint(Paint.ANTI_ALIAS_FLAG)private val path = Path()// 在尺寸发生改变的时候，初始化 pathoverride fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {super.onSizeChanged(w, h, oldw, oldh)path.reset()// 最后一个参数：Direction，CW：顺时针，CCW：逆时针path.addCircle(width / 2f, height / 2f, 100.dp, Path.Direction.CW)path.addRect(width / 2f - 100.dp, height / 2f, width / 2f + 100.dp, height / 2f + 2 * 100.dp, Path.Direction.CCW)// 第二个参数的作用是是否要自动闭合pathMeasure = PathMeasure(path, false)pathMeasure.length// 给定一个长度，会返回当前长度所处位置的切点，也就是正弦值pathMeasure.getPosTan()path.fillType = Path.FillType.EVEN_ODD}override fun onDraw(canvas: Canvas) {super.onDraw(canvas)
//        canvas.drawLine(100f, 100f, 300f, 300f, paint)
//
//        canvas.drawCircle(width / 2f, height / 2f, 100.dp, paint)canvas.drawPath(path, paint)}
}