UGUI自适应分辨率
2016-06-29 17:12
344 查看
1、首先,需要确定项目分辨率,并在Game视图制定好
2、在Canvas下CanvasScaler组件下,选择UIScaleMode为ScaleWithScreenSize(跟随视图大小缩放),
3、Canvas下CanvasScaler组件下ReferenceResolution填入分辨率;
4、在选择锚点的地方选择如下图的方式,注意,该选项按住alt键选择表示始终填充父物体,这里禁用鼠标选中,不按alt键
![](https://img-blog.csdn.net/20160629170119082?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
好了,这样UI物体就会跟随屏幕分辨率按比例缩放了,一下是我搭建的测试场景,对Game视图多次缩放时的UI效果,注意看左上角目标分辨率和实际显示分辨率(这两组值的相同点在于宽高比总是一致)
![](https://img-blog.csdn.net/20160629171023648?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20160629171040961?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20160629171100820?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2、在Canvas下CanvasScaler组件下,选择UIScaleMode为ScaleWithScreenSize(跟随视图大小缩放),
3、Canvas下CanvasScaler组件下ReferenceResolution填入分辨率;
4、在选择锚点的地方选择如下图的方式,注意,该选项按住alt键选择表示始终填充父物体,这里禁用鼠标选中,不按alt键
好了,这样UI物体就会跟随屏幕分辨率按比例缩放了,一下是我搭建的测试场景,对Game视图多次缩放时的UI效果,注意看左上角目标分辨率和实际显示分辨率(这两组值的相同点在于宽高比总是一致)
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Cocos2d-x UI开发之文本类使用实例
- 谈谈对jquery ui tabs 的理解
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- UI Events 用户界面事件
- 基于Bootstrap的UI扩展 StyleBootstrap
- jQuery UI结合Ajax创建可定制的Web界面
- jquery UI Datepicker时间控件的使用方法(基础版)
- Hallo.js基于jQuery UI所见即所得的Web编辑器
- 基于jQuery UI CSS Framework开发Widget的经验
- jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
- jquery UI Datepicker时间控件的使用及问题解决
- jQuery UI设置固定日期选择特效代码分享
- Jquery ajax 同步阻塞引起的UI线程阻塞问题
- jQuery UI的Dialog无法提交问题的解决方法
- jQuery ui实现动感的圆角渐变网站导航菜单效果代码
- jquery UI Datepicker时间控件的使用方法(终结版)