相对于屏幕缩放 UI答案

【问题标题】：Scale a UI relative to screen相对于屏幕缩放 UI
【发布时间】：2019-03-31 17:20:57
【问题描述】：

我正在以 xamarin 表单创建 UI，但我认为我错过了创建手机 UI 的基本前提。

我想做的是在保持比例的同时将 UI 缩放到屏幕上。认为这将允许我在高分辨率到中等分辨率的手机上显示我的 UI。目前，我滥用硬编码边距，当然，当我更换为更高或更低分辨率的手机时，得到的结果也不尽如人意。我尝试过堆栈和网格布局。水平问题被水平选项静音，但垂直问题很糟糕。

我必须支持 iOS 6s 及更高版本。 Android 支持信封正在“开发中”。可以说屏幕尺寸和密度会有所不同。

我认为我最初的question 可能会让我走上一条比需要更艰难的道路，所以我想在我将自定义代码应用到每个元素以将它们调整为屏幕尺寸的一小部分之前询问社区如何处理这个问题。这似乎没有通过嗅探测试。 #CodeSmells

完美的世界将是一个布局来填充整个空间并按比例缩放所有元素，包括字体大小。那是一回事吗？

我没有在这里添加任何代码，因为我真的在寻找策略或模式。

【问题讨论】：

blog.xamarin.com/adaptive-ui-xamarin-forms

标签： xaml user-interface xamarin xamarin.forms

【解决方案1】：

创建一个包含所有尺寸的静态类，以便在应用内使用。类似的东西：

public static class UiSettings
{
    public static double Scale = 1.0;
    public static void Init(double scale = 1.0)
    {
    Scale = scale;
    //can do more here, override props etc

    }

    public static double StandartTextSize => 12.0 * Scale;
    public static double StandartButtonMargin => new Thickness(2.0* Scale,2.0* Scale,2.0* Scale,2.0* Scale);

}

现在在启动时，您可以根据需要/检测到的分辨率进行调用：

UiSettings.Init(1.2); //set scale etc

【讨论】：