经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » 程序设计 » ASP.net » 查看文章
【WPF】根据选项值显示不同的编辑控件（使用DataTemplateSelector）
来源：cnblogs　　作者：东邪独孤　　时间：2024/7/1 11:29:45　　对本文有异议

接了一个小杂毛项目，大概情形是这样的：ZWT先生开的店是卖拆片机的，Z先生不仅卖机器，还贴心地提供一项服务：可以根据顾客需要修改两个电机的转向和转速（机器厂家有给SDK的，但Z自己不会写程序）。厂家有配套一个调节器，调整参数时连接到拆片机的串口上，然后旋转按钮可以调速，拨码开关可以设定电机正转还是反转。但Z觉得调速器长得像个马桶水箱似的，既不好看也不便携带。最惨的是，有的客户的车间里有很多台机子，一台一台的连上串口调很费劲。于是，学过电工的Z不知道哪搞了一个串口 Hub，电脑向 Hub 发数据，然后会将数据群发给所有连接的拆片机（这种Hub忘了叫什么，十几年前老周曾在某工厂里见过）。

Z先生经过 N 个中间人介绍，找到老周。去Z的店参观了一下，了解情况后。当时老周可能被蚊子叮昏了头脑，觉得这不简单吗，便答应Z老板说三天可以完成。不过，这做起来确实不复杂，基础代码当天晚上用了两个多小时就搞定了。串口发数据这事也不难，就一个 SerialPort 类就搞定的。协议方面有文档，一个字节数组，代入参数就行。每台拆片机的编组号和参数就用一人 Sqlite 数据库存放就完事，配上 EF Core 读写起来那简直是入门级的难度。

不过，在第一次实测时遇到一个问题，每台机器的参数是不同的，需要提供一个界面，让用户可以增/删/改/查。也就是说，机器参数不能用类来封装，静态语言又不能动态生成属性。当然，这也不是静态语言的错，而是思路的问题。我干吗非要用类封装呢？不封装不就更可以动态变化了吗？然后，老周的生理 CPU 飞速运转，眼前浮现着一张张熟悉的面孔—— 用字典来存储，用JSON来做，用XML来做……避免产生过多不必要的数据文件，老周决定在数据库加个表，一个选项（参数）就是一条数据记录。字段如选项名称，选项值，备注，添加时间，最后修改时间，添加人（谁操作的）等。

随后，又有问题了，虽然在数据库中我把选项（参数）值统一用文本来表示，但在用户界面上，总不能全放个 TextBox 在那里。最重要的是全用 TextBox 的话，验证的代码就要写很多了。比如：你输入的是日期吗？你输入的是整数吗？Bool 值的东西为什么还要让人填呢，直接CheckBox不好吗？现在的情况是，机器参数是用户动态添加的，在布局界面时我不能写死了，毕竟事先不能确定用下拉列表还是文本框。那就在运行时动态呈现控件吧。

思路有了，但方法有很多种。老周当初吹下了三天完工的牛皮，所以，创建新控件的思路可能更花时间，而且感觉也没必要。经过短暂的计划，老周的想法：

1、在编辑界面上用一个 ListBox 或 ItemsControl，这样可以免去许多排版的功夫。就把界面当成一个列表框控件，每个被编辑的选项就是一个列表项。这样添加和删除也方便，直接 Binding 就好了。

2、为 ItemsControl 定义列表项模板，是 DataTemplate，不是控件模板。重做控件模板跟创作新控件一样，费时间。

3、DataTemplate 中，一个 TextBlock 用来显示项目标签（不可修改的文本），然后值呢？

4、选项值用的控件是不固定的，事先不可知，老周就放了个 ContentControl 在那里，就当作占位符用吧。为什么选它呢？因为它有 Content 属性，可以放任何东西，而且配套一个 ContentTemplate 属性，类型正是 DataTemplate。当然，也可以用类似功能的控件。

老周的想法就是，用 ContentTemplate 去引用其他的数据模板，当然数据模板也不能写死的。即要定义多个模板，里面放不同的控件，需要根据选项的需求选择不同的模板。于是，有一个类可以用上——DataTemplateSelector。

这个类有一个虚方法叫 SelectTemplate，能够根据相同数据运态返回数据模板。派生类只要重写这个方法就 OK。

哦，补充一下，什么是拆片机。大伙伴看看你身上穿的战袍，是不是由一块块布组成？服装厂先要依据图纸，用选定的线织成一块块的“散片”，针织机有横机和纵机，横向的多见。以前是手动操作，现在是电脑控制。这些“散片”可交给缝盘工人（做缝盘的一般是女孩，以前那些手动织机的话，男女都有）“组装”起来。下图是常见的缝盘机（不是缝纫机，二者不同的），老周家里还有三台，23年前的型号，有两台还是全新未拆封的。

缝盘机的套口编号要与针织机的匹配使用，如果混用会出问题的，以前内销毛衣常见的12针（这个简单说就是代表线眼的疏密）一般会配用14号的缝盘机（当然也不是绝对，看工人经验，有时候接近编号的也行）。

从上世纪 90 年代起，老周家里做过十几年的毛衣加工，现在是租给别人做，近20台电脑横机，全天24小时工作。所以，服装方面的东西，老周还是懂一点点的。

拆片就是把编织好的衣片拆解，变回一筒一筒的毛线。这个原因就很复杂，可能针织时效果不好，可能拿错图纸了，可能多出来不用的……把衣片重新变回毛线，还可以重复用，不浪费。有些片可能被机器里的润滑油污染，以前有的师傅懒得处理，是直接不要的（在农村，以前有些人家用来生火煮水煮饭），不过，这些毛料燃烧起来是环境污染，而且味道让人很难受。现在很少有人这么干。毕竟，别说燃气灶，连电磁炉在农村都很普及了。直接生火做饭的很少，就算要生火，也会选一些天然的柴木。

拆片机结构很简单，用夹子固定衣片，先人工抽出部分丝线，在橡皮轮上缠绕二三十圈，然后开动电机就行，工作起来有点像打毛机。拆片机现在并没有标准的产品，都是个别有“本事”的工厂或者像Z先生这样的，自己做的。

------------------------------------------------------------------------------------------------------------------------------------------------------------------

不得了，这次扯的废话太长了。不能再说了，不然就真变成水文了。下面说重点。

步骤一：定义选项包装类

哦，老周上面只是说，不用类来封装选项数据，但每条选项记录还是要封装的。这个类与数据库中的选项表映射。为了简单，老周删除了像备注、操作员、时间、父级选项等无关的属性。

  1. public class OptionItem : INotifyPropertyChanged
  2. {
  3.     private string _labelName;
  4.     private string _objValue;
  5.     private bool _required;
  6.     private UIElementType _uiType;
  7.     private string _listItems;
  9.     public int Id { get; set; }
  11.     /// <summary>
  12.     /// 选项的标签文本
  13.     /// </summary>
  14.     public string LabelName
  15.     {
  16.         get => _labelName;
  17.         set
  18.         {
  19.             _labelName = value;
  20.             OnMyPropertyChanged();
  21.         }
  22.     }
  24.     /// <summary>
  25.     /// 选项的值
  26.     /// </summary>
  27.     public string ObjectValue
  28.     {
  29.         get { return _objValue; }
  30.         set
  31.         {
  32.             _objValue = value;
  33.             OnMyPropertyChanged();
  34.         }
  35.     }
  37.     /// <summary>
  38.     /// 是否为必填
  39.     /// </summary>
  40.     public bool Required
  41.     {
  42.         get => _required;
  43.         set
  44.         {
  45.             _required = value;
  46.             OnMyPropertyChanged();
  47.         }
  48.     }
  50.     /// <summary>
  51.     /// 界面控件类型
  52.     /// </summary>
  53.     public UIElementType UIType
  54.     {
  55.         get => _uiType;
  56.         set
  57.         {
  58.             _uiType = value;
  59.             OnMyPropertyChanged();
  60.         }
  61.     }
  63.     /// <summary>
  64.     /// 显示在下拉列表中的内容，只有需要下拉列表控件时才用到
  65.     /// </summary>
  66.     public string ListItems
  67.     {
  68.         get => _listItems;
  69.         set
  70.         {
  71.             _listItems = value;
  72.             OnMyPropertyChanged();
  73.         }
  74.     }
  76.     // 属性更改后调用的方法
  77.     private void OnMyPropertyChanged([CallerMemberName] string propertyName = null)
  78.     {
  79.         if (string.IsNullOrEmpty(propertyName))
  80.         {
  81.             return;
  82.         }
  83.         PropertyChanged?.Invoke(this, new(propertyName));
  84.     }
  86.     // 属性更改通知事件
  87.     public event PropertyChangedEventHandler PropertyChanged;
  88. }

实现 INotifyPropertyChanged 接口，这个不用多介绍，可以让绑定对象能实时获得更改通知。UIElementType 是一个枚举类型，表示要呈现什么样的控件，映射到数据库表时用整型存储。

  1. public enum UIElementType
  2. {
  3.     TextBox,                // 普通文本框
  4.     NumberBoxInt,           // 文本框，但输入整数用
  5.     NumberBoxFloat,         // 文本框，但输入浮点数用
  6.     CheckBox,               // 复选框
  7.     DropdownList,           // 下拉列表框
  8.     DatePicker              // 日期选择器
  9. }

这老周项目所需要用的控件，你可以根据实际添加成员。WPF的编辑控件其实很少，比 WinForms 还少。大概开发团队觉得 WPF 的控件可以自己设计。虽然控件模板方便换，但做起来也要一定工作量的，反正嘛，非必要不创作控件。有大伙伴会问：怎么不用开源的第三方控件？如果老周自己用的话，倒是可以的。可是项目一旦是商用的就……有些开源协议是很让人无语的，而且不少项目在商用上要授权的。比如那个 Qt，到处告人，“一不小心就会一团糟”。所以咱们这边做上位机、客户端什么的基本用 .NET，Qt 几乎没几个人用，很多公司都不敢用，怕被找上门。

购买授权这种事不要问老周，因为老周也搞不懂。但老周大胆怀疑，这些王X蛋是不是故意的，想通过打官司来发家致富？其实大伙常用的手机 App 表面免费，实际上你如果有心情去阅读一下用户协议，你会冒出一身冷汗。处处给你设坑，你想不跳都不行。比如微信输入法什么的，你如果用它来写小说，那小心，可能你的版权会变成别人的。还有一些不要脸的套壳 AI 服务，在你我不知情的前提下，把咱们的东西变成它们的数据、模型的一部分，产权归谁？科学技术很强大，可有没有质疑过，现在搞科技创新的初心是什么？为了割矮脚白菜？还是为战争服务？还是……

不过，老周从 2010 年至今，接的很多项目 90% 是用 .NET 做的，至少目前没出什么授权上的问题，也没收到过“绿尸寒”。微软还是靠谱的。

为了在数据库中能够兼容，表示选项值的 ObjectValue 属性定义为字符串类型，在数据库也是用文本存放。因为选项值可能是浮点数和日期，但文本很强大，啥值它都能表示。LabelName 属性是显示在用户界面上的，不能被编辑。Required 属性表示此字段值是不是必需的，如果是，会在标签旁边显示一个星号（*）。在绑定时，用 BoolValueConverter 转换器把 bool 值转为控件的 Visibility 属性值，这个转换器是 .NET 类库自有的，不用我们自己写。

 ListItems 属性只有当控件是 ComboBox 时才用到，字符串内容，每个项用逗号分隔，显示在下拉列表中。由于它的值是一个字符串，而 ComboBox 的 item source 是列表类型。需要写一个转换器，把字符串分割成一个数组。

  1. public class StrToListConverter : IValueConverter
  2. {
  3.     public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  4.     {
  5.         string list = (string)value;
  6.         var splis = list.Split(',').Select(s => s.Trim());
  7.         return splis.ToArray();
  8.     }
  10.     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
  11.     {
  12.         return null;
  13.     }
  14. }

因为绑定是单向的，所以 ConvertBack 不需要，返回 null 了事。

同样的道理，如果用的是 CheckBox 控件，需要 bool 和 string 之间的转换。

  1. public class BoolValueConverter : IValueConverter
  2. {
  3.     public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  4.     {
  5.         // 由于数据的值都用字符串表示，所以这里可以直接转成字符串
  6.         string strValue = (string)value;
  7.         if (bool.TryParse(strValue, out bool val))
  8.         {
  9.             return val;
  10.         }
  11.         return false;
  12.     }
  14.     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
  15.     {
  16.         // 转回去的时候，都是字符串
  17.         return value.ToString();
  18.     }
  19. }

由于 CheckBox 控件用于编辑，需要双向绑定，所以 ConvertBack 方法要实现。

步骤二：从TextBox派生一个类

尽管原则上不创作新控件，但由于 TextBox 除输入任意文本外，有些选项只能让用户输入数字。有大伙伴会说，用 InputScope 不就行了吗。还真的不行。input scope 只对触控屏幕键盘有效，对于实体键盘无法限制。因此，为了方便，只好派生出一个类，然后重写 OnPreviewTextInput 方法，把非数字字符排除。其实，处理 TextBox 的 PreviewTextInput 事件也可以的，不过派生一个类来处理，完整性更好，也方便直接把控件代码复制到别的项目使用。Preview开头的事件是【隧道】事件，即从 XAML 树的外层向内引发，而 TextInput 事件是冒泡式的，从内向外引发。键盘事件由 WM_KEY*** 相关消息产生，操作系统会将其传递给窗口。窗口处理了再到里面的控件处理。我们应该处理 Preview 事件，当输入的字符不是数字时，不让它向下传播，这样 TextBox 就不会接收这个字符了。

  1. public class NumberTextBox : TextBox
  2. {
  3.     public NumberTextBox()
  4.     {
  5.         TextNumberType = NumberType.Integer;
  6.         // 禁用输入法
  7.         InputMethod.SetIsInputMethodEnabled(this, false);
  8.         // 设置输入范围是数字，这只对触控键盘有效
  9.         InputScope ipscope = new();
  10.         ipscope.Names.Add(new InputScopeName(InputScopeNameValue.Number));
  11.         this.InputScope = ipscope;
  12.     }
  14.     /// <summary>
  15.     /// 获取/设置数字类型
  16.     /// </summary>
  17.     public NumberType TextNumberType { get; set; }
  19.     protected override void OnPreviewTextInput(TextCompositionEventArgs e)
  20.     {
  21.         Debug.WriteLine($"Text={e.Text}, ControlText={e.ControlText}");
  22.         string pattern = TextNumberType == NumberType.Integer ? "[0-9]+" : "[0-9.]+";
  23.         var rgxres = Regex.Match(e.Text, pattern);
  24.         if (!rgxres.Success)
  25.         {
  26.             e.Handled = true;
  27.             return;
  28.         }
  29.         base.OnPreviewTextInput(e);
  30.     }
  31. }
  33. public enum NumberType
  34. {
  35.     /// <summary>
  36.     /// 整数
  37.     /// </summary>
  38.     Integer,
  39.     /// <summary>
  40.     /// 浮点数
  41.     /// </summary>
  42.     Floating
  43. }

老周这里就用正则表达式来匹配，实际上它只匹配一个字符。只要有字符输入，TextInput 相关的事件就会引发，而关联的文本只是刚刚输入的那个字符，而不是 TextBox 中的所有字符。也就是说，这段代码只是限制，并不能验证输入的对不对。其实这代码还不严谨，如果用户已经输入过小数点了，也可能出现输入 N 个小数点的问题。我们也可以优化一下。

  1. protected override void OnPreviewTextInput(TextCompositionEventArgs e)
  2. {
  3.     ……
  4.     if (TextNumberType == NumberType.Floating && e.Text == ".")
  5.     {
  6.         // 看看他输入了几个小数点
  7.         TextBox tb = (TextBox)e.OriginalSource;
  8.         int index = tb.Text.LastIndexOf('.');
  9.         // 索引如果有效，说明之前输入过小数点
  10.         if(index > -1)
  11.         {
  12.             e.Handled= true;
  13.             return;
  14.         }
  15.     }
  17.     base.OnPreviewTextInput(e);
  18. }

e.Handled = true 会阻止事件向下传播，就能达到阻止输入某些字符的目的。注意，TextInput 相关事件引发时，一般我们只能获取刚输入的字符，要结合 TextBox 现有的文本来分析，就必须从 TextBox.Text 属性获取。上面代码是先判断当前输入的是浮点数，且当前输入的字符是小数点，如果是，就从 TextBox 现有文本中查找小数点。如果找到，说明之前输入过，就不能再输入了。

当然了，限制并不能代替数验证功能。如果需要，还要进一步用代码检查输入的值是否有效。

步骤三：准备一堆数据模板

要用模板选择器筛选要用的数据模板，首先得准备一系列待选模板，放进资源字典中。

  1. <Window.Resources>
  2.     <!--转换器-->
  3.     <BooleanToVisibilityConverter x:Key="btvCvt" />
  4.     <local:BoolValueConverter x:Key="boolValCvt"/>
  5.     <local:StrToListConverter x:Key="strToListCvt"/>
  6.     <!--下面几个模板是用于选择的-->
  7.     <DataTemplate x:Key="selTempAnyTxt">
  8.         <TextBox Text="{Binding Path=ObjectValue, Mode=TwoWay}" InputMethod.IsInputMethodEnabled="False"/>
  9.     </DataTemplate>
  10.     
  11.     <DataTemplate x:Key="selTempNumberInt">
  12.         <local:NumberTextBox Text="{Binding Mode=TwoWay, Path=ObjectValue}" TextNumberType="Integer"/>
  13.     </DataTemplate>
  14.     
  15.     <DataTemplate x:Key="selTempNumberFloat">
  16.         <local:NumberTextBox Text="{Binding Mode=TwoWay, Path=ObjectValue}" TextNumberType="Floating"/>
  17.     </DataTemplate>
  19.     <DataTemplate x:Key="selTempList">
  20.         <ComboBox ItemsSource="{Binding Path=ListItems, Converter={StaticResource strToListCvt}}"
  21.                   Text="{Binding Path=ObjectValue, Mode=TwoWay}"
  22.                   IsReadOnly="True"
  23.                   IsEditable="True"/>
  24.     </DataTemplate>
  25.     
  26.     <DataTemplate x:Key="selTempCheckBox">
  27.         <CheckBox IsChecked="{Binding Path=ObjectValue,Mode=TwoWay,Converter={StaticResource boolValCvt}}" Content=""/>
  28.     </DataTemplate>
  29.     
  30.     <DataTemplate x:Key="selTempDatePicker">
  31.         <DatePicker Text="{Binding Path=ObjectValue, Mode=TwoWay}" SelectedDateFormat="Short"/>
  32.     </DataTemplate>
  33.     <!--END-->
  34. ……
  35. </Window.Resources>

要定义一堆模板，看着复杂，其实很简单。

步骤四：编写模板选择器

  1.     public class MyTemplateSelector : DataTemplateSelector
  2.     {
  3.         public override DataTemplate SelectTemplate(object item, DependencyObject container)
  4.         {
  5.             OptionItem opt = (OptionItem)item;
  7.             switch (opt.UIType)
  8.             {
  9.                 case UIElementType.TextBox:
  10.                     return TextTemplate;
  11.                 case UIElementType.NumberBoxInt:
  12.                     return IntNumTemplate;
  13.                 case UIElementType.NumberBoxFloat:
  14.                     return FloatNumTemplate;
  15.                 case UIElementType.DropdownList:
  16.                     return DropListTemplate;
  17.                 case UIElementType.CheckBox:
  18.                     return CheckBoxTemplate;
  19.                 case UIElementType.DatePicker:
  20.                     return DatePickerTemplate;
  21.             }
  22.             return TextTemplate;
  23.         }
  25.         #region 公共属性，用于引用模板
  26.         public DataTemplate TextTemplate { get; set; }
  27.         public DataTemplate IntNumTemplate { get; set; }
  28.         public DataTemplate FloatNumTemplate { get; set; }
  29.         public DataTemplate CheckBoxTemplate { get; set#endregion
  30.     }

注意那六大属性，待会把选择器放到XAML资源中，可以引用我们前面定义的那些模板。重写 SelectTemplate 方法是核心。根据 UIType 属性来判断要用的模板。这是咱们前面定义选项类时用的枚举。

步骤五：套用

  1.         <!--模板选择器-->
  2.         <local:MyTemplateSelector x:Key="tempSelt"
  3.                                   TextTemplate="{StaticResource selTempAnyTxt}"
  4.                                   IntNumTemplate="{StaticResource selTempNumberInt}"
  5.                                   FloatNumTemplate="{StaticResource selTempNumberFloat}"
  6.                                   DropListTemplate="{StaticResource selTempList}"
  7.                                   CheckBoxTemplate="{StaticResource selTempCheckBox}"
  8.                                   DatePickerTemplate="{StaticResource selTempDatePicker}"
  9.                                />
  10.         <DataTemplate x:Key="itemTemp" DataType="local:OptionItem">
  11.             <Grid MinWidth="300" HorizontalAlignment="Center" Margin="0,5">
  12.                 <Grid.ColumnDefinitions>
  13.                     <ColumnDefinition Width="100"/>
  14.                     <ColumnDefinition Width="*"/>
  15.                 </Grid.ColumnDefinitions>
  16.                 <StackPanel Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Right" Margin="0,0,5,0">
  17.                     <TextBlock>
  18.                         <Run Text="{Binding Mode=TwoWay, Path=LabelName}"/>
  19.                         <Run Text="："/>
  20.                     </TextBlock>
  21.                     <TextBlock Visibility="{Binding Required, Converter={StaticResource btvCvt}}" Foreground="Red" FontSize="16">*</TextBlock>
  22.                 </StackPanel>
  23.                 <ContentControl Grid.Column="1" Content="{Binding}" ContentTemplateSelector="{StaticResource tempSelt}"/>
  24.             </Grid>
  25.         </DataTemplate>

Key 为 itemTemp 的模板是给 ItemsControl 控件用的。而前面的那些模板只是给 ContentControl 用的。也就是说，ItemsControl 控件的列表项套用 itemTemp 模板，而 itemTemp 模板里面的 ContentControl 控件又套用前面定义的模板（由模板选择器决定）。

注意，绑定 Required 属性的 TextBlock 只有一个“*”字符，当 Required 属性为true时，该控件显示星号，表示此字段必填。

步骤六：界面布局

在界面上放一个 ItemsControl 控件就能显示各个选项字段信息了。

  1. <Grid>
  2.     <Grid.RowDefinitions>
  3.         <RowDefinition Height="*"/>
  4.         <RowDefinition Height="*"/>
  5.     </Grid.RowDefinitions>
  6.     <ScrollViewer Grid.Row="0">
  7.         <ItemsControl x:Name="itOpt"
  8.              ItemTemplate="{StaticResource itemTemp}"
  9.              />
  10.     </ScrollViewer>
  11.     <TextBox Grid.Row="1" x:Name="txtDisp"/>
  12. </Grid>

txtDisp 用来每 3 秒显示一次选项类列表，这个只是用来观察绑定有没有双向更新，并无实际用途。

下面是代码部分。

  1.     public partial class MainWindow : Window
  2.     {
  3.         private ObservableCollection<OptionItem> _optionItems = new();
  4.         private DispatcherTimer timer = new DispatcherTimer();
  5.         public MainWindow()
  6.         {
  7.             InitializeComponent();
  8.             timer.Interval = TimeSpan.FromSeconds(3);
  9.             timer.Tick += OnTimer;
  10.             _optionItems.Add(new()
  11.             {
  12.                 Id = 1,
  13.                 Required = true,
  14.                 LabelName = "banch",
  15.                 UIType = UIElementType.NumberBoxInt,
  16.                 ObjectValue = "3"
  17.             });
  18.             _optionItems.Add(new()
  19.             {
  20.                 Id = 2,
  21.                 LabelName = "factor",
  22.                 UIType = UIElementType.NumberBoxFloat,
  23.                 ObjectValue = "0.1",
  24.                 Required = false
  25.             });
  26.             _optionItems.Add(new()
  27.             {
  28.                 Id = 3,
  29.                 LabelName = "tcc1",
  30.                 ObjectValue = "s-i-2",
  31.                 Required = true,
  32.                 UIType = UIElementType.TextBox
  33.             });
  34.             _optionItems.Add(new()
  35.             {
  36.                 Id = 4,
  37.                 LabelName = "tcc2",
  38.                 ObjectValue = "k9",
  39.                 Required = true,
  40.                 UIType = UIElementType.TextBox
  41.             });
  42.             _optionItems.Add(new()
  43.             {
  44.                 Id = 5,
  45.                 LabelName = "wt_mode",
  46.                 ObjectValue = "nor",
  47.                 Required = false,
  48.                 UIType = UIElementType.DropdownList,// 下拉列表
  49.                 ListItems = "cls,nor,slw,wdw"
  50.             });
  51.             _optionItems.Add(new()
  52.             {
  53.                 Id = 6,
  54.                 LabelName = "flash",
  55.                 UIType = UIElementType.CheckBox,
  56.                 ObjectValue = "True",
  57.                 Required = false
  58.             });
  59.             _optionItems.Add(new()
  60.             {
  61.                 Id = 7,
  62.                 LabelName = "size",
  63.                 ObjectValue = "8",
  64.                 UIType = UIElementType.NumberBoxInt,
  65.                 Required = false
  66.             });
  67.             _optionItems.Add(new()
  68.             {
  69.                 Id = 8,
  70.                 LabelName = "reg_0xD3",
  71.                 Required = false,
  72.                 ObjectValue = "29",
  73.                 UIType = UIElementType.NumberBoxInt
  74.             });
  75.             // 绑定
  76.             itOpt.ItemsSource = _optionItems;
  77.             timer.Start();
  78.         }
  80.         private void OnTimer(object sender, EventArgs e)
  81.         {
  82.             StringBuilder bd = new StringBuilder();
  83.             foreach (OptionItem oi in _optionItems)
  84.             {
  85.                 bd.AppendLine($"{oi.LabelName} = {oi.ObjectValue}");
  86.             }
  87.             txtDisp.Text = bd.ToString();
  88.         }
  89.     }

DispatchTimer 只是用来周期性更新显示，没其他用途。

 

运行程序后，你会发现。程序会根据各个选项的设置，生成编辑字段。

 是不是很好用呢？现在，把 factor 字段改为 1.5，等3秒钟后，看看有没有更改。

已经更新了。

再试试，把 flash 的 CheckBox 中的勾去掉，看会不会变成 false。

好了，已经有效果了，这样一来，用户爱添加啥参数就随他的便。

 

原文链接：https://www.cnblogs.com/tcjiaan/p/18274217

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

ASP.net热门文章

  • 【Dotnet 工具箱】WPF UI - 现代化设计的开源 WPF 框架
  • net core 使用 SqlSugar
  • .NETCore下CI/CD之自动化测试
  • .net core部署到linux可能碰到的问题
  • Abp vNext 自定义 Ef Core 仓储引发异常
  • .NetCore 消息队列的使用
  • .NetCore WebApi——基于JWT的简单身份认证与授权（Swagger）
  • Abp.NHibernate连接PostgreSQl数据库
  • ModelValidator基于元数据的验证
  • .NET MAUI 安卓应用开发初体验

    • ASP.net推荐文章

  • Gradio.NET 支持 .NET 8 简化 Web 应用开发
  • .NET 轻量化定时任务调度 FreeScheduler
  • WPF 模仿前端大佬写一个Hover效果
  • WPF 模拟UWP原生窗口样式——亚克力|云母材质、自定义标题栏样式、原生DWM动画 （附我封装好的类）
  • .NET 音频采集
  • .NET8 Blazor 从入门到精通：（三）类库和表单
  • wpf 如何7步写一个badge控件
  • .NET 高效Nuget管理工具（开源）
  • .NET 8 跨平台高性能边缘采集网关
  • .NET 窗口/屏幕录制

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号