WPF学习笔记

WPF学习笔记


ListView联动

<pre><code class="language-csharp">&amp;lt;Grid&amp;gt; &amp;lt;Grid.ColumnDefinitions&amp;gt; &amp;lt;ColumnDefinition&amp;gt;&amp;lt;/ColumnDefinition&amp;gt; &amp;lt;ColumnDefinition&amp;gt;&amp;lt;/ColumnDefinition&amp;gt; &amp;lt;/Grid.ColumnDefinitions&amp;gt; &amp;lt;ListView Grid.Column=&amp;quot;0&amp;quot; x:Name=&amp;quot;listview&amp;quot; SelectionChanged=&amp;quot;listview_SelectionChanged&amp;quot;&amp;gt; &amp;lt;ListView.View&amp;gt; &amp;lt;GridView&amp;gt; &amp;lt;GridView.Columns&amp;gt; &amp;lt;GridViewColumn Header=&amp;quot;编号&amp;quot; DisplayMemberBinding=&amp;quot;{Binding Id}&amp;quot;&amp;gt;&amp;lt;/GridViewColumn&amp;gt; &amp;lt;GridViewColumn DisplayMemberBinding=&amp;quot;{Binding Name}&amp;quot;&amp;gt; &amp;lt;GridViewColumn.Header&amp;gt; &amp;lt;StackPanel Orientation=&amp;quot;Horizontal&amp;quot;&amp;gt; &amp;lt;Image Height=&amp;quot;10&amp;quot; Width=&amp;quot;10&amp;quot; Source=&amp;quot;image/question.png&amp;quot;&amp;gt;&amp;lt;/Image&amp;gt; &amp;lt;TextBlock Text=&amp;quot;姓名&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;/StackPanel&amp;gt; &amp;lt;/GridViewColumn.Header&amp;gt; &amp;lt;/GridViewColumn&amp;gt; &amp;lt;GridViewColumn Header=&amp;quot;爱好&amp;quot; DisplayMemberBinding=&amp;quot;{Binding Address}&amp;quot;&amp;gt;&amp;lt;/GridViewColumn&amp;gt; &amp;lt;/GridView.Columns&amp;gt; &amp;lt;/GridView&amp;gt; &amp;lt;/ListView.View&amp;gt; &amp;lt;/ListView&amp;gt; &amp;lt;StackPanel Grid.Column=&amp;quot;1&amp;quot;&amp;gt; &amp;lt;StackPanel Orientation=&amp;quot;Horizontal&amp;quot; Margin=&amp;quot;5 5 0 0&amp;quot;&amp;gt; &amp;lt;TextBlock Text=&amp;quot;编号:&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;TextBlock x:Name=&amp;quot;txtId&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;/StackPanel&amp;gt; &amp;lt;StackPanel Orientation=&amp;quot;Horizontal&amp;quot; Margin=&amp;quot;5 5 0 0&amp;quot;&amp;gt; &amp;lt;TextBlock Text=&amp;quot;名称:&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;TextBlock x:Name=&amp;quot;txtName&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;/StackPanel&amp;gt; &amp;lt;StackPanel Orientation=&amp;quot;Horizontal&amp;quot; Margin=&amp;quot;5 5 0 0&amp;quot;&amp;gt; &amp;lt;TextBlock Text=&amp;quot;爱好:&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;TextBlock x:Name=&amp;quot;txtAddress&amp;quot;&amp;gt;&amp;lt;/TextBlock&amp;gt; &amp;lt;/StackPanel&amp;gt; &amp;lt;/StackPanel&amp;gt; &amp;lt;/Grid&amp;gt; /// &amp;lt;summary&amp;gt; /// ListViews.xaml 的交互逻辑 /// &amp;lt;/summary&amp;gt; public partial class ListViews : Window { public ListViews() { InitializeComponent(); //listview.Items.Add(new Person { Id = 1, Name = &amp;quot;张三&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); //listview.Items.Add(new Person { Id = 2, Name = &amp;quot;lis&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); //listview.Items.Add(new Person { Id = 3, Name = &amp;quot;wangw&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); //listview.Items.Add(new Person { Id = 4, Name = &amp;quot;zhaoliu&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); //listview.Items.Add(new Person { Id = 5, Name = &amp;quot;marry&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); //listview.Items.Add(new Person { Id = 6, Name = &amp;quot;jack&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); //listview.Items.Add(new Person { Id = 7, Name = &amp;quot;ss&amp;quot;, Address = &amp;quot;1123456&amp;quot; }); var data = new List&amp;lt;Person&amp;gt;() { new Person { Id=1,Name=&amp;quot;张三&amp;quot;,Address=&amp;quot;1123456&amp;quot;}, new Person { Id = 2, Name = &amp;quot;lis&amp;quot;, Address = &amp;quot;1123456&amp;quot; }, new Person { Id = 3, Name = &amp;quot;wangw&amp;quot;, Address = &amp;quot;1123456&amp;quot; } }; listview.ItemsSource = data; } private void listview_SelectionChanged(object sender, SelectionChangedEventArgs e) { if (listview.SelectedItem is Person person) { txtId.Text = person.Id.ToString(); txtName.Text = person.Name.ToString(); txtAddress.Text = person.Address.ToString(); } } }</code></pre>

页面列表

ITEM_HTML