打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
unity5x+UGUI屏幕自适应(多分配率适配)

1、Canvas的属性配置


2、Canvas Scaler的属性配置


3、根据不同的屏幕的比例动态修改缩放基准

[csharp] view plain copy
  1. void Start ()   
  2.     {  
  3.         float standard_width = 960f;        //初始宽度  
  4.         float standard_height = 640f;       //初始高度  
  5.         float device_width = 0f;                //当前设备宽度  
  6.         float device_height = 0f;               //当前设备高度  
  7.         float adjustor = 0f;         //屏幕矫正比例  
  8.         //获取设备宽高  
  9.         device_width = Screen.width;  
  10.         device_height = Screen.height;  
  11.         //计算宽高比例  
  12.         float standard_aspect = standard_width / standard_height;  
  13.         float device_aspect = device_width / device_height;  
  14.         //计算矫正比例  
  15.         if (device_aspect < standard_aspect)  
  16.         {  
  17.             adjustor = standard_aspect / device_aspect;  
  18.         }  
  19.   
  20.         CanvasScaler canvasScalerTemp = transform.GetComponent<CanvasScaler>();  
  21.         if (adjustor == 0)  
  22.         {  
  23.             canvasScalerTemp.matchWidthOrHeight = 1;  
  24.         }  
  25.         else  
  26.         {  
  27.             canvasScalerTemp.matchWidthOrHeight = 0;  
  28.         }  
  29.     }  

将脚本挂在画布控件上。


效果


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【NGUI如何进行自适应UI重叠问题解决方案】
css3 media媒体查询器用法总结
WPF中Image显示本地图片
自适应网页设计(Responsive Web Design)
自适应网页设计的必要知识点
自动适配手机页面
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服