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

时间:2017-04-14 06:41:05

标签: c# wpf inotifypropertychanged

我试图在C#中学习属性(获取和设置)。我还是该语言的新手,目前正在使用带有一些文本框的WPF制作一个简单的程序,如图所示。

所以,这里是描述:

  • 输入:用户可以输入位于MainWindow的输入
  • 输出1:它在输入中看到输入的字符串字符串,位于MainWindow
  • 输出2:与输出1相同,位于第一个选项卡内,位于MainWindow。
  • 输出3:与输出1相同,位于标签2中,仍位于MainWindow。
  • 输出4:与输出1相同,位于选项卡2内,参考本地UserControl Page1。
  • 按钮:按下"保存"输入

以下是代码: 主窗口:解决方案 - >我在x:Name="Page1"

之后添加了local: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代码背后:解决方案 - &gt;添加了一行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代码背后:解决方案 - &gt;删除了计时器并添加了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));
            }
        }
    }
}

以下是程序窗口的屏幕截图: onetwo

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

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

获得了passingvalue的参考

谢谢。

1 个答案:

答案 0 :(得分:0)

你的问题是你错误地使用了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;
}