WPF DataContext 使用(2)

1. 使用窗口类的DataContext

  /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public string MyProperty { get; set; } = "Test ";

        public int MyInt { get; set; } = 123;

        public MainWindow()

        {

            InitializeComponent();

            this.DataContext = this;

        }

    }

创建窗口2个属性字段,一个字符串属性,一个整型属性。

this.DataContext = this; 窗口界面就使用这个2个属性值的绑定。

窗口创建2个文本,绑定到属性字段。

<Grid>

        <StackPanel>

            <TextBox FontSize="48" Text="{Binding MyProperty}"/>

            <TextBox FontSize="48" Text="{Binding MyInt}"/>

        </StackPanel>

    </Grid>

效果如下:

2. 创建一个类,将类的实例赋值到DataContext

public class Student

    {

        public string Name { get; set; } = "Josh";

        public int Id { get; set; } = 1002;

    }
public MainWindow()

        {

            InitializeComponent();

            Student std = new Student();

            this.DataContext = std;

        }

前台UI代码创建绑定:

<Grid>

        <StackPanel>

            <TextBox FontSize="48" Text="{Binding Id}"/>

            <TextBox FontSize="48" Text="{Binding Name}"/>

        </StackPanel>

</Grid>

效果如下:

3. 创建界面子元素的DataContext 属性绑定

再添加一个类:

public class Employee

    {

        public int Id { get; set; } = 1001;

        public string Name { get; set; } = "Mike";

    }

界面设计绑定:

<Grid>

<StackPanel >

            <StackPanel.DataContext>

                <local:Employee x:Name="Emp"></local:Employee>

            </StackPanel.DataContext>

            <TextBox FontSize="48" Text="{Binding Id}"/>

            <TextBox FontSize="48" Text="{Binding Name}"/>

            <StackPanel>

                <StackPanel.DataContext>

                    <local:Student x:Name="Stu"></local:Student>

                </StackPanel.DataContext>

                <TextBox FontSize="48" Text="{Binding Id}"/>

                <TextBox FontSize="48" Text="{Binding Name}"/>

            </StackPanel>

        </StackPanel>

</Grid>

效果如下:

当然类的属性值时可以动态变化的,所以绑定的值也动态可变的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

flysh05

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值