wpf 的binding 方式

参考:WPF中的Binding的常见知识点与技巧_哔哩哔哩_bilibili

总结了一些:wpf中的binding的方式。

<Window x:Class="WpfBindingDemo.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"

FontSize="20"

xmlns:sys="clr-namespace:System;assembly=mscorlib"

xmlns:local="clr-namespace:WpfBindingDemo"

mc:Ignorable="d"

x:Name="myWindow"

Title="MainWindow" Height="1050" Width="800">

<Window.DataContext>

<local:MainViewModel></local:MainViewModel>

</Window.DataContext>

<Window.Resources>

<sys:String x:Key="test">测试数据</sys:String>

<local:MyResource x:Key="myres"></local:MyResource>

</Window.Resources>

<Grid>

<StackPanel Margin="10" Orientation="Vertical" VerticalAlignment="Top">

<TextBox Text="{DynamicResource test}" x:Name="txtName" ></TextBox>

<TextBlock Text="{Binding Source={StaticResource test} }" x:Name="txtTest" Width="460" Height="40"></TextBlock>

<TextBlock Text="{StaticResource test}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{DynamicResource test}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{Binding Source={StaticResource myres},Path=Message}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{Binding Source={x:Static local:MyResource.ConstString}}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{Binding Source={x:Static local:MyResource.StaticString}}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{Binding Source={x:Static local:MyEnum.Message}}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{Binding ElementName=txtName, Path=Text}" Width="460" Height="40"></TextBlock>

<TextBlock Text="{Binding ElementName=txtName,Path=Text}">

<TextBlock.ToolTip>

<TextBlock Text="{Binding ElementName=txtName,Path=Text}"></TextBlock><!--没有提示-->

</TextBlock.ToolTip>

</TextBlock>

<TextBlock Text="{Binding ElementName=txtName,Path=Text}">

<TextBlock.ToolTip>

<TextBlock Text="{Binding Source={x:Reference Name=txtName},Path=Text}"></TextBlock> <!--ok-->

</TextBlock.ToolTip>

</TextBlock>

<Button x:Name="btnTest" Width="100" Content="Click"></Button>

<DataGrid>

<DataGrid.Columns>

<DataGridTextColumn Header="ID"></DataGridTextColumn>

<DataGridTextColumn Header="{Binding ElementName=txtName,Path=Text}"></DataGridTextColumn><!--没有提示-->

<DataGridTextColumn Header="Class"></DataGridTextColumn>

<DataGridTextColumn Header="{Binding Source={x:Reference Name=txtName },Path=Text}"></DataGridTextColumn><!--ok-->

</DataGrid.Columns>

</DataGrid>

<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=Window},Path=Top,StringFormat='Top:{0:F3}'}"></TextBlock>

<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=Self},Path=ActualHeight,StringFormat='Height:{0:C}'}"></TextBlock>

<TextBlock>

<TextBlock.Text>

<MultiBinding StringFormat="Pos:{0:F2},{1:F2}">

<Binding ElementName="myWindow" Path="Top"></Binding>

<Binding ElementName="myWindow" Path="Left"></Binding>

</MultiBinding>

</TextBlock.Text>

</TextBlock>

<Label Content="{Binding RelativeSource={RelativeSource Mode=Self},Path=ActualHeight}" ContentStringFormat="Lable Height:{0:F0}"></Label>

<ListBox>

<TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}"></TextBlock>

<TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}"></TextBlock>

<TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}"></TextBlock>

</ListBox>

<Label Padding="2" Content="测试label" Height="30">

<Label.Template>

<ControlTemplate TargetType="Label">

<Border BorderBrush="Red" BorderThickness="1" Margin="{Binding RelativeSource={RelativeSource Mode=TemplatedParent},Path=Padding}">

<ContentPresenter></ContentPresenter>

</Border>

</ControlTemplate>

</Label.Template>

</Label>

<TextBlock Text="{Binding MessageKong,TargetNullValue=空}"></TextBlock>

<TextBlock Text="{Binding MessageKong2,FallbackValue=MessageKong2不存在}"></TextBlock>

</StackPanel>

</Grid>

</Window>

类文件

namespace WpfBindingDemo

{

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

this.Resources["test"] = DateTime.Now.ToString();

}

}

class MyResource

{

public string Message { get; set; } = "test 哈哈";

public static string StaticString = "static string";

public const string ConstString = "Const string";

}

public enum MyEnum

{

Message,

OK,

Error

}

MainViewModel.cs

namespace WpfBindingDemo

{

public class MainViewModel

{

public string Name { get; set; }

public string Message { get; set; } = "test 哈哈";

public string MessageKong { get; set; }

}

}

相关推荐
&芒果冰沙&41 分钟前
【Axure RP】什么是Axure?Axure可以用来做什么?
ui·axure·ux
博睿谷IT99_2 小时前
Hadoop 分布式存储与计算框架详解
wpf
qq_392397122 天前
Redis常用操作
数据库·redis·wpf
三千道应用题2 天前
WPF学习笔记(25)MVVM框架与项目实例
wpf
UI设计和前端开发从业者2 天前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
厦门德仔2 天前
【WPF】WPF(样式)
android·java·wpf
共享ui设计和前端开发人才3 天前
UI前端大数据处理安全性保障:数据加密与隐私保护策略
ui
ui设计前端开发老司机3 天前
UI前端大数据处理性能瓶颈突破:分布式计算框架的应用
ui
前端开发与ui设计的老司机3 天前
UI前端与数字孪生结合实践探索:智慧物流的货物追踪与配送优化
前端·ui
UI设计和前端开发从业者3 天前
从UI设计到数字孪生实战应用:构建智慧金融的智能风控平台
ui·金融