具体细节可以参考另外一篇随笔! 以下提供的算法完成的事: 1.自适应1280x720分辨率以下的屏幕 2.自适应1280x720分辨率以上的屏幕 在我设定的要求内包括的分辨率大部分都测过了,背景图.全屏透明Sprite(主要用于九宫格区域的控件摆放)自适应都没问题(不会变形),其他的控件当然是由UIRoot组件搞定的!下面的算法主要就是说明背景.全屏透明Sprite的自适应! 之前的随笔已经说过实际屏幕比设定屏幕大的自适应,现在加入自适应比设定屏幕小的算法! detail: 使用NGUI版本为3

NGUI UI Grid, two column, set Arrangement Horizontal, Column Limit 2.

target-densitydpi=device-dpi会使其他ui插件布局变小 东哥说:不用rem了,把meta改成这样<meta name="viewport" content="width=720, user-scalable=no, target-densitydpi=device-dpi">就可以直接上px... 这句target-densitydpi=device-dpi是什么意思呢? target-densitydpi这个私有属性,它表示目

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成,以前做移动端适配用的媒体查询,这次想用点别的适配方案,然后就采用了vue-cli3.0结合lib-flexible.px2rem实现移动端适配的方案,开发过程中也遇到一些坑,自己选的方案自己填坑吧.以下记录我的项目框架搭建及填坑方案. 搭建可以参考我的另一篇文章vue-cli 3.0 搭建项目流程,这里就不再另外说明了.下面说明项目搭建成功后的适配方案. 第一部分:项目中引入lib-flexible 一.项目中安装lib-flexible

上一篇介绍了表单控件,这一篇介绍一下表单里面的各种子控件的封装方式. 主要内容 需求分析 子控件的分类 子控件属性的分类 定义 interface. 定义子控件的的 props. 定义 json 文件. 基于 UI库 进行二次封装,实现依赖 json 渲染. 通过 slot . "字典",实现自定义子控件. 做个工具维护 json 文件.(下篇介绍) 需求分析 表单里面需要各种各样的子控件,像文本.数字.选择.日期等常见的需求,可以由内部提供组件解决,但是其他各种"奇奇怪怪&

内容摘要: 需求分析 定义 interface 定义 json 文件 定义列表控件的 props 基于 el-table 封装,实现依赖 json 渲染 实现内置功能:选择行(单选.多选),格式化.锁定等. 使用 slot 实现自定义扩展 做个工具维护 json 文件(下篇介绍) 管理后台里面,列表是一个常用的功能,UI库提供了列表组件和分页组件实现功能.虽然功能强大,也很灵活,只是还不能称为低代码,不过没关系,我们可以写点代码让UI库变为摸鱼神器! 本篇介绍列表的设计思路和封装方式. 需求分析

上一篇介绍了一下如何实现一个可以依赖 json 渲染的列表控件,既然需要 json 文件,那么要如何维护这个 json 文件就成了重点,如果没有好的维护方案的话,那么还不如直接用UI库. 所以需要我们做一个维护 json 文件的小工具,维护 json 有多方法: 最基础的方法就是手撸,显然这个是下下策. 可以通过编辑器的插件来维护,不过这种方式针对所有 json,不会对某种需求做优化. 或者做一套维护 json 的增删改查,这样可以维护 json 的每一个属性,只是实现起来比较繁琐. 最后就是可

前面说了列表的低代码化的方法,本篇介绍一下表单的低代码化. 内容摘要 需求分析. 定义 interface. 定义表单控件的 props. 定义 json 文件. 基于 el-form 封装,实现依赖 json 渲染. 实现多列.验证.分栏等功能. 使用 slot 实现自定义扩展. 自定义子控件.(下篇介绍) 表单子控件的设计与实现.(下篇介绍) 做个工具维护 json 文件.(下下篇介绍) 需求分析 表单是很常见的需求,各种网页.平台.后台管理等,都需要表单,有简单的.也有复杂的,但是目的一致

原文:http://www.tasharen.com/forum/index.php?topic=6710.0 概述 UIRoot总是放在NGUI UI层级的最上层. 它用来使UI的缩放变得更容易.widget通常使用的是以像素为单位的坐标,但是一个800*400(dimensions的值)的widget会占用800*400个单位(Unity中的单位),这相当大.UIRoot通过屏幕高度的反比来进行缩放,因此widgets都会很小,并且操作起来更容易.    UIRoot有几种缩放方式.最常见的

首先,将Event Listener挂在按钮上 Event Listener的源码很简单 就是利用C#的时间委托机制 注册了UI场景的事件而已 public class UIEventListener : MonoBehaviour { public delegate void VoidDelegate(GameObject go); public delegate void BoolDelegate(GameObject go, bool state); public delegate voi

本文主要参考iwinterice 的 NGUI的UISprite动态染色的一种解决方案 文章. 参考参考,就是既参详又拷贝,-,-||| 相关理论依据,还请去移步 NGUI的UISprite动态染色的一种解决方案 里面去寻找.我这里只有提供一下源码,并对原博文进行了一点点修改,至于修改后的好坏,俺也不知道咯. 首先阐明一下需求,就是几个角色,打怪,扫怪,头像一直blingbling的闪,但是,duang,血量爆掉了,角色挂了,头像就得死灰死灰的样子了. 原博文是去改了UISprite的源码,虽然

NGUI Scroll List 1.Add GameObject with Script UI Panel(NGUI -> UI -> NGUI Panel) and Script UI Scroll View(NGUI -> Interaction -> Scroll View) Set the Clipping to "Soft Clip" and The Size(X, Y values). 2.Add GameObject as a child of

Material UI是一款功能非常强大,界面却十分清新简洁的CSS框架,Material UI利用了Google的Material Design 全新设计语言,并且让每一个UI组件都变得非常独立,因此开发者使用Material UI也会比较简单.和Bootstrap类似,Material UI提供了很多常用的UI组件,除了最基本的菜单.按钮.滑动杆.进度条.单选框/复选框外,它还提供了一个非常有趣的日历组件,另外还提供了一些很有趣的图标.   不过,这里我并不打算介绍Material UI的使

Unity插件收集 在Unity开发过程中会收集一些插件,收集这些插件的目的并不是我喜欢在开发中使用插件,而是本着喜欢的态度去收集的,就像我喜欢收集模型一样: 还有一点就是通过了解插件能让我知道Unity更多的功能与应用,假设说:我想做一个RPG的手机游戏,但是不知道如何通过做出打斗的那种真实感,在Assets Store已经有这样的pack或kit,我就可以从它的代码结构,资源使用及Demo截图.文字描述中大概得知一二,再经过分析,能为我的前期规范,及项目规化做好工作. 当然了收集这么多插件,

UIAnchor的功能是把对象锚定在屏幕的边缘(左上,左中,左下,上,中,下,右上,右中,右下),或缩放物体使其匹配屏幕的尺寸. 在1.90版本后,拉长(缩放)的功能被放到UIStretch中,UIAnchor的功能更单一了,就是给对象定位. 借用<[Unity插件]NGUI核心组件之UIAnchor>文章中的内容: NGUI:UIAnchor Anchor脚本可以用来实现多个目的,这些在Example0里面都有用到. 1. 只要提供一个half-pixel偏移量,它可以让一个控件的位置在Wi

UIRoot是NGUI控件的根节点,使用是根据屏幕尺寸自动(或手动)调节节点下子控件的大小. 这个组件声明了在编辑模式下运行:[ExecuteInEditMode],在Inspector编辑修改属性值时,可以直接影响控件. UIRoot有两个开放属性: Automatic: bool ManualHeight: float 在Inspector中,如果Automatic为true,则自动调节:如果是false,则可以手工调节ManualHeight. 调整时可以直接看到控制尺寸的变化. //--

国外一些好用的UX/UI设计工具和资源分享 你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.今天分享的这些UX/UI设计工具和资源,有专注于快速原型设计.强大的团队协作功能.和设计可用性测试或成品测试等,希望能对你的工作有所帮助,快来体验吧! ●Proto.io Proto.io把原型制作提高到了一个新的水平.除了可以上传这就的设计,你还会发现这里有一个最真实的互动UI库之一.用它创建一个原型,非常容易,

如题,要实现序列帧的播放导入图片的时候需要注意: (1)图片的命名要连续,如图: (2)将这些图片在NGUI中打包成Altas图集的时候图片应该在同一个Altas中: 这里以播放特效为例,满足条件时播放特效,不满足条件时不播放特效.接下来可以创建一个Sprite,然后用代码控制序列帧特效的播放和停止: 播放: if (something == false) { this._power_effect_sprite.GetComponent<UISprite>().enabled = true;

UI实时预览最佳实践 概要:Android中实时预览UI和编写UI的各种技巧.本文的例子都可以在结尾处的示例代码中看到并下载.如果喜欢请star,如果觉得有纰漏请提交issue,如果你有更好的点子可以提交pull request.本文的代码主要是基于作者的实际经验编写的,如果你有其他的技巧和方法也可以参与进来一起完善此文. 文章固定连接:https://github.com/tianzhijiexian/Android-Best-Practices/blob/master/2015.9/ui/u

NGUI: UI插入 UI : 人机交互界面 UI大部分是2D 眼下就我们总结这些.也许会增加 版权声明:本文博主原创文章,博客,未经同意不得转载.

吐个槽  棋牌类游戏做什么中国地图!!!  然后就要用到不规则按钮点击了 你懂的 213的unity虽然已经加入了polygoncollider 2d的支持 但是 但是 但是 是2d的 也就是说如果不把摄像机的event修改为 2d_ui 是不支持的  然后213的ngui点击事件都要依赖3d_ui 这就造成如果想同时支持规则按钮跟不规则按钮 只能使用一个2d摄像机 一个3d摄像机   还有一种办法就是增加事件类型同时处理两种情况  ....  就有了下面这段代码   纯抄袭 谢谢原作者 UIC