首页 > Unity3D频道 > 【UGUI研究院】 > UGUI研究院之设置全屏图（十）
2015
03-20

UGUI研究院之设置全屏图（十）

在UGUI中想设置一张全屏的背景图，但是直接设置 screen.width和screen.height后发现在有些分辨率下还是不能全屏。

1
2
3
 
rectTransform.sizeDelta = new Vector2(Screen.width,Screen.height);
 

把如下脚本挂在需要全屏的Image对象上即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
using UnityEngine;
using System.Collections;
 
public class UIMaskLayer : MonoBehaviour
{
void Start()
{
int width = Screen.width;
int height = Screen.height;
int designWidth = 960;//开发时分辨率宽
int designHeight = 640;//开发时分辨率高
float s1 = (float)designWidth / (float)designHeight;
float s2 = (float)width / (float)height;
if(s1 < s2) {
designWidth = (int)Mathf.FloorToInt(designHeight * s2);
} else if(s1 > s2) {
designHeight = (int)Mathf.FloorToInt(designWidth / s2);
}
float contentScale = (float)designWidth/(float)width;
RectTransform rectTransform = this.transform as RectTransform;
if(rectTransform != null){
rectTransform.sizeDelta = new Vector2(designWidth,designHeight);
}
}
}
 

如果你有更好的办法，欢迎在下面吐槽，嘿嘿～

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《UGUI研究院之设置全屏图（十）》有 23 条评论

  1. 简单 说：
    2016 年 12 月 22 日下午 8:22

    contentScale定义了，但没用到。。。。

    回复
  2. 黃家偉哇哈哈 说：
    2016 年 6 月 28 日下午 6:03

    直接把图片的对齐在RectTransform设直接把图片的对齐在RectTransform设置成四角对齐应该也可以达到这个效果吧置成四角对齐应该也可以达到这个效果吧

    回复
  3. moljerc 说：
    2015 年 7 月 6 日上午 11:19

    UGUI里面有个plane好像就是全屏的，虽然上面有个image组件，但是我把他换成rawimage照样还是全屏，UGUI的自适应真心方便，嘎嘎

    回复
    • 雨松MOMO 说：
      2015 年 7 月 6 日下午 12:50

      不错。。 感谢你的分享，，之前我也不知道。 我试过一下， 果然是自适应的。。 UGUI研究院之设置全屏图（十） - 雨松MOMO程序研究院 - 1

      回复
    • JackyQi 说：
      2018 年 1 月 19 日下午 8:04

      panel 跟父级有关， 可以这样写：
      public class tool_FullScreen : MonoBehaviour
      {
      public int Expand = 0;

      void Start()
      {
      RectTransform rectTransform = this.transform as RectTransform;
      if (rectTransform == null)
      return;

      rectTransform.anchorMax = Vector3.zero;
      rectTransform.anchorMin = Vector3.zero;
      rectTransform.pivot = Vector2.zero;
      rectTransform.position = Vector3.zero;
      rectTransform.sizeDelta = new Vector2(Screen.width + Expand, Screen.height + Expand);
      }
      }

      回复
  4. 雪焰 说：
    2015 年 7 月 1 日下午 3:23

    contentScale这个临时变量没用到？

    回复
  6. 停留刹那_ 说：
    2015 年 4 月 25 日上午 11:34

    雨松大神，请问你有利用UGUI实现过英雄的血条吗。我在UGUI中的坐标转换老是没成功，可以给个思路嘛 UGUI研究院之设置全屏图（十） - 雨松MOMO程序研究院 - 1

    回复
  7. 谣 说：
    2015 年 4 月 8 日下午 1:40

    请问雨凇大神，在UGUI中你们是做单scene，还是多scene，单scene中，你们的页面跳转是如何做的啊？

    回复
    • 雨松MOMO 说：
      2015 年 4 月 8 日下午 2:40

      每个界面一个prefab如果界面复杂 同时打开一个prefab可能会卡。 所以复杂的界面会拆成多多部分 不在一帧内全打开。

      回复
      • 谣 说：
        2015 年 4 月 8 日下午 4:49

        那请问有没有这方面比较好的粒子啊？想了解下大家都是怎么管理的。

        回复
        • 雨松MOMO 说：
          2015 年 4 月 8 日下午 9:49

          我给你说一下我现在的思路吧。。当图片拖进文件夹后，tag的名字会自动设置成文件夹名字。 也就是说同一个文件夹下的图片会是一个图集。。 然后对应文件夹会生成一个prefab 绑定上一个脚本，上面有一个字典的属性。 把该文件夹下的所有sprite都关联在脚本上上。。 这个prefab就可以放在resources下面。。 运行的时候载入prefab 读取 prefab上的脚本上的字典， 通过名字就可以把sprite取出来了。

          回复
  8. ZFHM 说：
    2015 年 4 月 2 日下午 9:05

    我对他的锚点有点纠结， 其实在很多情况下在对局部区域锚点时，应该要有个一最大和最小的限制。不知道是不是我用的方法不对

    回复
  9. ZFHM 说：
    2015 年 4 月 2 日下午 9:02

    我觉得直接scale更方便，他的子物体一起等比例缩放了

    回复
  10. 尤梦龙 说：
    2015 年 3 月 30 日下午 2:11

    Unity3D怎么让用户导入FBX文件啊？

    回复
  11. 尤梦龙 说：
    2015 年 3 月 30 日下午 2:11

    Unity3D怎么让用户导入FBX文件啊？

    回复
  12. 小天 说：
    2015 年 3 月 26 日下午 1:48

    直接设置锚点 为四角 就应该可以了吧

    回复
  13. 邵兵 说：
    2015 年 3 月 26 日下午 1:10

    直接把图片的对齐在RectTransform设置成四角对齐应该也可以达到这个效果吧

    回复
  14. Zzhen551 说：
    2015 年 3 月 26 日上午 9:40

    感谢MOMO大神。！！！

    回复

留下一个回复

你的email不会被公开。