
xaml源码:
几个说明:
(1)命名空间
<Window ... >: 这是定义 WPF 窗口的根元素。 x:Class="WpfApp1.MainWindow": 这指示该 XAML 文件与名为 MainWindow 的类相关联,该类位于 WpfApp1 命名空间中。 这允许你在 C# 或其他 .NET 语言中编写与该窗口交互的代码。 xmlns 属性: 这些定义了不同的 XML 命名空间(Namespace),使得你可以使用来自这些命名空间的元素和属性。 xmlns="...":定义了默认的 XML 命名空间,用于 WPF 的核心元素。 xmlns:x="...":定义了 x 前缀的命名空间,用于 XAML 特定的元素和属性,如 x:Class。 xmlns:d="...":定义了 d 前缀的命名空间,该命名空间通常用于设计时的数据和属性, 这些数据和属性在运行时会被忽略(由 mc:Ignorable="d" 指定)。 xmlns:mc="...":定义了 mc 前缀的命名空间,用于标记兼容性设置。 xmlns:local="clr-namespace:WpfApp1":定义了 local 前缀的命名空间, 用于引用与 XAML 文件位于同一项目中的 CLR (Common Language Runtime) 命名空间。 xmlns:sys="clr-namespace:System;assembly=mscorlib":这定义了一个到 System 命名空间的引用, 但通常你不需要在 WPF 的 XAML 中直接引用 mscorlib 除非有特定的需求。 mc:Ignorable="d": 这告诉 XAML 解析器忽略 d 命名空间中的所有元素和属性。 这允许你在设计时添加数据(如 Blend 使用的数据),而这些数据在编译和运行应用时不会被包含。
(2)DataContext
设置数据上下文,如果没有这个设置,xaml这边就访问不到People
(3)Window.Resources
是定义资源。下面定义了两个资源。
(1)字符串数组MyStrings,这个可以给Listbox的ItemSource
(2)样式 MyListBoxItemStyle
(4)模板与触发器
控件模板
样式包含一个 ControlTemplate,它定义了 ListBoxItem 的外观。
两个 Border 元素:borderHeader 和 border
<ContentPresenter>:显示 ListBoxItem 的内容。
它绑定到 ListBoxItem 的 VerticalContentAlignment 和 HorizontalContentAlignment 属性,以正确地对齐内容。
触发器
IsSelected 触发器:当 ListBoxItem 被选中时触发。
IsMouseOver 触发器:当鼠标悬停在 ListBoxItem 上时触发。
<Window x:Class="WpfApp1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WpfApp1"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
<local:MainWindowViewModel/>
</Window.DataContext>
<Window.Resources>
<x:Array Type="{x:Type sys:String}" x:Key="MyStrings">
<sys:String>Item 1</sys:String>
<sys:String>Item 2</sys:String>
<sys:String>Item 3</sys:String>
</x:Array>
<Style x:Key="MyListBoxItemStyle" TargetType="ListBoxItem">
<Setter Property="MinHeight" Value="40"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ListBoxItem}">
<Grid>
<Border x:Name="borderHeader"/>
<Border x:Name="border"/>
<ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
/>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter Property="BorderThickness" TargetName="borderHeader" Value="4,0,0,0"/>
<Setter Property="BorderBrush" TargetName="borderHeader" Value="Blue"/>
<Setter Property="Background" TargetName="border" Value="Red"/>
<Setter Property="Opacity" TargetName="border" Value="0.2"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" TargetName="border" Value="Yellow"/>
<Setter Property="Opacity" TargetName="border" Value="0.4"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
</Grid.RowDefinitions>
<ListBox HorizontalContentAlignment="Stretch"
ItemContainerStyle="{StaticResource MyListBoxItemStyle}"
ItemsSource="{Binding People}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Background="Transparent" Orientation="Horizontal" Margin="5" >
<TextBlock Text="{Binding Name}" />
<TextBlock Text=","/>
<TextBlock Text="{Binding Age}"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</Window>MainWindowViewModel.cs代码:
wpf中为啥要用这个ObservableCollection,不能是List<T>吗?
在WPF(Windows Presentation Foundation)中,ObservableCollection<T> 通常用于数据绑定,因为它实现了 INotifyCollectionChanged 接口,这意味着当集合中的项目添加、移除或替换时,它会触发一个事件。这个事件可以被数据绑定机制捕获,从而通知WPF UI(用户界面)更新以反映数据集合的更改。
而List<T>不实现INotifyCollectionChanged 接口。
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace WpfApp1
{
public class MainWindowViewModel
{
public ObservableCollection<Person> People { get; set; }
public MainWindowViewModel()
{
People = new ObservableCollection<Person>
{
new Person { Name = "Alice", Age = 30 },
new Person { Name = "Bob", Age = 25 },
new Person { Name = "Charlie", Age = 35 }
};
}
}
public class Person
{
public string Name { get; set; }
public int Age { get; set; }
}
}源码:
链接:https://pan.baidu.com/s/1rbDLk0XgU9sGjLUliREQRw
提取码:gj1d
--来自百度网盘超级会员V6勇哥的分享


少有人走的路



















