安装包UI美化之路-nsNiuniuSkin界面在线设计引擎

一年多前，我们自己开发了一个用于编辑、预览、调试nsNiuniuSkin的UI界面工具，越来越觉得好用，忍不住想要分享出来！

今天我把这个工具重新整理了一下，功能又完善了一些；下面就介绍一下这个工具的功能和使用方法吧！

功能

nsNiuniuSkin界面在线设计引擎，是一个用于辅助nsNiuniuSkin的界面的预览与调试工具，类似于chrome的开发者工具，可以快速的查看各个界面效果，极大的提升界面配置的效率，主要功能与特点如下：

• 控件像素级定位，快速准确的定位控件大小，控件间的距离等（可以1比1的对照蓝湖、磨刀等标）
• 查看各个控件的属性，快速修改控件的字体、字号、颜色、大小、背景图等等各个属性，实时查看变化效果
• 实时显示当前选中的控件的XML配置信息与属性，帮助定位控件在XML中的位置，反之亦然
• 在不需要打包安装的前提下，预览所有的安装包子页面，一次确认完成所有界面开发
• 自动循环切换安装页面，各个界面一次检查完
• 1倍、1.5倍、2倍DPI放大效果图预览，快速确认不同DPI放大下的界面是否完整实现
• 安装过程中弹出的提示窗口、询问窗口的预览，全程无死角UI查看
• Js绑定各个UI按钮事件，完整模拟整个过程，沉浸式感受安装流程

界面效果

说了那么多的好处，咱们来看看效果吧。

控件定位与属性查看

询问窗口预览