WPF计划尺度学习记载19

1. public class Sentence : ObservableObject
2. {
3.     private string content;
4.     public string Content
5.     {
6.         get { return content; }
7.         set { content = value; RaisePropertyChanged(); }
8.     }
9. }

复制代码

1. public class MainViewModel : ObservableObject
2. {
4.     private ObservableCollection<Sentence> poetries = new ObservableCollection<Sentence>();
5.     public ObservableCollection<Sentence> Poetries
6.     {
7.         get { return poetries; }
8.         set { poetries = value; RaisePropertyChanged(); }
9.     }
11.     public MainViewModel()
12.     {
13.         Poetries.Add(new Sentence() { Content = "汉皇重色思倾国，御宇多年求不得。" });
14.         Poetries.Add(new Sentence() { Content = "杨家有女初长成，养在深闺人未识。" });
15.         Poetries.Add(new Sentence() { Content = "天生丽质难自弃，一朝选在君王侧。" });
16.         Poetries.Add(new Sentence() { Content = "回眸一笑百媚生，六宫粉黛无颜色。" });
17.         Poetries.Add(new Sentence() { Content = "春寒赐浴华清池，温泉水滑洗凝脂。" });
18.         Poetries.Add(new Sentence() { Content = "侍儿扶起娇无力，始是新承恩泽时。" });
19.         Poetries.Add(new Sentence() { Content = "云鬓花颜金步摇，芙蓉帐暖度春宵。" });
20.     }
21. }

复制代码

1. // 视图模型基类继承（实现INotifyPropertyChanged接口）
2. public class MainViewModel : ObservableObject
3. {
4.     // 诗句集合存储字段（使用ObservableCollection实现动态UI更新）
5.     private ObservableCollection<Sentence> poetries = new ObservableCollection<Sentence>();
6.    
7.     /// <summary>
8.     /// 诗歌集合属性（双向绑定到UI列表控件）
9.     /// 技术特性：
10.     /// 1. 动态集合变更通知（自动触发UI重绘）
11.     /// 2. 线程安全操作（通过BindingOperations.EnableCollectionSynchronization）
12.     /// </summary>
13.     public ObservableCollection<Sentence> Poetries
14.     {
15.         get { return poetries; }
16.         // 属性变更时自动通知视图层（触发RaisePropertyChanged事件）
17.         set { poetries = value; RaisePropertyChanged(); }
18.     }
20.     /// <summary>
21.     /// 视图模型构造函数（数据初始化）
22.     /// 最佳实践建议：
23.     /// 1. 大数据量时应采用异步加载（async/await模式）
24.     /// 2. 生产环境建议从数据库/API获取数据
25.     /// </summary>
26.     public MainViewModel()
27.     {
28.         // 初始化《长恨歌》诗句（白居易代表作，共7句示例）
29.         Poetries.Add(new Sentence() { Content = "汉皇重色思倾国，御宇多年求不得。" });  // 开篇点明主题
30.         Poetries.Add(new Sentence() { Content = "杨家有女初长成，养在深闺人未识。" });  // 杨玉环出场铺垫
31.         Poetries.Add(new Sentence() { Content = "天生丽质难自弃，一朝选在君王侧。" });  // 命运转折点描写
32.         Poetries.Add(new Sentence() { Content = "回眸一笑百媚生，六宫粉黛无颜色。" });  // 经典容貌描写手法
33.         Poetries.Add(new Sentence() { Content = "春寒赐浴华清池，温泉水滑洗凝脂。" });  // 奢华宫廷生活场景
34.         Poetries.Add(new Sentence() { Content = "侍儿扶起娇无力，始是新承恩泽时。" });  // 含蓄的情感表达
35.         Poetries.Add(new Sentence() { Content = "云鬓花颜金步摇，芙蓉帐暖度春宵。" });  // 服饰与场景的意象组合
36.     }
37. }

复制代码

1. <Grid>
2.      <Border  
3.              BorderBrush="#DFDFDF"
4.              BorderThickness="1"
5.              CornerRadius="5"
6.              Margin="10">
7.          <ListBox ItemsSource="{Binding Poetries}" >
8.              <ListBox.ItemTemplate>
9.                  <DataTemplate>
10.                      <Border>
11.                          <TextBlock Text="{Binding Content}"
12.                                     FontSize="14"
13.                                     Margin="10 5 10 5"/>
14.                      </Border>
15.                  </DataTemplate>
16.              </ListBox.ItemTemplate>
17.              <ListBox.Style>
18.                  <Style TargetType="ListBox">
19.                      <Setter Property="Focusable" Value="False"/>
20.                      <Setter Property="Padding" Value="0"/>
21.                      <Setter Property="Margin" Value="0"/>
22.                      <Setter Property="Background" Value="Transparent"/>
23.                      <Setter Property="BorderBrush" Value="Transparent"/>
24.                      <Setter Property="ItemContainerStyle">
25.                          <Setter.Value>
26.                              <Style TargetType="ListBoxItem">
27.                                  <Setter Property="Height" Value="40"/>
28.                                  <Setter Property="Template">
29.                        

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。