如何以正确的方式实施 UWP

Question

我经常遇到许多导致我重构代码的问题...

这就是为什么我想请教一些建议。

我遇到的问题是：

1) 向 XAML 提供数据

提供简单的数据来控制值，而不是使用值转换器。例如，我有一个像“#FF234243”这样的颜色字符串，它存储在一个类中。该字符串的值由 Web 应用程序提供，因此我只能在运行时指定它。

2) 每种分辨率的用户界面

在我开始学习的时候，有人告诉我你可以为每一种可能的分辨率创建一个 UI，这很愚蠢。 所以我写了一个ValueConverter，我绑定在一个元素上，作为ConverterParameter，我给出一个像'300'这样的值，它会为每个可能的分辨率计算......但这会导致这样的代码......

<TextBlock
Height={Binding Converter={StaticResource SizeValue}, ConverterParameter='300'}
/>

3) DependencyProperties 与 NotifyProperties（实现 INotifyPropertyChanged 的​​属性）与属性

我编写了一个控件，它接受一个值列表并将它们转换为在 UI 中可点击的 按钮。所以我这样做了，我为这个特定的 Control 创建了一个变量，我将其设置为 DataContext 并使用 DataContextChanged 验证我的数据，但我的同事提到由于这个原因 DependencyProperties 被引入。所以我创建了一个 DependecyProperty ，它在属性获得值时获取项目列表 BUT 我必须呈现按钮......所以我必须做类似

public List<string> Buttons
        {
            get { return (List<string>)GetValue(ButtonsProperty); }
            set
            {
                SetValue(ButtonsProperty, value);
                RenderButtons();
            }
        }
        // Using a DependencyProperty as the backing store for Buttons.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ButtonsProperty =
            DependencyProperty.Register("Buttons", typeof(List<string>), typeof(MainPage), new PropertyMetadata(""));

        private void RenderButtons()
        {
            ButtonBar.Children.Clear();
            ButtonBar.ColumnDefinitions.Clear();

            if(Buttons != null)
            {
                int added = 0;
                foreach (var item in Buttons)
                {
                    var cd = new ColumnDefinition() { Width = new GridLength(1, GridUnitType.Star) };
                    var btn = new Button() { Content = item };
                    ButtonBar.ColumnDefinitions.Add(cd);
                    ButtonBar.Children.Add(btn);
                    Grid.SetColumn(btn, added);
                }
            }
        }

并且必须像这样使用它：

<Controls:MyControl
    x:Name="ButtonBar" Button="{Binding MyButtons}">
</Controls:MyControl>

由于这些主题很多，我可以将它们分开，但我认为这对于初学者来说是一个很常见的主题，我还没有找到解释或其他任何东西

Answer 1

1.向 XAML 提供数据

有两种选择：在 ViewModel 中准备数据或使用转换器。 在我看来，使用转换器会更好，因为您可以使用示例中提到的颜色的跨平台视图模型，并且转换器将创建与平台相关的颜色。我们对图像有类似的问题。在 android 上它应该被转换为 Bitmap 类，而在 UWP 上它被转换为 BitmapImage 类。在 viewModel 中我们有 byte[]。

2。每种分辨率的用户界面

您不需要使用转换器，因为高度是以有效像素为单位指定的，它将自动适合您所需的所有分辨率。更多信息可以在以下链接中找到：

https://docs.microsoft.com/en-us/windows/uwp/design/layout/layouts-with-xaml

如何处理文本块大小有两种选择：

a) 使用预定义的文本块样式并且不要发明轮子（这是推荐的选项）：

https://docs.microsoft.com/en-us/windows/uwp/design/style/typography#type-ramp

或者

b) 以像素为单位指定字体大小。它们不是像素，而是有效像素。它们将在不同的设备上自动缩放：

https://docs.microsoft.com/en-us/windows/uwp/design/style/typography#size-and-scaling

此外，使用adaptive layout 为不同的屏幕尺寸设置不同的布局。

3) DependencyProperties 与 NotifyProperties（实现 INotifyPropertyChanged 的​​属性）与属性

根据您的代码，您可以尝试使用ListView 或ItemsControl 并定义自定义项目模板。

DependencyProperties 在 DependencyObject 中创建，可在 xaml 中访问。所有控件都继承自 DependencyObjects。通常当您想在 xaml 中设置它们时创建它们。它们不直接存储在对象中，而是存储在全局字典中并在运行时解析。

DependencyProperties 是很久以前创建的，您可以找到许多详细解释它们的链接：

http://www.wpftutorial.net/dependencyproperties.html

https://techpunch.wordpress.com/2008/09/25/wpf-wf-what-is-a-dependency-property/

When should I use dependency properties in WPF?

What is a dependency property? What is its use?

What is a dependency property?

INotifyPropertyChanged INPC 是 MVVM 的核心部分。您将视图绑定到实现 INPC 的 viewModel，当您更改属性控件的值时，您会收到通知并重新读取新值。

下载以下高分辨率视频，详细解释 MVVM（由 Laurent Bugnion 提供）： https://channel9.msdn.com/Events/MIX/MIX11/OPN03

MVVM: Tutorial from start to finish?

普通属性用于模型类或不需要通知 UI 有关更改的情况。