WPF基础入门-Class4-WPF绑定-Toy模板网

这篇具有很好参考价值的文章主要介绍了WPF基础入门-Class4-WPF绑定。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

WPF基础入门

Class4：WPF绑定

一、简单绑定数据
1、cs文件中设置需要绑定的数据：

public partial class Class_4 : Window
    {
        public Class_4()
        {
            InitializeComponent();
            List<Color> test = new List<Color>();
            test.Add(new Color() { Code = "Yellow", Name = "Red" });
            test.Add(new Color() { Code = "#00FF00", Name = "Green" });
            test.Add(new Color() { Code = "#0000FF", Name = "Blue" });
            //数据绑定到grid
            grid.ItemsSource = test;
        }
    }
    public class Color
    {
        public string Code { get; set;}

        public string Name { get; set; }
    }

2、编写xaml绑定

<Grid>
		<!--AutoGenerateColumns和CanUserAddRows去掉多余的行列-->
        <DataGrid x:Name="grid" AutoGenerateColumns="False" CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Code}" Header="Code"></DataGridTextColumn>
                <DataGridTextColumn Binding="{Binding Name}" Header="Name"></DataGridTextColumn>
                <DataGridTextColumn Header="操作"></DataGridTextColumn>
                <DataGridTemplateColumn Header="操作">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Border Width="10" Height="10" Background="{Binding Code}"></Border>
                                <TextBlock Margin="10,0" Text="{Binding Name}"></TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                
            </DataGrid.Columns>
        </DataGrid>
    </Grid>

3、效果显示：
WPF基础入门-Class4-WPF绑定,WPF基础入门,wpf,c#
二、控件绑定
1、Binding ElementName：绑定的元素
2、Path=绑定的属性
3、Mode：绑定的模式，default双向榜单TwoWay

Mode绑定模式，onetime只改变一次
default默认双向
OneWay只能受到影响
OneWayToSource只能影响源ElementName，不收到源的影响文章来源地址https://www.toymoban.com/news/detail-672897.html

<Grid>
        <StackPanel>
            <!--WPF的控件数据绑定-->
            <!--滑块-->
            <Slider x:Name="slide" Margin="5" ValueChanged="Slider_ValueChanged"></Slider>
            <TextBox 
                x:Name="txt1" Margin="5" Height="30"
                     Text="{Binding ElementName=slide, Path=Value,Mode=OneWayToSource}"></TextBox>
            <TextBox 
                x:Name="txt2" Margin="5" Height="30" 
                Text="{Binding ElementName=slide, Path=Value, Mode=OneWay}"></TextBox>
            <TextBox
                x:Name="txt3" Margin="5" Height="30"
                Text="{Binding ElementName=slide, Path=Value, Mode=TwoWay}"></TextBox>

        </StackPanel>
</Grid>