資料系結到用戶控制元件錯誤Data.Binding無法轉換為System.String

我是 WPF 的新手，在將文本系結到我制作的用戶控制元件時遇到了問題。這是一個簡單的控制元件，它基本上只是一個帶有文本和影像的按鈕，我想在多個視圖中重復使用。

這是我的用戶控制元件的 .cs

public partial class MenuItemUserControl : UserControl
{
    public string TextToDisplay { get; set; }

    public MenuItemUserControl()
    {
        InitializeComponent();
        DataContext = this;
    }
}

這是我的用戶控制元件的 xaml

<UserControl x:Class="Class.Controls.MenuItemUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Class.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="83.33" d:DesignWidth="512">
    <Grid>
        <Button Style="{StaticResource MenuItemStyle}" Height="Auto" Width="Auto">
            <DockPanel LastChildFill="True" Width="512" Height="83.33" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Image Source="/Resources/MenuArrow.png" Stretch="None" HorizontalAlignment="Left" VerticalAlignment="Center" DockPanel.Dock="Left"/>
                <TextBlock d:Text="sample" Text="{Binding TextToDisplay, Mode=OneWay}" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="{StaticResource MenuItems}"/>
            </DockPanel>
        </Button>
    </Grid>
</UserControl>

這是我的視圖 xaml

<Page x:Class="Class.Views.MenuOperate"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:uc="clr-namespace:Class.Controls"
      xmlns:local="clr-namespace:Class.Views"
      xmlns:properties="clr-namespace:Class.Properties"
      xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls" xmlns:viewmodels="clr-namespace:Class.ViewModels" d:DataContext="{d:DesignInstance Type=viewmodels:MenuOperateViewModel}"
      mc:Ignorable="d" 
      d:DesignHeight="500" d:DesignWidth="1024"
      Title="MenuOperate">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="83.33"/>
            <RowDefinition Height="83.33"/>
            <RowDefinition Height="83.33"/>
            <RowDefinition Height="83.33"/>
            <RowDefinition Height="83.33"/>
            <RowDefinition Height="83.33"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="512"/>
            <ColumnDefinition Width="512"/>
        </Grid.ColumnDefinitions>
        
        <uc:MenuItemUserControl TextToDisplay="{Binding StartStop, Mode=TwoWay}" Grid.Row="0" Grid.Column="0"/>
        </Grid>
</Page>

這是我的視圖模型 .cs

namespace Class.ViewModels
{
    public class MenuOperateViewModel : ObservableObject
    {
        private string? _StartStop;

        public MenuOperateViewModel()
        {
            StartStop = Properties.Resources.MenuOperateStart;
        }

        public string? StartStop
        {
            get => _StartStop;
            set => SetProperty(ref _StartStop, value);
        }
    }
}

這是我在 View Xaml 中得到的錯誤：

“System.Windows.Data.Binding”型別的物件無法轉換為“System.String”型別。

uj5u.com熱心網友回復：

有兩件事會阻止運算式

TextToDisplay="{Binding StartStop}"

作品。

1. Binding 的目標屬性，即TextToDisplay必須是依賴屬性。

2. 您不得顯式設定 UserControl 的 DataContext。Binding 將決議相對于當前 DataContext 的源屬性路徑，即DataContext = this;在控制元件的建構式中，它期望StartStopUserControl 上的源屬性，這顯然是錯誤的。

有關詳細資訊，請參閱資料系結概述

您的代碼應如下所示：

public partial class MenuItemUserControl : UserControl
{
    public static readonly DependencyProperty TextToDisplayProperty =
        DependencyProperty.Register(
            nameof(TextToDisplay),
            typeof(string),
            typeof(MenuItemUserControl));

    public string TextToDisplay
    {
        get { return (string)GetValue(TextToDisplayProperty); }
        set { SetValue(TextToDisplayProperty, value); }
    }

    public MenuItemUserControl()
    {
        InitializeComponent();
    }
}

UserControl 的 XAML 中的 Binding 然后將使用 RelativeSource Binding。

<TextBlock Text="{Binding TextToDisplay,
                  RelativeSource={RelativeSource AncestorType=UserControl}}" />

標籤：C＃ 小白 虚拟机

上一篇：在ViewModel中呼叫時，如何在不提供引數的情況下執行帶引數的按鈕命令？

下一篇：檢測超出控制的點擊