c# - 如何将属性(获取；设置；)分配给 WPF 用户控件？

Question

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

所以，这里是描述:

• Input : 这是用户可以输入的地方，位于 MainWindow
• 输出 1 :它是查看输入中键入的字符串的位置，位于 MainWindow
• 输出 2:与输出 1 相同，位于主窗口的第一个选项卡内。
• 输出 3:与输出 1 相同，位于选项卡二内，仍在主窗口。
• 输出 4:与输出 1 相同，位于选项卡二内，引用本地 UserControl Page1。
• 按钮:“保存”输入的按钮

代码如下:主窗口:解决方案 --> 我在 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 code behind : solution --> 添加一行 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>

Page1 code behind : solution-->删除计时器并添加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 }           
    }
}

具有 INotifyPropertyChanged 的​​属性:

// 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));
            }
        }
    }
}

程序窗口截图如下: one和 two

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

好的，所以我更新了代码。它现在正在工作。我从以下位置获得了 passingvalue 的引用:How to Pass a Value From a Window to a UserControl in WPF

谢谢。

Answer 1

这里的问题是您弄错了 MainWindow 的 myProperty 和 Page1 的 myProperty。

在 Page1 中，您使用 myProp.myData 设置了 output4.Text，这是错误的，因为 myProp 是 Page1 的 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;
}