如何使主菜单中的ui元素适合每个选定的分辨率？

Question

主菜单由一个主画布和一个游戏对象组成，我在画布上展示这个游戏对象，并且有一个摄像头。游戏对象也有自己的文本画布。

默认分辨率是1920x1080，所以我手动设置ui元素以适应此分辨率。

此屏幕截图是第一个画布设置和主菜单层次结构构建：

我需要另一个画布和相机的原因是，这是我能在第一个画布上显示游戏对象（NAVI）的唯一方法，带有游戏对象动画和文本ui。

两个画布设置是相同的。

现在我甚至在运行游戏之前在编辑器中改变了另一个分辨率1024x768。现在所有的ui都乱了。在全屏幕或窗口屏幕上通过内置exe文件运行游戏时也会发生同样的情况：

我有很多分辨率，每一个都有不同的帧速率，所以手动设置每个分辨率会有点困难，需要时间，就像我为默认的1920x1080所做的那样。

这是我用来从下拉列表更改分辨率的脚本。脚本附在主菜单下的第一个主画布上：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Audio;
using UnityEngine.UI;

public class SettingsMenu : MonoBehaviour
{
    public AudioMixer audioMixer;
    public Text volumeInPercentages;
    public Dropdown resolutionDropDown;

    [SerializeField]
    private Slider _volumeSlider;
    [SerializeField]
    private Dropdown _dropDownQuality;

    private Resolution[] resolutions;

    private void Start()
    {
        resolutions = Screen.resolutions;
        resolutionDropDown.ClearOptions();

        List<string> options = new List<string>();

        int currentResolutionIndex = 0;
        for (int i = 0; i < resolutions.Length; i++)
        {
            string option = resolutions[i].width + " x " + resolutions[i].height
                 + " " + resolutions[i].refreshRate.ToString() + " Hz";
            options.Add(option);

            if (resolutions[i].width == Screen.currentResolution.width &&
                resolutions[i].height == Screen.currentResolution.height)
            {
                currentResolutionIndex = i;
            }
        }

        resolutionDropDown.AddOptions(options);
        resolutionDropDown.value = currentResolutionIndex;
        resolutionDropDown.RefreshShownValue();
    }

    public void SetVolume()
    {
        float volume = _volumeSlider.value;
        Debug.Log("Volume " + volume);
        audioMixer.SetFloat("MusicVol", Mathf.Log10(volume) * 20);
        volumeInPercentages.text = Mathf.Round(volume * 100).ToString() + " %";
    }

    public void SetQuality()
    {
        int qualityIndex = _dropDownQuality.value;
        QualitySettings.SetQualityLevel(qualityIndex);
    }

    public void SetFullScreen()
    {
        Screen.fullScreen = !Screen.fullScreen;
    }

    public void SetResolution()
    {
        Resolution resolution = resolutions[resolutionDropDown.value];
        Screen.SetResolution(resolution.width, resolution.height, Screen.fullScreen);
    }
}

Answer 1

在您的例子中，您将画布缩放器设置为通过匹配高度随屏幕大小进行缩放，以便它们始终适合垂直轴。这是很重要的一点。

查看元素的Rect变换，并将它们锚定在屏幕的正确位置。

可能你所有的元素都被固定在屏幕中央，导致它们离开游戏场景。

这里是一些更详细的信息RectTransform，枢轴，锚...