制作精灵(UI Sprite)】的更多相关文章

怎样判断是否应该使用精灵 在一套UI中,精灵是一种非常常见的元件.当制作UI时,如果需要显示一张图片,需要先判断这个图片是否应该制作到图集里去,然后用精灵的方式去使用它,一般来说,可以遵循以下规律. 1.首先说明一点,精灵是一个很基础的UI元件,经常不会独立使用,很多其他控件都会用到精灵.所以,精灵有的时候并不用独立使用的. 2.对于一些展示型的图片,不会变化,只是起一个展示作用,如果它不大,它一般都是以精灵的方式去制作. 3.如果要显示一个图片,它形状不规则,长宽不是2的N次方,那么一定要使用…
一个对象的精灵帧(Sprite Frame)有若干关于大小的尺寸. 比较容易混淆,这里记录下来区别: CCSpriteFrame *spriteFrame = self.spriteFrame; CGSize textureSize = spriteFrame.texture.contentSize; CGRect frameRect = spriteFrame.rect; CGSize frameSize = spriteFrame.originalSize; 如果spriteFrame来源于…
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生.国内开发者昵称为CSS精灵,通过一定的技术手段,让精灵动起来,我称其为精灵动画,那么目前有哪些实现方式 呢?下面让我们详细的聊聊. 关于实现精灵动画的方式有很多种,我自己实践过的主要有三种: 1: 把动作分解成一系列连续的编号的图片,如img0.jpg,img1.jpg,img2.jpg...,然后利用setIntval等定时器不断的去更换图片地址. 2: 把动作按照一定的间距排列在一张图片上,利用css3的动画帧,做出动画…
http://www.cnblogs.com/chongxin/p/3876575.html Unity3D的uGUI听说最近4.6即将推出,但是目前NGUI等UI插件大行其道并且已经非常成熟,所以我们还是先看眼前吧. 一.实现思想 商城的功能是很多游戏都拥有的,按下一个界面按钮,弹出一个窗体. 然后是商城中的商品可以拖动,既可以用手,也可以用滑条等等,至于点击购买就不单单是UI层的事了.等到实现NDate的时候再进行讨论. 二.实现背景 1.NGUI->Open->Prefab tool b…
原地址:http://www.cnitblog.com/updraft/archive/2013/11/12/88801.html 制作自适应的几个方法1. 使用 UIROOT 里设置自定义高度的方法,然后配合 ANCHOR 左对齐,右对齐等方式,但在手机上经常会遇到宽高比不一样的分辨率,最后结果就是没有右对齐的部分容易被剪切.    优势:简单,不用额外写脚本了,而且匹配的精度是原始的,效果也不错    缺点:遇到宽高比不一致就没法解决了,有些UI会被剪切,而且居中TILED的部分在类似IPA…
笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D实战核心技术详解>电子工业出版社等. CSDN视频网址:http://edu.csdn.net/lecturer/144 最近在开发项目时,面临着UI的选型,以前使用的是NGUI或者UGUI,最近看网上关于FairyGUI的介绍,正在考虑使用FairyGUI用于项目开发中UI的制作.编辑器以及UnitySDK下载地址:…
效果图:   let center = this.cube.position.clone(), size = this.cube.geometry.boundingBox.getSize(), scale = this.cube.scale; let heightStr = "长度:" + (size.y * scale.y).toFixed(2), widthStr = "宽度:" + (size.x * scale.x).toFixed(2); let canv…
看烦了代码.今天玩玩PS吧.本人是PS小白.Android开发中不可避免的要做一些图片,但我发现居然没有相似的专门教程.真想拜个美工为师.还记得2012年去宁波实习时为了将图片缩小我还matlab写个程序实现.真是傻不愣登啊. 所以,将这些零散的处理技巧记录于此,PS版本号8.0.1.下为怎样将简单图片的背景或底色变为透明. 1.原始图片例如以下所看到的: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWFuemkxMjI1NjI3/font/5a6…
如题所看到的,最初我是直接用PS的剪切工具,但发现有时不太好用. 由于你必须提前设好要剪切的尺寸. 也可能是我这小白不知道咋用. 下为摸索到的最好方法: 1.打开原图.新建图层,假设是png图片就不用新建图层了. 2.选择工具栏里的圆角矩形工具.快捷键U.在上面能够设置圆角的半径. 另外还要设置模式为路径而非形状图层. 3.先按下shift,就会成正方形选择.然后就拉区域,最后先松开鼠标.再松开shift.得到下图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi…
按钮分有两种形式,一种是普通按钮,也就是一张没有文字的按钮图片,在需要用时,就在上面写上不同的.当前所需要的文字.量一种按钮则是图片按钮,这种按钮的特点是整个按钮就是一张图片,它既是按钮也是图片. 在剖析UI资源结构时一定要秉承一下几个原则: 1.尽量保证还原设计图的效果,不损失质量,这是前提. 2.尽量发现重复的元件,而且重复的元件只需要一份就足够. 3.尽量分割得零碎一点,避免多个元件合并一起出图,这样对项目不利. 4.尽量使用九宫格来制作比较大的底板.底框等. 5.UI切图全部让美术人员以…