首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏韩曙亮的移动开发专栏

    【OpenGL】十九、OpenGL 绘制模式 ( 绘制线框模式 | 绘制点模式 )

    文章目录 一、绘制线框模式 二、绘制点模式 三、绘制点模式 ( 圆点 ) 四、相关资源 一、绘制线框模式 ---- 使用 glPolygonMode(GL_FRONT, GL_LINE) 设置当前的绘制模式是线框模式 (GL_TRIANGLES); // 绘制多个三角形 //glBegin(GL_TRIANGLE_STRIP); // 绘制 GL_TRIANGLE_STRIP 三角形 //glBegin (GL_TRIANGLE_FAN); // 绘制三角形扇 // 绘制多边形 glBegin(GL_POLYGON); // 1. ) 设置当前绘制模式绘制点 , 设置了该模式后 , 之后的所有图形都会变成点 ; // 设置点模式 // 设置了该模式后 , 之后的所有图形都会变成点 glPolygonMode(GL_FRONT (GL_TRIANGLE_FAN); // 绘制三角形扇 // 绘制多边形 glBegin(GL_POLYGON); // 1.

    2.6K00编辑于 2023-03-28
  • 来自专栏码上积木

    粗谈绘制任务和绘制流程

    第一次界面绘制 上篇文章说到,当有绘制任务的时候,会将这个任务交给Choreographer,然后再等下一个VSync信号来的时候,执行到ViewRootImpl的performTraversals方法 所以这里就是Activity显示界面所做的第一次绘制来源。 那后续界面上的元素改变带来的绘制呢? 继续看draw(Canvas canvas)方法,注释还是比较清晰的,一共分为了六步: 1、绘制背景 2、保存图层信息 3、绘制内容(onDraw) 4、绘制children 5、绘制边缘 6、绘制装饰 而我们常用的onDraw就是用于绘制内容。 总结 到此,View的绘制大体流程就结束了。 当然,其中还有大量细节,比如具体的绘制流程、需要注意的细节、自定义View实现等等,我们后面慢慢说道。

    95520发布于 2021-04-30
  • 来自专栏刘望舒

    Android绘制优化(一)绘制性能分析

    Android性能优化分为很多种,比较常用的有绘制优化、内存优化、耗电优化和稳定性优化等,这个系列我们就来学习性能优化中的绘制优化。 1.绘制原理 Android绘制View有三个主要的步骤,分别是measure、layout和draw。 View过度绘制,导致某些像素在同一帧时间内被绘制多次。 UI线程中做了稍微耗时的操作。 为了解决上述的问题,除了我们要在写代码时要注意外,也可以借助一些工具来分析和解决卡顿问题。 蓝色代表测量绘制的时间,也就是需要多长时间去创建和更新DisplayList。如果蓝色柱状图很高,可能是需要重新绘制,或者View的onDraw方法处理事情太多。 导致这一问题产生的原因主要是线程在绘制时,在很长一段时间都没有分配到CPU时间片,因此无法继续进行绘制。按m键来高亮该时间段,我们来查看CPU的情况,如下图所示。 ?

    2.1K50发布于 2018-02-01
  • 来自专栏全栈程序员必看

    Python绘制旭日图_python绘制散点图

    参考链接:https://blog.csdn.net/m0_67790374/article/details/124137448

    1.8K20编辑于 2022-11-09
  • 来自专栏全栈程序员必看

    Python散点图绘制(用seaborn绘制散点图)

    网址为:点击打开链接 可以看到scatter中有很多参数,经常使用的参数主要有以下几个: c: marker: 数据、代码和绘制的图如下。 5, xmin=0) # 显示 plt.show() # 主模块 if __name__ == "__main__": # 运行 draw_scatter(n=2000, s=20) 绘制的图如下

    2.6K10编辑于 2022-07-29
  • 来自专栏Android 进阶

    绘制优化

    过度绘制 说道绘制优化,免不了要谈一谈过度绘制,那什么是过度绘制呢 过度绘制(Overdraw)描述的是屏幕上的某个像素在同一帧的时间内被绘制了多次。 比如上面界面中的『调试 GPU 过度绘制 』的那个文本显示为蓝色,表示其过度绘制了一次,因为背景是白色的,然后文字是黑色的,导致文字所在的区域就会被绘制两次:一次是背景,一次是文字,所以就产生了过度重绘 - 蓝色:1 次过度绘制 - 绿色:2 次过度绘制 - 粉色:3 次过度绘制 - 红色:4 次及以上过度绘制 过度绘制的存在会导致界面显示时浪费不必要的资源去渲染看不见的背景,或者对某些像素区域多次绘制 为了提升用户体验,提升应用的流畅性,优化过度绘制的工作还是很有必要做的。 优化原则 一些过度绘制是无法避免的,比如之前说的文字和背景导致的过度绘制,这种是无法避免的。 这样一来,只有裁剪矩形内的界面需要绘制,自然就减少了抽屉布局的过度绘制。自定义控件时可以参照这个来优化过度绘制问题。

    1.1K10发布于 2020-04-23
  • 来自专栏游戏开发之旅

    UI绘制

    /CJB_King/article/details/78690250 Unity中的UGUI对外还是很开放的,查看了MaskableGraphic类,发现UI的绘制都是继承自此类 ,然后在OnPopulateMesh方法中进行UI的绘制,要做自己的UI需要继承此类,然后重写OnPopulateMesh方法(这个方法有两个重载);这里就重写OnPopulateMesh(VertexHelper vh),运用VertexHelper 对象的AddUIVertexQuad方法绘制UI; 主要看下面的方法: private UIVertex[] GetQuad(Vector2 startPos

    2K20发布于 2019-12-02
  • 来自专栏写代码和思考

    IOS开发 图形绘制绘制线条,矩形,和垂直和居中绘制文字

    绘制线 // 绘制直线 + (void)toDrawLineFromX:(CGFloat)x1 Y:(CGFloat)y1 toX:(CGFloat)x2 toY:(CGFloat)y2 context CGContextAddLineToPoint(con, x2, y2); CGContextSetLineWidth(con, 1); CGContextStrokePath(con); } 绘制矩形 //绘制矩形 ,fillColor填充色 + (void)toDrawRect:(CGRect)rectangle color:fillColor context:(CGContextRef)ctx{ 矩形边框颜色 [[UIColor whiteColor] setStroke]; //边框宽度 CGContextSetLineWidth(ctx,0); //绘制 ///绘制文字,rect1指定矩形,绘制文字在这个矩形水平和垂直居中 + (void)toDrawTextWithRect:(CGRect)rect1 str:(NSString*)str1 context

    2.1K00发布于 2020-03-16
  • 来自专栏数据 学术 商业 新闻

    R-三维散点图绘制绘制

    如果我们将气泡图的三维数据绘制到三维坐标系[1]中,通常称其为三维散点图,即用在三维X-Y-Z图上针对一个或多个数据序列绘出三个度量的一种图表。 下面将从两个包的两个函数(scatter3D(),plot3d())入手,一步步带你完成三维散点图的绘制。本文内容丰富,希望大家都能学到自己想要的内容,学习不易,欢迎反馈建议。 本文框架 ? 绘制箱子型box = TRUE;旋转角度为theta = 60, phi = 20;透视转换强度的值为3d=3;按照2D图绘制正常刻度ticktype = "detailed";散点图的颜色设置bg=" 加入第四个变量 上图可以看出三者之间的关系,但是如果要加入第四个变量(Petal.Width)该怎么绘制到三维散点图中? 方法一:可以将变量Petal.Width映射到数据点颜色中。 同理,我们绘制出以鸢尾花不同类别作为第四个变量的三维散点图。通过该图可以清晰看到不同类别的鸢尾花特征非常不同。

    2.9K11发布于 2021-02-22
  • 来自专栏韩曙亮的移动开发专栏

    【OpenGL】十一、OpenGL 绘制多个点 ( 绘制单个点 | 绘制多个点 )

    文章目录 一、绘制单个点 二、绘制多个点 三、相关资源 在上一篇博客 【OpenGL】十、OpenGL 绘制点 ( 初始化 OpenGL 矩阵 | 设置投影矩阵 | 设置模型视图矩阵 | 绘制点 | 清除缓冲区 | 设置当前颜色值 | 设置点大小 | 绘制点 ) 中 , 讲解了绘制单个点的操作 , 本篇博客简单介绍下绘制多个点 ; 一、绘制单个点 ---- 绘制点时, 会将从 glBegin 到 glEnd 之间的所有的点都绘制出来 , 可以调用 glVertex3f 方法设置点 ; 设置了几个点 , 就会绘制几个点 , 如下代码中设置了一个点 , 那么就只绘制这一个点 ; // 绘制点时, 会将从 glBegin 到 glEnd 之间的所有的点都绘制出来 // 可以调用 glVertex3f 方法设置多个点 // 绘制点开始 glBegin ; // 绘制点时, 会将从 glBegin 到 glEnd 之间的所有的点都绘制出来 // 可以调用 glVertex3f 方法设置多个点 // 绘制点开始

    1.8K00编辑于 2023-03-28
  • 来自专栏韩曙亮的移动开发专栏

    【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )

    文章目录 一、设置线宽度 二、绘制单条线段 GL_LINES 三、绘制多条线段 GL_LINES 四、绘制依次连接的点组成的线 GL_LINE_STRIP 五、绘制圈 GL_LINE_LOOP ( 偶数个点 ) 六、绘制圈 GL_LINE_LOOP ( 奇数个点 ) 七、绘制彩色的线 八、相关资源 一、设置线宽度 ---- 线的绘制宽度是 OpenGL 状态机中的一个值 , 通过 glLineWidth // 绘制点结束 glEnd(); // 将后缓冲区绘制到前台 SwapBuffers(dc); 绘制效果 : 注意 : 设置的点个数必须是偶数的 , 如果设置奇数个点 // 绘制点结束 glEnd(); // 将后缓冲区绘制到前台 SwapBuffers(dc); 绘制效果 : 四、绘制依次连接的点组成的线 GL_LINE_STRIP // 绘制点结束 glEnd(); // 将后缓冲区绘制到前台 SwapBuffers(dc); 效果展示 : 五、绘制圈 GL_LINE_LOOP (

    5.7K01编辑于 2023-03-28
  • 来自专栏Android知识点总结

    Flutter 绘制集录 | 秒表盘的绘制

    前言 本文的目的在于绘制练习,将被收录在 FlutterUnit 的绘制集录当中。 下面来看一下绘制过程中需要的参数,首先需要一个 Duration 对象,表示当前秒表的时间。另外,根据时间可以计算出小圆的角度。 绘制时可以配置的参数,比如半径、刻度颜色、文字颜色、样式等。 刻度绘制 如下所示正方形是绘制区域,左侧刻度宽为 scaleLineWidth,通过矩形区域的宽度和 _kScaleWidthRate 比例来确定。 如下,遍历绘制 180 次上面的条刻度,每次绘制完成后画布旋转 2° ,这样绘制 180 次之后,画布会转 360° 回到原本位置。 在绘制指示器时,将画布进行旋转 radians 弧度,不过要注意,为了避免这个旋转变换对其他绘制的影响,需要通过 save 和 restore 方法进行处理。

    1.2K30编辑于 2022-09-20
  • 来自专栏北洋csdn

    软件绘制 & 硬件加速绘制 【DisplayList & RenderNode】

    Android4.0以后,系统默认开启硬件加速来渲染视图异同点共同点两者都是从SF获取一块内存,绘制都是在APP端,绘制好后都是通知SF去进行合成图层真正的区别真正的区别:绘制是通过CPU还是GPU完成的视图绘制 Skia图形库渲染是CPU工作完成;8.0之后,Skia间接调用OpenGl,OpenGL间接操作GPU可降低CPU压力硬件加速绘制:构建阶段:确定需要绘制的脏区域及如何绘制绘制指令如何保存)绘制阶段 ,单独渲染线程,取出保存的绘制指令转换为OpenGl指令通过swapBuffer让GPU绘制向SF发起合成的操作构建阶段大致流程:递归遍历所有视图获取视图绘制操作,每个绘制的操作都是一个DrawOP比如 软件绘制是在主线程,硬件加速是在单独的RenderThread中去完成绘制的摘一个网上的图:图片大致流程DrawOp树合并绘制特殊Layer:调用GPU进行绘制,GPU向共享内存写内容将填充好的rawBuffer 提交给SF合成获取共享内存DrawOp树最后是缓存在了DisplayList中,不像软件绘制是直接将绘制数据同步到匿名共享内存中。

    1.2K20编辑于 2023-09-18
  • 来自专栏Android知识点总结

    Flutter 绘制探索 | 绘制中的动画变换

    theme: cyanosis 前言: 这篇文章来通过一个有趣的案例,介绍一下 绘制中的动画变换 ,以及如何在当前的变换基础上,叠加变换。 图片的绘制 首先看一下如何在 Flutter 中绘制一张资源图片。 画板只需要专注于绘制即可,像图片数据加载这种活,画板不应该操心。所以其中持有 ui.Image 对象,并在构造函数中进行初始化。在 paint 方法中使用图像进行绘制。 下面来看一下,如何对一部分的绘制内容进行变换,对于移动、平移、缩放等简单的变换 Canvas 中提供了相关的方法。 关于这方面,之前出过一个视频,感兴趣的可以看一下 : 《Flutter 绘制实践 | 路径篇 · 变换中心》 。

    2.1K30编辑于 2023-04-23
  • 来自专栏作图丫

    绘制有间隙的热图绘制-gapmap

    今天小编向大家介绍一下使用gapmap和dendsort包生成带间隙的热图绘制方法及效果。 complete") #层次聚类 col_d <- as.dendrogram(col_hc) row_d <- as.dendrogram(row_hc) #生成系统树图 一、gapmap 1.绘制没有间隙的聚类图 下,间隙映射的比例 #label_size 标签文字大小 v_ratio= c(0.1,0.8,0.1), h_ratio=c(0.1,0.8,0.1) ) 3.更改颜色绘制热图 install.packages("dendsort") library(dendsort) 1.绘制排序后的热图 gapmap(m = as.matrix(dataTable), d_row gap_dendrogram 是ggplot2绘制空白树状图的方法,输入数据类型为gapdata class,由gap_data()生成 row_data <- gap_data(d= dendsort

    2.1K21编辑于 2022-03-28
  • 来自专栏CSDNToQQCode

    OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)

    OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字) --- - 目录 OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字) 前言 基础标识绘制 绘制线line函数 rectangle绘制四边形 circle绘制圆形 putText绘制文字 putText绘制中文文字 总结 ---- 前言 计算机视觉市场巨大而且持续增长,且这方面没有标准 ---- 基础标识绘制 绘制线line函数 cv2.line(image, start_point, end_point, color, thickness) 参数1:图片 参数2:起始位置,0代表左上角 (250, 250), (550, 500), (0, 0, 255), 2) # 显示图片 cv2.imshow("Image", img) cv2.waitKey(0) 四边形: circle绘制圆形

    89060编辑于 2023-02-10
  • 来自专栏Android知识点总结

    【Flutter 绘制番外】svg 文件与绘制 (上)

    前言 对一些有趣的绘制 技能和知识, 我会通过 [番外篇] 的形式加入《Flutter 绘制指南 - 妙笔生花》小册中,一方面保证小册的“与时俱进” 和 “活力”。 另外一个好消息: 《Flutter 绘制指南 - 妙笔生花》小册源码 idraw 已经完成了 空安全 的转化。 一、对 svg 的认识 1. 其实对于 Flutter 绘制而言,最重要的是路径 Path 的形成,那么既然 svg 文件里有路径信息,是不是意味着我们可以提取坐标、生成路径,然后进行绘制呢?废话不多说,一起来试验一下。 与 Flutter 绘制的衔接 如下方法是通过解析一条 svg 路径,形成 Flutter 中 Path 的过程。注意目前只有 M,H,V,L,Z 四个指令,其他 svg 指令在后面会继续完善。 通过绘制形成的路径就能显示出来了: Color color = const Color(0xff1E80FF); canvas.drawPath(formPathFromSvgOp(src), paint

    1.3K10编辑于 2022-03-18
  • 来自专栏Android知识点总结

    【Flutter 绘制番外】svg 文件与绘制 (中)

    前言 上一篇《【Flutter 绘制番外】svg 文件与绘制 (上)》中,我们对 H、V、L 三个 svg 指令做了介绍,并通过正则表达式进行解析,生成 Flutter 绘制中的 Path 路径。 那只能说,你还不了解在绘制中 Path 对象的地位。 比如,有了 Path 就可以对绘制进行精细的控制,比如,绘制线框: 其实有了路径之后,就是绘制技能的事了,比如给个渐变色: image.png 比如通过 shader 为绘制增加图片进行着色: 或通过 关于绘制的技能,在 《Flutter 绘制指南 - 妙笔生花》 中有详细介绍。 三、解析结果在 Flutter 中的绘制 经过上面的解析和对 Path 以及 Paint 的处理,剩下的绘制工作就非常简单了。

    1.4K20编辑于 2022-03-25
  • 来自专栏生信小驿站

    R语言绘制绘制ROC和PR曲线(总结)

    本节目标: (1)总结常用的绘制ROC和PR曲线的R包 (2)生存预测模型的时间依赖性ROC曲线 第一部分:总结常用的绘制ROC曲线的R包: (1)ROCR - 2005 ROCR包已经存在了近14年 ,是绘制ROC曲线最常用的工具,这个也是我本人最喜欢用和最常用的R语言包。 下面的代码使用包附带的合成数据集并绘制默认的ROCR ROC曲线。在本文中,我将使用相同的数据集。 #################################### #ROCR包绘制ROC曲线 #################################### library(ROCR

    8.9K63发布于 2019-06-20
  • 来自专栏算法与编程之美

    绘制圆形螺旋

    1 问题 如何利用python绘制红、蓝、绿、黄四种颜色的圆形螺旋? yellow"] for i in range(100): p.pencolor(colors[i%4]) p.circle(i) p.left(91) 3 结语 针对如何利用python绘制

    52010编辑于 2024-03-07
领券