对于HTML5相信大家都不陌生,很早就出来了,但是貌似都没有真正的使用过。最近做项目时要实现这样一个需求:一个图片,大小不固定,要求能实现类似地图一样放大、缩小、移动功能。这里就很合适使用html5的canvas画布。实现步骤如下:1. 定义一个canvas标签。 这里有个很重要的地方,就是这个w....
分类:
移动开发 时间:
2015-06-23 17:30:40
阅读次数:
587
2015-06-221.UGUI Canvas 画布TheCanvascomponent represents the abstract space in which the UI is laid out and rendered. All UI elements must be children ...
分类:
其他好文 时间:
2015-06-22 21:52:58
阅读次数:
299
这个demo是鸣人叫我做的效果,大家用的时候根据实际需要再调整参数。
先看效果图:
主要构思:当progress到最大值的时候触发动画效果,效果都由canvas画布上进行。
主要代码:
@Override
protected void onDraw(Canvas canvas) {
int halfWidth = getWidth() / 2;
int halfHei...
分类:
其他好文 时间:
2015-06-17 16:41:01
阅读次数:
139
Android-Canvas&Drawable
一 Canvas
canvas:画布
用于在屏幕上呈现图形,形象称为画布
二 canvas介绍
常用的类
1 clip:裁剪区域
2 matrix:矩阵
将画布分为许多格子
旋转方法是画布旋转
3 save:保存画布的状态
restore:恢复画布的状态
例如将画布旋转后在画其他的内容,保存后,在恢复,
常用...
分类:
移动开发 时间:
2015-06-05 10:24:11
阅读次数:
182
好了,前面主要讲了Animation,Animator 的使用,以及桌面火箭效果和水波纹效果,分别使用android框架和自己绘制实现,俗话说,工欲善其事,必先利其器,接下来几篇文章主要讲绘制中我们需要常使用的一些利器;Paint:画笔Canvas:画布Matrix:变换矩阵绘制动效确实就像拿着笔在...
分类:
其他好文 时间:
2015-05-28 22:47:23
阅读次数:
152
孙广东 2015.5.26我们 游戏完全使用UGUI来工作,所以游戏中的很多元素都是UGUI的 Game Canvas画布设置为;World Space , 主要也是为了以后一下牛叉的效果还有一个UI Canvas画布设置为;Screen Space - Overlay 就是这些元素会在最前方,在屏幕上的。还有一组是:Spines Layer, 主要是放着spine制作的角色2种解决方案:第一种是...
分类:
其他好文 时间:
2015-05-26 10:49:47
阅读次数:
192
UGUI的核心元素:UGUI的基本控件:Canvas(画布):所有UI控件必须在Canvas上面绘制,也可以看做所有UI控件的父物体。Panel(面板):主要的功能就是一个容器,可以放置其他控件,使其进行整体移动、旋转、缩放等。一个功能完备的UI界面,往往会使用多个Panel容器,甚至使用Panel...
分类:
其他好文 时间:
2015-05-17 12:11:16
阅读次数:
184
今天用canvas做了一个页面特效,呼呼,在做的过程中发现createRadialGradient 和 globalAlpha这2个属性一起使用导入不能实现透明度问题,首先把createRadialGradient设置属性总结一下:createRadialGradient() : 创建一条放射颜色渐...
分类:
其他好文 时间:
2015-05-16 20:09:47
阅读次数:
145
1、HTML5 Canvas发光Loading动画之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发3D的视觉效果,...
分类:
Web程序 时间:
2015-05-13 09:54:47
阅读次数:
183
一、相关概念1、Drawable就是一个可画的对象,其可能是一张位图(BitmapDrawable),也可能是一个图形(ShapeDrawable),还有可能是一个图层(LayerDrawable),我们根据画图的需求,创建相应的可画对象2、Canvas画布,绘图的目的区域,用于绘图3、Bitmap...
分类:
移动开发 时间:
2015-04-28 11:10:38
阅读次数:
175