WPF编程基础-笔记-数据绑定2

最新推荐文章于 2024-07-02 19:56:28 发布
原创 最新推荐文章于 2024-07-02 19:56:28 发布 · 440 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wpf

这篇笔记介绍了WPF中数据绑定的概念，详细讲解了如何使用ListBox、TextBox和Button结合ObservableCollection进行数据展示。通过设置ItemSource，实现了在ListBox中显示User对象的Name属性，并将选中项的Name和Age属性同步到文本框。同时，文章还探讨了通过SelectedIndex处理按钮事件来选择ListBox项的方法，并提到了ICollectionView接口的可能性。

本次笔记涉及：ListBox、TextBox、Button、绑定、ItemSource、ObservableCollection、ICollectionView。

实现目标：ListBox显示一组数据，数据是User对象的Name属性；同时把ListBox选中项的Name属性显示在nameTextBox，把Age属性显示在ageTextBox；最后4个按钮，能选择第一个、前一个、后一个、最后一个ListBox中的项目。

界面如下：

 实现方法：

方法一：因为是静态数据，所以直接在XAML中列出，然后采用绑定的方式。

XAML前台代码

<Window x:Class="KarliCards.Gui.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:KarliCards.Gui"
        mc:Ignorable="d"
        Title="MainWindow" Height="228" Width="283">
    <Window.Resources>
        <local:Users x:Key="UserSet">
            <local:User Name="赵子龙" Age="120"/>
            <local:User Name="谢浩然" Age="10"/>
            <local:User Name="林黛玉" Age="20"/>
            <local:User Name="花木兰" Age="90"/>
            <local:User Name="诸葛亮" Age="120"/>
            <local:User Name="穆桂英" Age="90"/>
            <local:User Name="贾宝玉" Age="20"/>
            <local:User Name="李宛桐" Age="10"/>
        </local:Users>
    </Window.Resources>
    <Grid Name="grid" Height="195" DataContext="{StaticResource UserSet}">
        <TextBlock Height="23" Width="43" Text="Name: " HorizontalAlignment="Left" VerticalAlignment="Top"
                   Margin="6, 71, 0, 0"/>
        <TextBlock Height="23" Width="43" Text="Age: " HorizontalAlignment="Left" VerticalAlignment="Bottom"
                   Margin="6, 0, 0, 72"/>
        <TextBox Height="23" Width="120" Name="nameTextBox" HorizontalAlignment="Left"
                 VerticalAlignment="Top" Margin="129, 68, 0, 0"
                 Text="{Binding Path=Name}"/>
        <!--Binding没有写ElementName对象，默认就是数据上下文DataContext-->
        <TextBox Height="23" Width="120" Name="ageTextBox" HorizontalAlignment="Left"
                 VerticalAlignment="Top" Margin="129, 100, 0, 0"
                 Text="{Binding Path=Age}"/>
        <TextBlock Height="23" Width="58" Name="textBlock3" HorizontalAlignment="Left"
                   VerticalAlignment="Top" Margin="6, 10, 0, 0" Text="DataSet: "/>
        <ListBox Height="52" Width="179" Name="userListBox" HorizontalAlignment="Left"
                 VerticalAlignment="Top" Margin="70, 10, 0, 0" 
                 ItemsSource="{Binding}"
                 IsSynchronizedWithCurrentItem="True"
                 SelectedValuePath="Age" 
                 DisplayMemberPath="Name" />
        <Button Content="First" Height="23" Width="47" Name="firstButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="6, 127, 0, 0"
                Click="firstButton_Click"/>
        <Button Content="Previous" Height="23" Width="47" Name="previousButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="70, 127, 0, 0"
                Click="previousButton_Click"/>
        <Button Content="Next" Height="23" Width="47" Name="nextButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="137, 127, 0, 0"
                Click="nextButton_Click"/>
        <Button Content="Last" Height="23" Width="47" Name="lastButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="202, 127, 0, 0"
                Click="lastButton_Click"/>
    </Grid>
</Window>

后台CS代码，使用了ObservableCollection集合。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.ComponentModel;
using System.Collections.ObjectModel;

namespace KarliCards.Gui
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        ICollectionView GetUserSetView()
        {
            Users users = (Users)this.FindResource("UserSet");
            return CollectionViewSource.GetDefaultView(users);
        }
        //User user = new User();
        //List<User> list = new List<User>();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void firstButton_Click(object sender, RoutedEventArgs e)
        {
            if(userListBox.SelectedItem!=null)
            {
                userListBox.SelectedIndex = 0;
            }
        }
        private void previousButton_Click(object sender, RoutedEventArgs e)
        {
            ICollectionView view = GetUserSetView();
            view.MoveCurrentToPrevious();
            if(view.IsCurrentBeforeFirst)
            {
                view.MoveCurrentToFirst();
            }
        }
        private void nextButton_Click(object sender, RoutedEventArgs e)
        {
            ICollectionView view = GetUserSetView();
            view.MoveCurrentToNext();
            if (view.IsCurrentAfterLast)
            {
                view.MoveCurrentToLast();
            }
        }
        private void lastButton_Click(object sender, RoutedEventArgs e)
        {
            if(userListBox.SelectedItem!=null)
            {
                userListBox.SelectedIndex = userListBox.Items.Count - 1;
            }
        }
    }
    // INotifyPropertyChanged是.net内置的接口
    // 数据绑定会检测DataContext是否实现了INotifyPropertyChanged
    // 如果实现了，就会监听PropertyChanged得知属性变化
    public class User : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        string name;
        public string Name
        {
            get { return this.name; }
            set 
            { 
                this.name = value;     
            }
        }
        int age;   

        public int Age
        {
            get { return this.age; }
            set 
            { 
                this.age = value;
                // 触发事件  
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Age"));
            }
        }
        public User() { }
        public User(string name, int age)
        {
            this.name = name;
            this.age = age;
        }
    }

    public class Users : ObservableCollection<User>
    {

    }
}

方法二：在后台CS文件中赋初值，然后指定ItemSource。

前台XAML代码：

<Window x:Class="KarliCards.Gui.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:KarliCards.Gui"
        mc:Ignorable="d"
        Title="MainWindow" Height="228" Width="283" Loaded="Window_Loaded">
    <Grid Name="grid" Height="195" DataContext="list">
        <TextBlock Height="23" Width="43" Text="Name: " HorizontalAlignment="Left" VerticalAlignment="Top"
                   Margin="6, 71, 0, 0"/>
        <TextBlock Height="23" Width="43" Text="Age: " HorizontalAlignment="Left" VerticalAlignment="Bottom"
                   Margin="6, 0, 0, 72"/>
        <TextBox Height="23" Width="120" Name="nameTextBox" HorizontalAlignment="Left"
                 VerticalAlignment="Top" Margin="129, 68, 0, 0" />
        <!--Binding没有写ElementName对象，默认就是数据上下文DataContext-->
        <TextBox Height="23" Width="120" Name="ageTextBox" HorizontalAlignment="Left"
                 VerticalAlignment="Top" Margin="129, 100, 0, 0"/>
        <TextBlock Height="23" Width="58" Name="textBlock3" HorizontalAlignment="Left"
                   VerticalAlignment="Top" Margin="6, 10, 0, 0" Text="DataSet: "/>
        <ListBox Height="52" Width="179" Name="userListBox" HorizontalAlignment="Left"
                 VerticalAlignment="Top" Margin="70, 10, 0, 0" 
                 IsSynchronizedWithCurrentItem="True"
                 SelectedValuePath="Age" 
                 SelectionChanged="userListBox_SelectionChanged"
                 DisplayMemberPath="Name" />
        <Button Content="First" Height="23" Width="47" Name="firstButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="6, 127, 0, 0"
                Click="firstButton_Click"/>
        <Button Content="Previous" Height="23" Width="47" Name="previousButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="70, 127, 0, 0"
                Click="previousButton_Click"/>
        <Button Content="Next" Height="23" Width="47" Name="nextButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="137, 127, 0, 0"
                Click="nextButton_Click"/>
        <Button Content="Last" Height="23" Width="47" Name="lastButton"
                HorizontalAlignment="Left" VerticalAlignment="Top" Margin="202, 127, 0, 0"
                Click="lastButton_Click"/>
    </Grid>
</Window>

后台CS代码：通过ListBox的SelectedIndex来做处理

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.ComponentModel;
using System.Collections.ObjectModel;

namespace KarliCards.Gui
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void firstButton_Click(object sender, RoutedEventArgs e)
        {
            if(userListBox.SelectedItem!=null)
            {
                userListBox.SelectedIndex = 0;
            }
        }
        private void previousButton_Click(object sender, RoutedEventArgs e)
        {
            int index = userListBox.SelectedIndex;
            if(index>0)
            {
                userListBox.SelectedIndex -= 1;
            }
        }
        private void nextButton_Click(object sender, RoutedEventArgs e)
        {
            int index = userListBox.SelectedIndex;
            if(index < userListBox.Items.Count-1)
            {
                userListBox.SelectedIndex += 1;
            }
        }
        private void lastButton_Click(object sender, RoutedEventArgs e)
        {
            if(userListBox.SelectedItem!=null)
            {
                userListBox.SelectedIndex = userListBox.Items.Count - 1;
            }
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            List<User> list = new List<User>();

            list.Add(new User() { Name = "赵子龙", Age = 120 });
            list.Add(new User() { Name = "谢浩然", Age = 10 });
            list.Add(new User() { Name = "林黛玉", Age = 20 });
            list.Add(new User() { Name = "花木兰", Age = 90 });
            list.Add(new User() { Name = "诸葛亮", Age = 120 });
            list.Add(new User() { Name = "穆桂英", Age = 90 });
            list.Add(new User("贾宝玉", 20));
            list.Add(new User("李宛桐", 10));
            this.userListBox.ItemsSource = list;
        }

        private void userListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            // SelectedItem是Object对象，可以转换为任何对象，而本身它是User对象
            User str = (User)userListBox.SelectedItem;
            nameTextBox.Text = str.Name;
            ageTextBox.Text = str.Age.ToString();
        }
    }
    // INotifyPropertyChanged是.net内置的接口
    // 数据绑定会检测DataContext是否实现了INotifyPropertyChanged
    // 如果实现了，就会监听PropertyChanged得知属性变化
    public class User : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        string name;
        public string Name
        {
            get { return this.name; }
            set 
            { 
                this.name = value;     
            }
        }
        int age;   

        public int Age
        {
            get { return this.age; }
            set 
            { 
                this.age = value;
                // 触发事件  
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Age"));
            }
        }
        public User() { }
        public User(string name, int age)
        {
            this.name = name;
            this.age = age;
        }
    }
}

方法三：综合方法一和方法二，ListBox的ItemSource在后台获取，同时使用ObservableCollection集合、ICollectionView接口。ICollectionView接口有一些现成的方法，如MoveCurrentToFirst()、MoveCurrentToNext()等。没实验成功，待续。

WPF编程基础-笔记-数据绑定
djsin13的专栏
03-09 362
MVVM的基础是前后台分离，那么就需要把后台的数据与前台的控件绑定。 前台XAML代码： <Window x:Class="KarliCards.Gui.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://
WPF编程宝典笔记(一) 基础部分
卷之博
09-03 772
WPF概述 第一章主要介绍了WPF这个系统，具体的体系结构。 首先是WPF使用的图形引擎：DirectX，以及其拥有的优势：使用GPU处理；绘图操作效率更高；拥有更复杂的纹理映射、半透明效果。同时，WPF也保留了一个User32组件用于分屏以及处理和路由输入信息。 其次，为了保证WPF可以支持不同的分辨率以及系统DPI，WPF使用了矢量图代替位图，拥有分辨率无关性。 接下来是WPF的体系结构。 顶层 PresentationFramework.dll PresentationCore.
WPF学习之数据绑定
weixin_30635053的博客
10-22 173
WPF中的数据绑定提供了很强大的功能。与普通的WinForm程序相比，其绑定功能为我们提供了很多便利，例如Binding对象的自动通知/刷新，Converter，Validation Rules，Two Way Binding等功能，省去了很多维护的繁琐工作。另外对于WPF中提供的数据模板功能，让我们可以轻松定制可以被复用的控制呈现的模块—但这是以数据绑定为前提来做到轻松易用的效果的。数据提供者例...
WPF 数据绑定 学习笔记
07-25 162
前几天刚看完WPF的数据绑定，但是真正开始写项目的时候却不知道该怎么用了，现在在拿来复习一下 数据对象是指计划在用户界面上显示的信息包，只要由公有属性组成， 不支持字段和私有属性 ，任何类都可以使用，此外如果希望使用这个对象进行修改（双向绑定）。属性不能是只读的。 public class Product {     private string modelNumber
WPF数据绑定——Datacontext和itemsource的区别
niuge8905的博客
12-09 9165
WPF 中 数据绑定 ItemSource和 DataContext的不同点：（1）DataContext 一般是一个非集合性质的对象，而ItemSource 更期望数据源是 集合对象。（2）DataContext 是 FrameworkElement 类中定义的一个依赖属性（Dependency property），ItemsSource是 在ItemsControl 类中定义的。所有继承自Fra
wpf学习笔记-数据绑定功能总结
clingingboy的专栏
05-31 431
只列功能 支持单对象绑定 可以建立数据源范围(DataContext) 属性更改通知(INotifyPropertyChanged) 更改数据源执行时间(UpdateSourceTrigger) 集合绑定(ObservableCollection(Of (T>)>,ItemsControl) 多集合绑定(CompositeCo
WPF元素绑定
xunmeng2002的专栏
09-05 1157
如果希望根据其他运行时信息修改绑定，或者根据环境创建不同的绑定，这时使用代码创建绑定通常更合理（此外，也可以在窗口的Resources集合中定义可能希望使用的每个绑定，并只添加使用合适的绑定对象调用SetBinding() 方法的代码）。如果指定的元素或属性不存在，那么不会收到任何指示，只是不能在目标属性中显示数据。使用代码创建绑定时，先创建一个绑定对象，构造函数参数指定Path字段，然后设置Binding相关的属性值，通过绑定目标的SetBinding函数，将绑定目标的属性与Binding对象关联即可。
精选资源
WPF编程-3D机械臂底座旋转源码
02-18
在本文中，我们将深入探讨基于WPF的3D机械臂底座旋转的编程技术。WPF（Windows Presentation Foundation）是微软.NET ...源码的学习可以帮助我们掌握WPF 3D编程的核心原理，为进一步开发更复杂的3D应用打下坚实基础。
【WPF与C#开发】基于MVVM模式的桌面应用设计：涵盖数据绑定、多线程及工业通讯协议集成方案
最新发布
11-07
内容概要：本文档是一份全面的C#技术面试笔记，涵盖WPF核心技术、C#程序设计基础、多线程与异步、数据结构与算法、数据库与ORM、通讯协议以及设计模式等多个方面。重点讲解了WPF中的模板系统、逻辑树与视觉树、依赖...
精选资源
C#+WPF模块化开发笔记系统实战课程
10-25
学习WPF时，应当重点掌握XAML语言的语法、布局控件使用、数据绑定机制、样式和模板的创建、以及动画效果的实现。 三、模块化开发思想与实践 模块化开发是一种编程范式，它强调将大型复杂系统分解为可独立开发、测试...
WPF ItemsControl：-在运行时更改ItemsControl的ItemSource属性后，更改ItemControle中的项目属性
04-05
我有以下方案：我使用了一个ItemsControl。根据给它的ItemsSource生成了哪个Button？现在，当我按下nextButton时。ItemsControl（pageControl）的ItemsSource发生了变化。 chagne的按钮背景...
WPF 数据绑定模式
08-31
oneWay:使用 OneWay 绑定时，每当源发生变化，数据就会从源流向目标。 OneTime: 绑定也会将数据从源发送到目标；但是，仅当启动了应用程序或 DataContext 发生更改时才会如此操作，因此，它不会侦听源中的更改通知。 OneWayToSource: 绑定会将数据从目标发送到源。 TwoWay: 绑定会将源数据发送到目标，但如果目标属性的值发生变化，则会将它们发回给源。 Default: binding的模式根据实际情况来定，如果是可编辑的就是TwoWay,只读的就是OneWay. 上面的例子不设Mode时，默认的就是Default. 1.使用ObservableCollection 来声明这个数据集合，不能使用ListT或者Dictionary。Observable意味着MVVM中的View可以观察你的集合对象。当我们数据集合变化时，界面会发生相应的变化。 2.实现一个INotifyPropertyChanged的接口，这样我们的属性改变时，才会通知界面。 3.每一个WPF中的控件都有一个DataContext属性，集合控件会有一个ItemSource的属性，这些属性都可以让我们去绑定数据。
WPF21个优秀项目及源码.rar
01-10
WPF21个优秀项目及源码，包含多个实例及源代码，给大家分享
WPF 集合的绑定 ItemSource
weixin_30924087的博客
08-25 1415
针对于ItemsControl的绑定 itemsSource 绑定路径 DisplayMemberPath 显示字段 ItemTemplate 单元模板 绑定模板只需要对单元模板进行修改，如： <Grid DataContext = "{Binding ElementName=lstProducts, Path=SelectedItem}"&...
wpf 的itemsource绑定更新问题
微雨醉桃花的博客
05-09 1188
我定义个 List<Student> stuList = new List<Student>(); 然后绑定 this.combobox1.ItemsSource =stuList; 我更新了一下stuList,然后再次绑定，这里就有异常了。 我想第二次更新了stuList后，让Combobox也更新。 有两种方法： 一种是将student类继承notifychanged接口，然后把stuList的类型从list改ObservableCollection。这样数据源更新了，C
WPF ItemSource绑定的问题
u013366966的专栏
07-19 5817
今天碰到错误 ：在使用 ItemsSource 之前,项集合必须为空 想在TreeView中添加binding，source是ObservableCollection，一直报这个错。 终于找到原因,少了ItemTemplate这个层级。 XAML修改前:
WPF--DataGrid的ItemSource与其项源不一致而出错，问题记录及解决
m0_46260668的博客
07-02 1308
出现这样的问题主要在于，在WPF 中 对UI 线程的调度不是很理解。通过这个小项目的编写和调式对Dispatcher 类 有了一定的认识和学习。当然了也对Prism 框架的依赖注入的使用和理解不到位，还需要多应用多练习和调式。通过这个项目我也获得了一些收获，对事件和委托的应用掌握得更熟练，对依赖注入其中的单例模式的应用有了一定的理解。
WPF DataGrid 少一行数据，ItemControl与它的项源不一致， ItemSource绑定报错
csczh的博客
01-08 1142
WPF DataGrid 少一行数据，ItemControl与它的项源不一致， ItemSo public List<RecorderViewModel> Records { get { return records; } set { records = value;
WPF学习笔记——DataContext 与 ItemSource
weixin_34197488的博客
05-19 555
作为一个WPF新手，在ListBox控件里，我分不清 DataContext 与 ItemSource的区别。在实践中，似乎：<ListBox x:Name="Lst" DataContext="{Binding model.UserList}" ItemsSource="{Binding}">与<ListBox x:Name="Lst" ItemsSource="{Bind...
WPF编程宝典C#2012开发实战笔记
《WPF编程宝典》是一本深入讲解Windows Presentation Foundation（WPF）技术的权威书籍，尤其以C# 2012语言为基础，系统全面地介绍了WPF在现代桌面应用程序开发中的核心概念、关键技术与实际应用。该书作为第4版，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值