Unity实用技能-UI规范总结

实用技能系列

1. Unity实用技能-UI滑动条技能总结
2. Unity实用技能-UI规范总结
3. Unity实用技能-协作规范总结
4. Unity实用技能-UI与粒子效果总结

---

---

前言

本人是初入行的客户端开发，有许多UI规范需要记录

---

PxCook注意事项

1. 美术会将UI所需的组件及相关参数嵌入Psd图，通过PxCook就可以复制粘贴给对应的UI，组件参数有时候不准确，以UI设计图为准来拼接UI
2. 通过PxCook可以很轻松知道UI资源在哪个目录，如果美术没有嵌入，可能是先前已有的通用资源，但也有可能是美术忘记了

UI拼接的整体步骤

1. 拿到jpg图，放入Unity的Image，设置Imgae的透明度为半透明
2. 对着第一步已经创建好的Image模板并且搭配PxCook完成UI拼接
3. 检查UI的锚点，看能不能适应不同分辨率
4. 检查二级节点是否需要加入动效，需要的话就应该创建空节点，并把二级节点放在空节点下，防止因为动画导致一些UI功能不生效，如Button的点击缩放
5. 检查对于需要点击的按钮，Image的射线检测是否开启
6. 尽量保持每一个UI元素“干净”，比如ScrollView内除了Item以外就不要在ScrollView和Viewport加其他UI

UI资源目录及图集打包

1. UI资源通常分为大UI，小UI，带字UI；也就是分为三个文件夹放置
2. 对于需要代码替换的图片资源，应该放在一个文件夹，方便图集打包
3. 为了方便图集打包，UI本身应该根据上线的平台设置ETC通道，如下图
   

---

总结

1. UI规范需要时间适应，实际上经常在拼UI时思考怎样让UI看起来美观，这不仅是视图上的美观，节点结构上也要美观，自然而然就明白规范的意义了
2. 是个人都会犯错，在UI拼接的过程中有不对劲的感觉，比如某些图没办法通过九宫格划分，但美术就只给了这样的图，要和美术沟通好