wpf mvvm 数据绑定数据(按钮文字表头都可以),根据长度进行换行,并把换行的文字居中

今天遇到了一个问题,就是数据表头按钮的文字换行后不能居中,如何查找资料后,也是挺简单的,就是绑定控件的文字,进行进行操作,下来我们以按钮为例。

在WPF中使用MVVM模式时,可以通过绑定按钮的文字,并根据文字长度进行换行,同时确保文字居中显示。这通常涉及到自定义控件模板和样式,以及使用数据绑定来动态设置按钮的内容。

以下是一个示例,展示了如何实现这一功能:

定义ViewModel:

首先,定义一个ViewModel,它包含按钮的文本属性。

clike 复制代码
using System.ComponentModel;
using System.Runtime.CompilerServices;
 
public class MainViewModel : INotifyPropertyChanged
{
    private string _buttonText;
 
    public string ButtonText
    {
        get { return _buttonText; }
        set
        {
            _buttonText = value;
            OnPropertyChanged();
        }
    }
 
    public MainViewModel()
    {
        ButtonText = "这是一个非常长的按钮文字,需要进行换行处理,并居中显示。";
    }
 
    public event PropertyChangedEventHandler PropertyChanged;
 
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

定义View:

在XAML中定义按钮,并使用数据绑定来设置按钮的内容。为了处理换行和居中,你可以使用TextBlock作为按钮的内容,并设置相应的样式。

clike 复制代码
<Window x:Class="WpfApp.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"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="400">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <Grid>
        <Button Width="200" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Button.Content>
                <TextBlock TextWrapping="Wrap"
                           TextAlignment="Center"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Text="{Binding ButtonText}"
                           Margin="10"/>
            </Button.Content>
            <Button.Template>
                <ControlTemplate TargetType="Button">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <ContentPresenter HorizontalAlignment="Center"
                                          VerticalAlignment="Center"
                                          Content="{TemplateBinding Content}"
                                          RecognizesAccessKey="True"/>
                    </Border>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </Grid>
</Window>

在这个示例中:

  • TextBlock 被用作按钮的内容,并设置了 TextWrapping="Wrap" 和 TextAlignment="Center" 来实现换行和居中。
  • Margin 属性被添加到 TextBlock 上,以确保文本不会紧贴按钮边框。
  • 自定义了按钮的 ControlTemplate,以确保内容(即 TextBlock)在按钮内部居中显示。

运行应用:

运行你的WPF应用,你应该会看到一个按钮,其文字根据长度自动换行,并且文字在按钮内部居中显示。

这个示例展示了如何在MVVM模式下,通过数据绑定和自定义控件模板来实现按钮文字的换行和居中显示。你可以根据需要进一步调整样式和布局。

是不是很简单,我们只需要根据自己的需求进行修好

相关推荐
勘察加熊人1 小时前
wpf+c#路径迷宫鼠标绘制
开发语言·c#·wpf
OneByOneDotNet1 小时前
WPF 教程:给 TreeView 添加 SelectedItem 双向绑定支持(MVVM-Friendly)
wpf
小黄人软件2 小时前
C# ini文件全自动界面配置:打开界面时读ini配置到界面各控件,界面上的控件根据ini文件内容自动生成,点保存时把界面各控件的值写到ini里。
开发语言·c#
gc_22998 小时前
C#测试Excel开源组件ExcelDataReader
c#·excel·exceldatareader
勘察加熊人9 小时前
c#使用forms实现helloworld和login登录
开发语言·c#
我不是程序猿儿11 小时前
【C#】设备回帧太快、数据没收完整就被读取,导致帧被拆、混、丢,很常见,尤其在高频通信设备,解决方案
开发语言·c#
闪电麦坤9512 小时前
C#:尝试解析方法TryParse
开发语言·c#
我不是程序猿儿12 小时前
【C#】构造协议帧通过串口下发
开发语言·c#
白烟染黑墨13 小时前
抽离BlazorWebview中的.Net与Javascript的互操作库
c#·客户端开发
小样vvv15 小时前
【分布式】深入剖析 Sentinel 限流:原理、实现
分布式·c#·sentinel