从SurfaceView和Canvas到libGDX - 腾讯云开发者社区

文章/答案/技术大牛

发布

Canvas 从进阶到退学

本文简介接着《Canvas 从入门到劝朋友放弃（图解版）》，本文继续补充 canvas 基础知识点。这次我不手绘了！...本文会涉及到 canvas 的知识包括：变形、像素控制、渐变、阴影、路径变形这里说的变形是基于画布，全局进行变形。...x 和 y 代表选区的左上角坐标，width 表示选区宽度，height 表示选区高度。还是举例说明比较清楚。下图渲染到画布上的是我的猫Bubble。...从入门到劝朋友放弃（图解版） —— 新开路径中我讲到新开路径和关闭路径的用法，本节会在上篇的基础上丰富更多使用细节。...这个例子中，如果没用 ctx.beginPath() ，canvas 就会以为线和圆形都属于同一个路径，所以在画圆形时，下笔的时候就会把线的“结束点”和圆的“起点”相连起来。

2.4K2 1

Canvas绘制从黑到白的渐变矩形

Canvas绘制一条线条可以使用strokeStyle方法来绘制线条的颜色。但是却是绘制一条直线的。示例如下：绘制一条黑色的线从0-255变化的点，组成线条 <!...ctx.lineWidth = 30; // 设置线条的宽度 ctx.strokeStyle = "rgb("+i+","+i+","+i+")"; // 设置每个点的颜色，从...0 - 255，从黑到白 ctx.stroke(); } } ...canvas id="myCanvas" width="400" height="400">canvas> 浏览器显示如下： ??

9741 0

您找到你想要的搜索结果了吗？

是的

没有找到

Canvas 从入门到劝朋友放弃（图解版）

画条直线在 HTML 中创建 canvas 元素通过 js 获取 canvas 标签从 canvas 标签中获取到绘图工具通过绘图工具，在 canvas 标签上绘制图形 canvas 会将线条的中心点和像素的底部对齐，所以会导致显示效果是 2px 和非纯黑色问题。 5、IE兼容性高暂时只有 IE 9 以上才支持 canvas 。...答：默认情况下 canvas 会将线条的中心点和像素的底部对齐，所以会导致显示效果是 2px 和非纯黑色问题。上图每个格子代表 1px。...但在某些国家或者某些场合，阅读文字的习惯是从右往左时，start 就和 right 一样了，end 和 left 也一样。这是需要注意的地方。...因为我不想被影响到本例讲解。实际开发过程中按照实际情况设置即可。设置图片宽高前面的例子都是直接加载图片，图片默认的宽高是多少就加载多少。

2.4K2 1

《Android游戏编程之从零开始》笔记「建议收藏」

setFocusableInTouchMode（true） 5.SurfaceView游戏框架 a。...通过SurfaceViewHolder的lockCanvas（）函数获取Canvas对象，加锁 c。unlockCanvasAndPost函数用于解锁画布和提交 d。...SurfaceView不会出现因主UI线程阻塞影响按键触屏等问题。 b。SurfaceView视图有双缓冲机制 c。...11.游戏适屏利用视图和屏幕宽高获取x和y坐标当想要用按下人物一直动的效果时，View的onKeyDown和onKeyUp一起用设置private...Android游戏中常见游戏引擎有Rokon、AndEngine、libgdx等。 1.创建矩形物体 Box2D中存在两种2D图形，圆形和多边形。

1.9K2 1

小窗播放视频的原理和实现（上）

Youtube 是将视频播放View内嵌到应用内，优点是交互好；Facebook则是通过WindowManager添加视频播放View，同时支持应用内部和外部播放。...这是因为窗口的UI布局完成之后，各个子视图的大小和位置才能确定下来，进而才能确定SurfaceView的透明区域的位置和大小。...从顶层视图开始，从上到下收集每一个子视图所要设置的区域，最终收集到的总透明区域并保存在ViewRootImpl类的成员变量mTransparentRegion中。...); } } 在SurfaceView的draw和dispatchDraw方法中，参数canvas是建立在宿主窗口的Surface上的画布，因此在这块画布上绘制任何UI都是出现在宿主窗口的Surface...2.5、小结SurfaceView的分析通过了解SurfaceView的创建过程、“挖洞”原理和绘制过程，可以了解到Surface对小窗播放视频的影响如下： 1）SurfaceView在宿主窗口下面，

11.6K18 1

走进SurfaceView

到新技能，可以嘚瑟几天了，直到前两天被人问到：问“SurfaceView和Surface有什么区别啊？...根据Java方面的常规知识，我们知道通常画图是在一个Canvas对象上面进行的，由此，可以推知一个Surface对象中应该包含有一个Canvas对象 02 — SurfaceView是什么 SurfaceView...在Android中Surface是从Object派生而来，且实现了Parcelable接口。...05 — 它们之间的关系从设计模式的高度来看，Surface、SurfaceView和SurfaceHolder实质上就是广为人知的MVC，即Model-View-Controller。...07 — SurfaceView双缓冲双缓冲：在运用时可以理解为：SurfaceView在更新视图时用到了两张Canvas，一张frontCanvas和一张backCanvas，每次实际显示的是frontCanvas

1.6K2 0

什么是 SurfaceView？

SurfaceView是来控制Surface的位置和尺寸。...而这个双缓冲可以理解为，SurfaceView在更新视图时用到了两张Canvas，一张frontCanvas和一张backCanvas。...用了一个画布，将所有内容都先画到画布上，在整体绘制到窗口上，就该叫做单缓冲绘图，那个画布就是一个缓冲区。用了两个画布，一个进行临时的绘图，一个进行最终的绘图，这样就叫做双缓冲。)...从Android7.0开始，SurfaceView的窗口位置与其他View渲染同步更新。这意味着在屏幕上平移和缩放SurfaceView不会导致渲染失真。...从设计模式的角度来看,Surface、SurfaceView、SurfaceHolder实质上就是MVC(Model-View-Controller)，Model就是模型或者说是数据模型，更简单的可以理解成数据

1.6K1 1

SurfaceView的那点事儿

---- SurfaceView和View的区别 SurfaceView和View的区别： View主要适用于主动更行的情况，而SurfaceView适用于被动更新，例如频繁的刷新。...和 Runnable。...,Runnable { ....... } 实现SurfaceHolder.Callback和Runnable接口，需要重写以下方法 /** * SurfaceView创建...* 那么之前绘制的就会丢失，为了保存之前绘制的内容， * 我们可以引入所谓的"双缓冲"技术：其实就是每次不是直接绘制到Canvas上，而是先绘制到Bitmap上...，等Bitmap上的绘制完了，再一次性地绘制到View上！

1.1K3 0

SurfaceView 与 TextureView 详解

而这个双缓冲可以理解为，SurfaceView在更新视图时用到了两张Canvas，一张frontCanvas和一张backCanvas。...从 Android7.0 开始，SurfaceView 的窗口位置与其他 View 渲染同步更新。这意味着在屏幕上平移和缩放 SurfaceView 不会导致渲染失真。...SurfaceTexture 是从Android 3.0开始加入，与SurfaceView不同的是，它对图像流的处理并不直接显示，而是转为GL外部纹理，因此用于图像流数据的二次处理。...当客户端使用 TextureView 呈现内容时，界面工具包会使用 GPU 将 TextureView 的内容合成到 View 层次结构中。...当画布创建好时，可以将surface绑定到MediaPlayer中。

14.9K6 0

从SVG到Canvas：选择最适合你的Web图形技术

SVG 和 Canvas 都是可以在 Web 浏览器中绘制图形的技术。众所周知， icon 通常使用 svg（如 iconfont），而交互式游戏采用 Canvas。二者具体的区别是什么？...此外，这也意味着可以使用任何文本编辑器和绘图软件来创建和编辑它们。...如果关心图形的灵活性和响应（不失真）能力，SVG 就是最佳选择。...Canvas 是一个 JavaScript 绘图 API【命令式】 Canvas 提供了一个通过 JavaScript 和 HTML 的元素来绘制图形的方式。...像画布具有大量复杂细节和渐变的高度交互性工作是 Canvas 的领域。

1.5K3 0

【干货】Android利用SurfaceView结合科大讯飞修改语音实别UI

前言最近刚换了三星的Note9，深度体验了一下Bixby的语音功能，觉得挺不错的，而且上周的人工智能大会上，分布屏幕两边的分别是科大讯飞和腾讯提供的服务：讯飞听见和腾讯同传。...SurfaceView简介 SurfaceView本身是一个View，符合一切View的特性，需要通过Canvas画布绘制。可以在另一个线程中更新界面，不会阻碍界面的交互。...需要注意的是这里获取到的Canvas对象还是继续上次的Canvas对象，而不是一个新的对象。...到这里我们的SurfaceView就已经定义好了。 ---- 调用SurfaceView 我们新建一个IattextActivity ?...然后对应的布局文件里面加入我们的TextSurfaceview和一个ImageView ? 效果如下： ? ---- 调用SurfaceView ? ---- 整个Activity的代码 ? ? ?

1.5K3 0

android SurfaceView绘制实现原理解析

，就可以通知到当前正在处理的SurfaceView的父视图，当前正在处理的SurfaceView需要在宿主窗口的绘图表面上设置一块透明区域。...从顶层视图开始，从上到下收集每一个子视图所要设置的区域，最终收集到的总透明区域也是保存在ViewRoot类的成员变量mTransparentRegion中。 (4)....SurfaceView类的成员函数draw和dispatchDraw的参数canvas所描述的都是建立在宿主窗口的绘图表面上的画布，因此，在这块画布上绘制的任何UI都是出现在宿主窗口的绘图表面上的。 ...从SurfaceView类的成员函数draw和dispatchDraw的实现就可以看出，SurfaceView在其宿主窗口的绘图表面上面所做的操作就是将自己所占据的区域绘为黑色，除此之外，就没有其它更多的操作了...调用者获得了一块类型为Canvas的画布之后，就可以调用Canvas类所提供的绘图函数来绘制任意的UI了，例如，调用Canvas类的成员函数drawLine、drawRect和drawCircle可以分别用来画直线

6.3K13 1

surfaceview详解

1.概念 SurfaceView是View类的子类，可以直接从内存或者DMA等硬件接口取得图像数据，是个非常重要的绘图视图。它的特性是：可以在主线程之外的线程中向屏幕绘图上。...在游戏开发中多用到SurfaceView，游戏中的背景、人物、动画等等尽量在画布canvas中画出。...处理它的Canvas上画的效果和动画，控制表面，大小，像素等。...abstract void unlockCanvasAndPost(Canvas canvas); // 结束锁定画图，并提交改变。...4）总结整个过程　　继承SurfaceView并实现SurfaceHolder.Callback接口 ----> SurfaceView.getHolder()获得SurfaceHolder对象 --

2.3K9 0

Android SurfaceView学习示例

SurfaceView封装的Surface支持使用本章前面所描述的所有标准Canvas方法进行绘图，同时也支持完全的OpenGL ES库。 ...SurfaceView 和 View 的明显不同之处在于： 1、继承SurfaceView 的视图可以另起一个线程，或者说在子线程中更新视图。...3、SurfaceView在绘图之前必须使用lockCanvas 方法锁定画布，并得到画布，然后再画布上绘制；当绘制完成后，使用unlockCanvasAndPost 方法解锁画布，然后就显示到屏幕上。...SurfaceView 类的事件处理规则和View一样。...canvas = mSurfaceHolder.lockCanvas(); if (mSurfaceHolder == null || canvas == null) { return;

1.1K3 0

Android播放端绘制-SurfaceView还是GLSurfaceView

Canvas canvas = mSurface.lockCanvas(null); mSurface.unlockCanvasAndPost(canvas); SurfaceView SurfaceView...绘制过程：通过SurfaceHolder．getSurface可以获取到Surface；通过Surface.lockCanvas可以获取到Surface的Canvas；使用Canvas绘制图像；...线程分离；支持按需渲染(on-demand)和连续渲染(continuous)两种模式； GPU加速：GLSurfaceView的效率是SurfaceView的30倍以上，SurfaceView使用画布进行绘制...，GLSurfaceView利用GPU加速提高了绘制效率； View的绘制onDraw(Canvas canvas)使用Skia渲染引擎渲染，而GLSurfaceView的渲染器Renderer的onDrawFrame...一般兼容性比较好的播放器，会同时支持SurfaceView和GLSurfaceView两种模式供用户根据实际场景选择，以大牛直播SDK(Github)的Android平台RTSP和RTMP播放端为例：

1.8K2 0

android画图之贝塞尔曲线讲解

float x2, float y2) Since: API Level 1 此方参数解释：第一个参数：操作点的x坐标第二个参数：操作点的y坐标第三个参数：结束点的x坐标第四个参数：结束点的y坐标从API...中看出，赛贝尔曲线从API－1就开始支持了；熟悉方法后，下面就来实现： SurfaceView框架不多讲，看过我博客的都应该知道的；直接看MySurfaceView类，此类继承SurfaceView... canvas; public static int screenW, screenH; // -----------以上是SurfaceView游戏框架 // 贝赛尔曲线成员变量(起始点...= null) { canvas.drawColor(Color.BLACK); // -----------以上是SurfaceView游戏框架 ... * * @param canvas 主画布 */ public void drawQpath(Canvas canvas) { path.reset

1.4K7 0

Android经典实战之SurfaceView原理和实践

SurfaceView 原理 SurfaceView 是一种特殊的 View，它提供了一个独立的绘制表面。与普通的 View 不同，它把绘制内容和图层的生成放在一个独立的 Surface 上。...SurfaceView 的主要特点是：提供一个独立的 Surface，避免与主 UI 线程的冲突。通过独立的 Surface，可以在独立的线程进行绘制，极大地提高了绘制的效率和性能。 2....SurfaceHolder：用于访问和控制 SurfaceView 的 Surface。 SurfaceTexture：用于管理基于 GPU 的纹理绘制。 3....: Canvas?...在使用过程中注意线程安全、生命周期管理以及性能优化，以确保应用的稳定性和流畅性。 END 点赞转发，让精彩不停歇！关注我们，评论区见，一起期待下期的深度好文！

6741 0

Android开发(28) 绘制无限加载的温度曲线

步骤： 1.在Activity里放一个surfaceView 2.为surfaceView 添加监听器 surfaceHolder = surfaceView1.getHolder...x从右向左拖动 * * @param x_changed */ public void onFliing...(canvas); } public void onDdraw(Canvas c) { Log.i("PDWY"...x从右向左拖动 * * @param x_changed */ public void onFliing(float x_changed...= (SurfaceView)findViewById(resource.getIdentifier("surfaceView1", "id", pck.getName()));

6470 0

聊聊SurfaceView和TextureView

播放视频或者渲染其他的动画的时候，有两个View组件可供选择，SurfaceView和TextureView，GLSurfaceView是SurfaceView是子类，这儿还是归类到SurfaceView...SurfaceView实现机制双缓冲机制 TextureView实现机制 TextureView和SurfaceView的优缺点 1.SurfaceView实现机制 SurfaceView继承自View...双缓冲：SurfaceView在更新视图时用到了两张Canvas： frontCanvas：实际显示的canvas backCanvas：存储的是上一次更改前的canvas 当然效率更好的方法是frontCanvas...View，它可以将内容流直接投影到View中，它可以将内容流直接投影到View中，可以用于实现Live preview等功能。...和SurfaceView不同，不在WMS中单独创建窗口，而是作为View hierachy中的一个普通view，因此可以和其他普通View一样进行移动，旋转，缩放，动画等变化。

4.9K2 1

surfaceView+MediaPlayer的问题

在没有准备好之前，可以设置他在不停的加载把 5.播放失败，或者直接闪屏的原因之一：就是从一个视频activity或者view到另外一个视频view的播放，如果时间比较紧凑，可能会立即失败，或者闪退，这里面的原因就是...context, AttributeSet attrs) 通过Context对象和AttributeSet创建SurfaceView对象 public SurfaceView(Context context..., AttributeSet attrs, int defStyle) 通过Context对象和AttributeSet创建并可以指定样式，SurfaceView对象常用方法方法名称描述 public...的控制方式 public abstract Canvas lockCanvas () 锁定整个SurfaceView对象，获取该Surface上的Canvas public abstract Canvas...lockCanvas (Rect dirty) 锁定SurfaceView上Rect划分的区域，获取该Surface上的Canvas public abstract void unlockCanvasAndPost

2.4K2 0

点击加载更多

Canvas 从进阶到退学

Canvas绘制从黑到白的渐变矩形

Canvas 从入门到劝朋友放弃（图解版）

《Android游戏编程之从零开始》笔记「建议收藏」

小窗播放视频的原理和实现（上）

走进SurfaceView

什么是 SurfaceView？

SurfaceView的那点事儿

SurfaceView 与 TextureView 详解

从SVG到Canvas：选择最适合你的Web图形技术

【干货】Android利用SurfaceView结合科大讯飞修改语音实别UI

android SurfaceView绘制实现原理解析

surfaceview详解

Android SurfaceView学习示例

Android播放端绘制-SurfaceView还是GLSurfaceView

android画图之贝塞尔曲线讲解

Android经典实战之SurfaceView原理和实践

Android开发(28) 绘制无限加载的温度曲线

聊聊SurfaceView和TextureView

surfaceView+MediaPlayer的问题

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐