如何将 属性 (get; set;) 分配给 WPF 用户控件?

How to assign property (get; set;) to a WPF User Control?

我正在尝试使用 C# 学习 属性(获取和设置)。我对这门语言还很陌生,目前正在使用带有一些文本框的 WPF 制作一个简单的程序,正如您在图片中看到的那样。

所以,这里是描述:

代码如下: Main Window : 解决方案 --> 我在 local:page1

之后添加了 x:Name="Page1"
<!-- MainWindow.xaml -->
<Window x:Class="TestGetSet.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:TestGetSet"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <TabControl x:Name="tabControl" HorizontalAlignment="Left" Height="212" Margin="37,20,0,0" VerticalAlignment="Top" Width="447">
        <TabItem Header="TabItem">
            <Grid Background="#FFE5E5E5">
                <TextBox x:Name="output2" HorizontalAlignment="Left" Height="23" Margin="156,76,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="120"/>
                <Label x:Name="label2" Content="Output 2" HorizontalAlignment="Left" Margin="156,46,0,0" VerticalAlignment="Top"/>
            </Grid>
        </TabItem>

        <TabItem Header="TabItem">
            <Grid Background="#FFE5E5E5">
                <TextBox x:Name="output3" HorizontalAlignment="Left" Height="23" Margin="321,26,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>
                <local:Page1 x:Name="Page1"/>
                <Label x:Name="label3" Content="Output 3" HorizontalAlignment="Left" Margin="321,0,0,0" VerticalAlignment="Top"/>
            </Grid>
        </TabItem>
    </TabControl>

    <TextBox x:Name="input" Text=""/>
    <TextBox x:Name="output1" Text=""/>        
    <Button x:Name="button" Content="Button" Click="button_Click"/>
    <Label x:Name="label" Content="Input" HorizontalAlignment="Left" Margin="37,239,0,0" VerticalAlignment="Top"/>
    <Label x:Name="label1" Content="Output 1" HorizontalAlignment="Left" Margin="364,239,0,0" VerticalAlignment="Top"/>

</Grid>

MainWindow 代码隐藏:解决方案 --> 添加一行 Page1.passingvalue(..)

// MainWindow.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;

public partial class MainWindow : Window
{
    public myProperty myProp = new myProperty();

    public MainWindow()
    {
        InitializeComponent();
    }

    private void button_Click(object sender, RoutedEventArgs e)
    {     
        myProp.myData = input.Text;
        output1.Text = myProp.myData;
        output2.Text = myProp.myData;
        output3.Text = myProp.myData;

        Page1.passingvalue(myProp.myData);
    }
}

接下来是Page1.xaml(这里没有对解决方案做任何改动)

<!-- Page1.xaml-->
<UserControl x:Class="TestGetSet.Page1"
  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:TestGetSet"
  mc:Ignorable="d" 
  d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <TextBox x:Name="output4" Text=""/>
        <Label x:Name="label" Content="Output 4" HorizontalAlignment="Left" Margin="92,110,0,0" VerticalAlignment="Top"/>
    </Grid>
</UserControl>

第 1 页代码隐藏:解决方案 --> 删除计时器并添加 passingvalue

// Page1.xaml.cs    
using System;
using System.Windows.Controls;
using System.Windows.Threading;
using System.Threading;
using System.ComponentModel; 

namespace TestGetSet
{
    public partial class Page1 : UserControl
    {
        private Thread _receiveThread;
        myProperty myProp = new myProperty();

        public Page1()
        {
            InitializeComponent();

            /*DispatcherTimer MyTimer = new DispatcherTimer();
            MyTimer.Interval = new TimeSpan(0, 0, 0, 0, 100);  
            MyTimer.Tick += MyTimer_Tick;
            MyTimer.Start();*/
        }

        public void passingvalue(string m)
        {
            output4.Text = m;
        }

        /*private void MyTimer_Tick(object sender, EventArgs e)
        {
            output4.Text = myProp.myData;
        }*/
    }
}

最后一个,属性,简单版:

// myProperty.cs

namespace TestGetSet
{
    public class myProperty
    {
        public string myData { get; set }           
    }
}

属性 与 INotify属性 已更改:

// myProperty.cs
using System.ComponentModel;
namespace TestGetSet
{
    public class myProperty : INotifyPropertyChanged
    {
        private string _textdata;

        public string myData {
            get
            {
                return _textdata;
            }
            set
            {
                _textdata = value;
                NotifyPropertyChanged("myData");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

程序截图如下window: one 和 two

如您所见,只有 Output4 是空的,即使我不使用 INotify属性Changed,其他输出仍然给我结果。我的问题是为什么,我该如何解决这个问题?我想知道是不是因为我正在为 Output4 所在的 Page1 使用 UserControl。我一直在寻找答案,但一无所获。任何帮助深表感谢。谢谢。

好的,我更新了代码。它现在正在工作。我从 How to Pass a Value From a Window to a UserControl in WPF

获得了 passingvalue 的参考

谢谢。

您的问题是您错误地设置了 MainWindow 的 myProperty 和 Page1 的 myProperty。

在第 1 页中,您使用 myProp.myData 设置 output4.Text 这是错误的,因为 myProp 是永远不会更新的第 1 页的 myProp。

如果您将 MainWindow 的引用传递给 Page1,而不是编写类似 output4.Text = myMainWindowReferenc.myProp.myData; 的内容,它将按预期工作。

您还可以通过在 XAML 中命名 Page1 来在 button_Click 函数中为 output4 添加设置:

private void button_Click(object sender, RoutedEventArgs e)
{
    myProp.myData = input.Text;
    output1.Text = myProp.myData;
    output2.Text = myProp.myData;
    output3.Text = myProp.myData;
    Page1.output4.Text = myProp.myData;
}