WPF TextBlock的数据绑定

最新推荐文章于 2023-07-29 14:53:31 发布
最新推荐文章于 2023-07-29 14:53:31 发布
阅读量1.2w 收藏 17
点赞数 5
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014453443/article/details/109846831
版权

扣扣技术交流群：460189483

一 绑定单个数据源：

1.1 绑定单个数据源，并绑定数据源的一个属性

XAML代码如下：将TextBlock绑定到了属性PrintTimes上

<TextBlock x:Name="TestTB" Text="{Binding PrintTimes}"  Height="auto" Width="500"  HorizontalAlignment="Center"  />

后台CS端要将数据上下文DataContent与对应变量属性绑定，例如下

public class Test : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    public void NotifyChanged(string propertyName)
    {
        if(PropertyChanged != null)
        {
            PropertyChanged(this,new PropertyChangedEventArgs(propertyName));
        }
    }
    private string _PrintTimes;
    private string _ShowTimes;
    public Test()
    {
        _PrintTiimes="now";
    }
    public string PrintTimes
    {
        get{return _PrintTimes;}
        set{
            _PrintTimes=value;
            NotifyChanged("PrintTimes");
        }
    }

    public string ShowTimes
    {
        get{return _ShowTimes;}
        set{
            _ShowTimes=value;
            NotifyChanged("ShowTimes");
        }
    }
}


namespace JointTest
{
    public partial class MainWin : Window
    {
        public MainWin(Test test)
        {
            TestTB.DataContext=test; //将数据进行绑定
        }
    }
}

1.2 绑定单个数据源，并绑定数据源的2个属性

可以用如下代码实现

<TextBlock x:Name="TestTB"  Height="auto" Width="500"  HorizontalAlignment="Center" >
  <Run Text="打印时间 = "/>
  <Run Text="{Binding PrintTimes}"/>
  <Run Text=", 显示时间 ="/>
  <Run Text="{Binding ShowTimes}"/>
</TextBlock>

也可以使用如下实现

<TextBlock x:Name="TestTB"  Height="auto" Width="500"  HorizontalAlignment="Center">
    <TextBlock.Text>    
        <MultiBinding StringFormat="{}{0} + {1}">
            <Binding Path="PrintTimes" />
            <Binding Path="ShowTimes" />
        </MultiBinding>
    </TextBlock.Text>
</TextBlock>

这里的 StringFormat="{}{0} + {1}" ，中的第一个{}是有必要存在的。最后得到的显示也就是<PrintTimes>+<ShowTimes>。

2. 绑定多个数据源：

2.1 本例4个TextBox(textBox1, textBox2, textBox3, textBox4)及一个按钮，当textBox1与textBox2内容相同，并且textBox3与textBox4内容相同时，Button有效。

一、方式一（通过C#进行绑定）

XAML代码如下：

    <Grid>
        <StackPanel>
            <TextBox x:Name="TextBox1" Margin="5"/>
            <TextBox x:Name="TextBox2" Margin="5"/>
            <TextBox x:Name="TextBox3" Margin="5"/>
            <TextBox x:Name="TextBox4" Margin="5"/>
            <Button x:Name="btn_Commit" Content="Commit" Margin="5" Click="btn_Commit_Click" />
        </StackPanel>
    </Grid>

C#逻辑

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
 
            SetMultiBinding();
        }
 
        private void btn_Commit_Click(object sender, RoutedEventArgs e)
        {
 
        }
 
        private void SetMultiBinding()
        {
            Binding b1 = new Binding("Text") { Source = TextBox1 };
            Binding b2 = new Binding("Text") { Source = TextBox2 };
            Binding b3 = new Binding("Text") { Source = TextBox3 };
            Binding b4 = new Binding("Text") { Source = TextBox4 };
 
            MultiBinding mb = new MultiBinding() { Mode = BindingMode.OneWay };
            /* MultiBinding对Add顺序敏感 */
            mb.Bindings.Add(b1);
            mb.Bindings.Add(b2);
            mb.Bindings.Add(b3);
            mb.Bindings.Add(b4);
 
            mb.Converter = new MultiBindingConvert();
 
            btn_Commit.SetBinding(Button.IsEnabledProperty, mb);
        }
    }
 
    /* 多路绑定数据转换 */
    public class MultiBindingConvert : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (!values.Cast<string>().Any(text => string.IsNullOrEmpty(text))&&
                values[0].ToString() == values[1].ToString()                  &&
                values[2].ToString() == values[3].ToString()
                )
            {
                return true;
            }
 
            return false;
        }
 
        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

二、方式二（通过XAML绑定）

XAML代码如下:

<Window.Resources>
        <local:LogonButtonEnableConvert x:Key="lbec"/>
    </Window.Resources>
    
    <Grid>
        <StackPanel>
            <TextBox x:Name="TextBox1" Margin="5"/>
            <TextBox x:Name="TextBox2" Margin="5"/>
            <TextBox x:Name="TextBox3" Margin="5"/>
            <TextBox x:Name="TextBox4" Margin="5"/>
            <Button x:Name="btn_Commit" Content="Commit" Margin="5" Click="btn_Commit_Click">
                <Button.IsEnabled>
                    <MultiBinding Converter="{StaticResource lbec}" ConverterParameter="ParamTest">
                        <Binding ElementName="TextBox1" Path="Text"/>
                        <Binding ElementName="TextBox2" Path="Text"/>
                        <Binding ElementName="TextBox3" Path="Text"/>
                        <Binding ElementName="TextBox4" Path="Text"/>
                    </MultiBinding>
                </Button.IsEnabled>
            </Button>
        </StackPanel>
    </Grid>

2、C#数据转换类

    public class LogonButtonEnableConvert : IMultiValueConverter
    {
        /*
         * object[] values                          : 所绑定的源的值
         * Type targetType                          : 目标的类型
         * object parameter                         : 绑定时所传递的参数
         * System.Globalization.CultureInfo culture : 系统语言等信息
         */
        public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (!values.Cast<string>().Any(text => string.IsNullOrEmpty(text))&&
                values[0].ToString() == values[1].ToString()                  &&
                values[2].ToString() == values[3].ToString()
                )
            {
                return true;
            }
 
            return false;
        }
 
        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

2.2 在XAML中使用MultiBinding+Converter

<Windows.Resourses>
     <local:NameConverter x:key="myNameConverter"/>
</Windows.Resourses>
==============================================
<TextBlock x:Name="TestTB">
   <TextBlock.Text>
       <MultiBinding Converter="{StaticResource myNameConverter}"
                     ConverterParameter="FormatLastFirst">
          <Binding Path="FirstName"/>
          <Binding Path="LastName"/>
       </MultiBinding>
   </TextBlock.Text>
</TextBlock>
 
=======================================================
=======================================================
 public class NameConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        string name;
 
        switch ((string)parameter)
        {
            case "FormatLastFirst":
                name = values[1] + ", " + values[0];
                break;
            case "FormatNormal":
                default:
                name = values[0] + " " + values[1];
                break;
        }
 
        return name;
    }
 
    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        string[] splitValues = ((string)value).Split(' ');
        return splitValues;
    }
}

namespace JointTest
{
    public partial class MainWin : Window
    {
        public MainWin(Test test)
        {
            btn_Commit.DataContext=test; //将数据进行绑定
        }
    }
}

xaml:

<TextBlock x:Name="TestTB" LineHeight="20"  Height="auto" Width="500"  HorizontalAlignment="Center" >
        <TextBlock.Text>
             <MultiBinding Converter="{StaticResource MultiStringStateConverter}" ConverterParameter="FormatLastFirst">
                                <Binding Path="ReceiptHeader"/>
                                <Binding Path="Receipt"/>
                                <Binding Path="LastPrintTime"/>
                                <Binding Path="PrintTimes"/>
                  </MultiBinding>
        </TextBlock.Text>
</TextBlock>

后台CS代码

public class MultiStringStateConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            string Data;
            switch ((string)parameter)
            {
                case "FormatLastFirst":
                    Data = values[0] + "" + values[1] + "打印时间：" + values[2] + "打印次数：" + values[3];
                    break;
                case "FormatNormal":
                default:
                    Data = values[0] + " " + values[1];
                    break;
            }
            return Data;
        }
        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
            //string[] splitValues = ((string)value).Split(' ');
            //return splitValues;
        }

    }

namespace JointTest
{
    public partial class MainWin : Window
    {
        public MainWin(Test test)
        {
            btn_Commit.DataContext=test; //将数据进行绑定
        }
    }
}

3.绑定静态变量

3.1 新建一个静态变量

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;

namespace WpfTestBindStaticField
{
    public class StaticList
    {
        /// <summary>
        /// 新建静态属性变更通知
        /// </summary>
        public static event EventHandler<PropertyChangedEventArgs> StaticPropertyChanged;
        private static int _testValue = 0;
        public static int TestValue
        {
            get
            {
                return _testValue;
            }
            set
            {
                _testValue = value;
                //调用通知
                StaticPropertyChanged?.Invoke(null, new PropertyChangedEventArgs(nameof(TestValue)));
            }
        }
    }
}

3.2 前台给textblock绑定这个变量

<Window x:Class="WpfTestBindStaticField.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:WpfTestBindStaticField"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800" Loaded="Window_Loaded">

    <Window.Resources>
        <local:StaticList x:Key="statisList"/>
    </Window.Resources>
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="60" Text="{Binding Source={StaticResource statisList},Path=TestValue}"/>
    </Grid>
</Window>

3.3 测试后台改变这个变量

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Timers;
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;

namespace WpfTestBindStaticField
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        private static Random random = new Random();
        private static Timer timer = null;
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            timer = new Timer(200);
            timer.Elapsed += (o, f) =>
            {
                StaticList.TestValue = random.Next(0, 1000);
            };
            timer.Start();
        }
    }
}

测试结果

 

 

 

苏守坤
关注
  • 5
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
C#WPF控件Textbox绑定浮点型数据限制小数位方法
qq_30725967的博客
06-05 265
本文讲解C#WPF控件Textbox绑定浮点型数据限制小数位方法。
WPF的TextBlock绑定多个参数的写法(多重绑定)
FireGhost57的专栏
05-15 6462
<Style x:Key="showTxt" TargetType="{x:Type TextBox}"> <Setter Property="Text"> <Setter.Value> <!-- 多重绑定 --> <MultiBinding StringFormat="{}{0}({1})"> <Bin...
(一) WPF中TextBox控件与TextBlock控件值的绑定
muzizongheng的专栏
11-17 8957
代码如下:    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    Title="Window1" Height="300" Width="300">           
WPF TextBlock 绑定数据源和绑定多个数据源
weixin_40899924的博客
06-25 3248
绑定单个数据源： <TextBlock Text="{Binding PrintTimes}" Height="auto" Width="500" HorizontalAlignment="Center" /> 绑定多个数据源： xaml: <TextBlock LineHeight="20" Height="auto" Width="500" Horizont...
注意在WPF中,编写Label模板时TextBlock的绑定
FireGhost57的专栏
04-22 828
<Style TargetType="Label"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Label"> <TextBlock x:Name="txt" Grid.Column="1" ...
WPF真入门教程16--简单数据绑定
hqwest的专栏
12-06 633
该示例演示如何通过绑定的方式把ListBox中选中的值显示到 TextBlock中，首先，给ListBox添加了多个 ListBoxItem，做为ListBox的选项 。 其次，把第二个 TextBlock 的 Text通过 Binding 与 ListBox 选择项进行绑定。Binding 语法中的 ElementName 属性指示 TextBlock 的 Text 属性要与其绑定的控件的名称。Path 属性指示我们将绑定到Text属性上ListBox元素的属性。具体代码如下：
WPF数据绑定
weixin_44599955的博客
11-02 324
WPF数据绑定TextBlock简单数据绑定数据绑定过程 TextBlock简单数据绑定 数据绑定的作用：可以通过数据绑定后，使用后台数据驱动前端UI改变，方便前后端代码解耦。 数据绑定过程 1.创建前端UI 这里我只创建一个TextBlock控件，代码如下 <Grid> <TextBlock x:Name="text1" FontSize="16" Foreground="Black"/> </Grid> 2.创建一个数据类DataCl
WPF xaml数据绑定
09-09
在这个例子中，窗口的数据上下文设置了静态资源`viewModel`，TextBox和TextBlock分别绑定了`UserName`和`UserAge`属性。`Mode=TwoWay`意味着TextBox的文本变化会同步到`UserName`属性，反之亦然。`StringFormat`用于...
WPF界面数据绑定例子
08-17
例如，`TextBlock`的`Text`属性可以绑定到某个类的`Name`属性。 ```xml <TextBlock Text="{Binding Name}"/> ``` 2. **数据上下文**：数据上下文是决定哪些对象可以被UI元素绑定的关键。通常，整个窗口或控件树...
WPF简单数据绑定demo
06-10
例如，一个`TextBlock`控件可以绑定到模型类的一个字符串属性，这样当属性值改变时，`TextBlock`的内容也会随之更新。 3. **数据绑定表达式**： 在XAML中，数据绑定通过`{Binding}`标记表达式实现。例如，`Text="{...
WPF_TextBlock实例
11-16
WPF支持数据绑定，可以将TextBlock的`Text`属性绑定到数据源中的某个字段： ```xml <TextBlock Text="{Binding Path=Name}" /> ``` 8. **样式和模板** 可以创建`Style`定义TextBlock的外观，或者使用`...
WPF绑定操作解析数据
09-07
- **目标对象**：WPF中的UI元素，如TextBlock、TextBox等，它们的属性将被绑定到数据源。 - **绑定表达式**：在XAML中定义，用来指定数据源和目标对象之间的关系。 - **绑定路径**：指定数据源中的哪个属性与目标...
WPF实战小技巧（二）：TextBlock和TextBox的数据绑定
热门推荐
The Blog of Coder
03-06 1万+
TextBlock和TextBox控件的数据绑定可以通过实现自定义类来完成。编写自定义类StringToDisplay，监听TextBlock和TextBox控件的值的变化.
WPF Textblock绑定多个字符串
lotus1222的博客
03-10 1646
<TextBlock> <TextBlock.Text> <MultiBinding StringFormat="{}{0}, {1} {2}"> <Binding Path="First"/> <Binding Path="Second"/> <Binding Path="Third"/> </MultiBinding> </TextBlock.Text> .
WPF之绑定
最新发布
qq_57212959的博客
07-29 370
类似这种赋值操作, 我们之所以不称之为绑定, 主要原因是因为他们大多数操作都是一次性的, 无论是数据还是按钮本身发生变化,对两者而言都是不可见的。而绑定的概念则侧重于: 两者的关联,协议与两者之间的影响。首先, 从一个简单的例子来理解什么是绑定。在winform中, 我们常规的做法会给滑块创建一个值改变事件,同时将滑块的值赋值给文本。那么该如何理解整句话的意义, 翻译: 静态文本TextBlock的Text属性将通过绑定的方式关联到元素名'slider'的value属性上。
Binding几种绑定方式
LJianDong的博客
04-09 1506
绑定到DataContext: <Button Content=“{Binding DataTime}”/> 绑定到DataContext,并设置绑定模式： <Button x:Name="btn" Content="{Binding DataTime,Mode = OneTime}"/> 绑定到DataContext,并设置转换模式： <Butto...
wpf TextBlock MultiBunding 设置前景颜色
weixin_43632687的博客
07-12 198
public class BusNameColor : IMultiValueConverter { //正向转换 public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) { DateTime plan = System.Convert.ToDateTime(values[0]); ...
WPF 变量绑定实现
a6222848的博客
12-03 535
最近初学WPF，遇到如控件的内容是动态生成的。这时候就需要变量绑定。 简单写下变量绑定的步骤。 如下面的 例子，TextBlock 的内容是动态的，绑定变量StuName。 <TextBlock x:Name="textBlock1" Grid.Column="7" HorizontalAlignment="Left" Margin="68.205...
WPF真入门教程17--双向数据绑定
hqwest的专栏
12-06 1802
在这里的示例，要学习一下双向绑定的模式TwoWay，和更新触发模式UpdateSourceTrigger的使用效果。这个示例是根据ListBox中的选中项，去改变TextBlock的背景色和TextBox的显示内容及背景色，也可以输入颜色类型，（注意不能输入中文，中文不认识）。代码如下(代码是接上一节的代码继续添加的)。
wpf TextBlock数据绑定
03-09
可以使用以下代码将 TextBlock 绑定到 ViewModel 中的属性： <TextBlock Text="{Binding PropertyName}" /> 其中 PropertyName 是 ViewModel 中的属性名称。确保 DataContext 设置为 ViewModel 的实例。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值