Android 之自定义绘制一

这篇具有很好参考价值的文章主要介绍了Android 之自定义绘制一。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

绘制的基本要素

onDraw(Canvas) 绘制方法

Canvas 绘制工具

Paint 调整风格 粗细等

坐标系: x y ,3D 会有z轴,x  左到右,y 上至下,与数学中y颠倒

尺寸单位: 布局中 dp ,sp ,代码中 px;dp 为了适配不同的尺寸

绘制的关键:

draw(Canvas )......(关键类:Paint)

Paint.ANTI_ALIAS_FLAG 抗锯齿 paint.setFlag

像素值和DP转化 TypedValue.applyDimension(TypeValue.COMPLEX_UNIT_DIP,value,rousources.displayMetrics) 

rousources.displayMetrics = Resource.getSystem().getDisplayMetric

  

//dp 2 px

val Float.px
    get() = TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP,
        this,
        Resources.getSystem().displayMetrics
    )

抗锯齿原理:修改图形,变得和原始不一样,边缘模糊化,半透明化,看起来视觉上平滑 

绘制需要有起点和终点,两点组合

绘制线 : canvas.drawLine 坐标参数 (start x, start y , end x ,end y,paint)

绘制圆: canvas.drawCircle 坐标(cx , cy ,radius,paint)也就是 center x , center y , 半径

draw Path(path,point)

drawArc(left,top,right,bottom,startAngle 起始角度,sweepAngle 划过角度,usecenter 是否连接中心,)

onSizeChange 尺寸改变时调用

path.reset() 重置

path.addCircle(centerx , center y, radius,orition 方向 顺时针Path.Direction.CW和逆时针Path.Direction.CW ); 添加圆----> CW = clockwise ,CCW = counter-clockwise

CW,CCW作用: 配合填充方式判断多个图形方向相交部分填充还是其他

path.addRect 添加矩形()

填充方法:path.setfillType  = EVEN_ODD,INVERSE_EVEN_ODD,INVERSE_WINDING,WINDING

INVERSE_EVEN_ODD 是 EVEN_ODD的反规则

INVERSE_WINDING     是    WINDING的反规则

左右 +1 , -1

默认是WINDING填充规则 如果朝一个方向绘制,那么相交的就都属于内部

EVEN_ODD 不管方向如何,每遇到相交点就+1,偶数是外部,基数是内部

ext 贝塞尔曲线

PathMeasure : path准备好之后

PathMeasure(path,forceCloseed 是否自动闭合)  
pathMeasure.length 获取长度
pathMeasure.getPosTan() 路径的长度的切脚

辅助类方法:范围裁剪(clip......())和几何变换(Matrix)  View的left / top /right /bottom 的任意一个点或者四个点的变换

还可以重写其他的绘制方法控制覆盖关系

paint:

strokeWidth 外线宽度

style 样式 例如 Paint.Style.STROKE

setPathEffect(path,advance 提前量 前置量,phase 阶段 空值 )设置pain效果 //  PathDashPathEffect虚线
pathEffect会覆盖原先值 用特效画

canvas.translat(dx,dy) 偏移 横向 , 纵向

canvas.restore() 恢复

canvas.save()  保存属性

kotlin for 遍历 for((index,value) in list.withIndex) 去角标索引

 Kotlin const 常量文章来源地址https://www.toymoban.com/news/detail-674055.html

到了这里,关于Android 之自定义绘制一的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android:绘制自定义View人脸识别框

    项目开发需要自定义View实现一个人脸框,代码实现很平常,一些细节记录一下,方便以后查阅。 代码实现: FaceView.java 注意: 这里我把FaceView的layout_width、layout_height都设置成了\\\"match_parent\\\" 这里面有个 坑 容易踩到 本次开发时,xml中FaceView控件往上一直到第一层父布局宽、高

    2024年02月09日
    浏览(60)
  • 【HTML5】 canvas 绘制图形

    canvas 标签:可用于在网页上绘制图形(使用 JavaScript 在网页上绘制图像) 画布是一个矩形区域,通过控制其每一像素绘制路径、矩形、圆形、字符以及添加图像。 创建一个 canvas :width 和 height 是必备属性,id 是为了在 js 中获取改元素。 在 js 中绘制 canvas 2.0、方法属性 co

    2024年01月18日
    浏览(46)
  • 【HTML5】svg 绘制图形

    什么是 SVG? SVG 的优势,与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于: 基本用法: 属性 描述 xmlns 定义 SVG 命名空间 version 定义所使用的 SVG 版本 width 设置此 SVG 文档的宽度 height 设置此 SVG 文档的高度 图形的 style 属性 属性 描述 fill 定义图形的填充颜色 s

    2024年02月12日
    浏览(68)
  • 【Android Framework系列】第13章 SVG矢量图形自定义组件(绘制中国地图)

    本章节我们来了解下什么是 SVG 矢量图形,怎么通过 SVG 实现图形的绘制,通过 SVG 实现不规则的自定义控件,项目实现一个中国地图,实现每个省都能够点击,项目地址在文末请自取。 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用

    2024年02月10日
    浏览(61)
  • HTML5 Canvas与JavaScript携手绘制动态星空背景

    目录 一、程序代码 二、代码原理 三、运行效果 这段代码通过 HTML5 的 canvas 元素和 JavaScript 实现了一个星空背景效果。首先,它在页面加载时创建了一个全屏大小的画布,并使用 JavaScript 生成了多个具有不同运动轨道的星星对象。每颗星星都具有随机的半径、位置、运动速度

    2024年02月20日
    浏览(49)
  • Android Glide自定义AppCompatImageView切分成若干小格子,每个小格子onDraw绘制Bitmap,Kotlin(1)

      垂直方向的RecyclerView,每行一个AppCompatImageView,每个AppCompatImageView被均匀切割成n个小格子, 每个小格子通过Glide加载出来Bitmap,然后onDraw绘制整行。             上面每一行加载16个bitmap绘图,速度很快,因为是canvas直接绘图。但是,如果使用下文的方式: Android LinearLa

    2024年02月04日
    浏览(40)
  • HTML5 自定义属性

    HTML5 提供了自定义属性(Custom Attributes)的功能,允许开发者在 HTML 元素上添加自定义的属性,以便存储额外的数据或提供特定的功能。 自定义属性的命名应以 \\\"data-\\\" 开头,后面可以跟上任意的自定义名称。这样的命名约定有助于确保自定义属性不与 HTML 或其他标准属性冲突

    2024年02月12日
    浏览(31)
  • 如何使用TailwindCSS和JavaScript构建自定义的HTML5视频播放器

    HTML5自带了一个原生视频播放器。它在浏览器中配备了简单的用户界面、功能和一些基本的控件。尽管通过浏览器的默认视频播放器的功能完美运行,但用户界面并不那么美观和时尚,总体上并不令人满意。 因此,大多数现代Web应用程序和平台,如Udemy、Netflix、YouTube和Amazo

    2024年02月21日
    浏览(48)
  • [HTML]Web前端开发技术2(HTML5、CSS3、JavaScript )格式化文本标记,定义列表,<blockquote>,definition description,ruby——喵喵画网页

    希望你开心,希望你健康,希望你幸福,希望你点赞! 最后的最后,关注喵,关注喵,关注喵,大大会看到更多有趣的博客哦!!! 喵喵喵,你对我真的很重要! 目录 前言 格式化文字与段落 Web页面设计原则 向Web页面添加文字信息 格式化文本标记 标题字标记 添加空格与特

    2024年02月05日
    浏览(93)
  • 灵魂画师,Android绘制流程——Android高级UI(1)

    绘制流程从何而起 Activity 的界面结构在哪里开始形成 绘制流程如何运转起来 接下来我们就一个个目标来 conquer。 我们一说到 绘制流程 ,就会想到或是听过 onMeasure 、 onLayout 、 onDraw 这三个方法,但是有没想过为什么我们开启一个App或是点开一个Activity,就会触发这一系列流

    2024年04月17日
    浏览(68)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包