首页 > 其他 > 详细

自定义绘制View常用方法

时间:2021-05-11 17:53:43      阅读:17      评论:0      收藏:0      [点我收藏+]

一:继承与View

class MyView: View {}

二:实现构造方法
//代码实现,当使用代码创建该视图时调用该方法
constructor(context: Context) : super(context) {}
//xml实现,当使用xml方式创建该视图是调用该方法
constructor(context: Context,attributeSet: AttributeSet) : super(context,attributeSet){}

三:若需要获取视图的是size则在OnSizeChanged()中获取
当视图的大小发生改变时调用该方法
override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
super.onSizeChanged(w, h, oldw, oldh)

}

四:绘制图片
绘制图片在ondraw方法中实现
//在该方法中绘制主要的内容
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)

}
//在该方法中绘制子视图的内容
override fun dispatchDraw(canvas: Canvas?) {
super.dispatchDraw(canvas)
}
//绘制前景
override fun onDrawForeground(canvas: Canvas?) {
super.onDrawForeground(canvas)
}

五:绘制的方法
drawColor 颜色
drawCircle 圆形
drawRect 矩形
drawPoint 点
drawOval 椭圆
drawLine 线
drawRoundRect 圆?矩形
drawArc 弧形
drawPath 自定义路径
drawBitmap 绘图
drawText 文字
drawTextOnPath 在路径上绘制
StaticLayout 多行文字绘制

以路劲为例:
canvas?.drawPath(path,paint1)

Path():
Path().apply {
moveTo(0f,0f) //路径的开头的位置
lineTo(0f,500f) //画一条线的结束位置
// quadTo(0f,1000f,500f,1000f) //二阶贝塞尔曲线,前面两个参数为峰点的位置,后两个参数为结束位置
cubicTo(100f,0f,300f,1000f,400f,500f)//三阶贝塞尔曲线,前四个参数分别为两个峰点的参数,后两个为结束位置
//在路径中,若是没有设置开头位置*(moveTo())则以上一个结束位置为开头位置
arcTo 弧形
close 闭合
}
Paint():
Paint().apply {
//画笔的颜色
color = Color.BLACK
//样式
style = Paint.Style.STROKE
//笔的宽度
strokeWidth = 10f
//画笔的渐变
setShader()
LinearGradient 线性渐变
BitmapShader
ComposeShader
RadialGradient
SweepGradient
}

自定义绘制View常用方法

原文:https://www.cnblogs.com/luofangli/p/14754448.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!