选择WPF控件

Question

我需要为用户提供更改NLog规则的日志记录级别的选项。

有12条规则，每条规则都有自己的日志记录级别。

您建议使用哪些控件在WPF中提供此选项？

Answer 1

我不熟悉NLog，但我想如果你必须在一些预先确定的选项中进行选择，那么ComboBox是最好的UI元素。

您说您有12个日志级别，所以在这种情况下，使用ItemsControl来实际显示这些项而不是自己创建所有UI元素是最有意义的：

<Window x:Class="MiscSamples.LogLevelsSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="LogLevels" Height="300" Width="300">
    <ItemsControl ItemsSource="{Binding LogRules}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Width="100" Margin="2" Text="{Binding Name}"/>
                    <ComboBox ItemsSource="{Binding DataContext.LogLevels, RelativeSource={RelativeSource AncestorType=Window}}"
                              SelectedItem="{Binding LogLevel}" Width="100" Margin="2"/>
                </StackPanel>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Window>

代码隐藏：

    public partial class LogLevelsSample : Window
    {
        public LogLevelsSample()
        {
            InitializeComponent();

            DataContext = new LogSettingsViewModel();
        }
    }

ViewModel：

    public class LogSettingsViewModel
    {
        public List<LogLevels> LogLevels { get; set; }

        public List<LogRule> LogRules { get; set; } 

        public LogSettingsViewModel()
        {
            LogLevels = Enum.GetValues(typeof (LogLevels)).OfType<LogLevels>().ToList();

            LogRules = Enumerable.Range(1, 12).Select(x => new LogRule()
                                                               {
                                                                   Name = "Log Rule " + x.ToString(),
                                                                   LogLevel = MiscSamples.LogLevels.Debug
                                                               }).ToList();
        }
    }

数据项：

    public class LogRule
    {
        public string Name { get; set; }

        public LogLevels LogLevel { get; set; }
    }

    public enum LogLevels
    {
        Trace,
        Debug,
        Warn,
        Info,
        Error,
        Fatal
    }

结果：

​

​

注意事项：

• ，我看到你有几个未回答的问题，你看起来很沮丧。不要这样。这是一个漂亮而出色的框架。我创建这个示例是希望您能看到它的真正之美。如果没有更多的代码和精力，您就不可能在winforms中实现相同的示例。
• 看看这段代码实际上是多么简单和漂亮。我正在广泛使用WPF的数据绑定功能，这使得一切都变得更容易。
• 注意到，没有一行代码引用或操作任何UI元素。我所做的就是创建适当的数据结构，然后创建适当的UI来显示/操作它。
• 数据和UI之间的“粘合剂”是DataContext属性，它是所有XAML绑定的解析依据。
• 如果你来自winforms或其他传统背景，你真的需要忘记从那里学到的一切，拥抱MVVM (单击链接it's not wikipedia).
• Again，I'm不熟悉NLog，所以我不确定我创建的数据结构是否符合您的需要。无论如何，请让我知道。
• 如果您需要进一步的帮助，请让我知道。我很乐意在你学习WPF的第一步中帮助你。