사용자 정의 컨트롤 내에서 바인딩 속성이 변경되었습니다.

Question

사용자 컨트롤이 flipview 내부에있는 Windows Store 앱에서 작업하고 있습니다.

사용자 제어 : (ImagePage.xaml)

<UserControl 
    x:Name="userControl" 
    x:Class="MWC_online.Classes.ImagePage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:MWC_online.Classes" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" 
    d:DesignHeight="768" 
    d:DesignWidth="1366"> 

    <Grid Background="#FFF0F0F0" Margin="4,0"> 
    ... 
     <Image Source="{Binding Img}" Stretch="None" HorizontalAlignment="Left" VerticalAlignment="Top" /> 
     <StackPanel x:Name="stackPanel" HorizontalAlignment="Left" Margin="984,83,0,0" Width="325"> 
      <Grid Background="{Binding Colour}"> 
       <TextBlock Margin="30,30,30,15" Text="{Binding TextContent1}" FontWeight="Light" TextWrapping="Wrap" Foreground="#FF00ABE8" FontSize="29" /> 
      </Grid> 
      <Grid Background="{Binding Colour}"> 
       <TextBlock Margin="30,10,30,30" Text="{Binding TextContent2}" TextWrapping="Wrap" Foreground="#FF606060" FontSize="17" /> 
      </Grid> 
     </StackPanel> 
    </Grid> 
</UserControl> 

사용자 컨트롤 클래스 : (ImagePage.xaml.cs) 모두가 OnTextContent1Changed를 제외하고 잘 작동

private static void OnTitleChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){ 
    StackPanel stackPanel = (StackPanel)d; 
    stackPanel.Visibility = Visibility.Collapsed; 
} 

public string TextContent1 
{ 
    get { return (string)GetValue(TextContent1Property); } 
    set { SetValue(TextContent1Property, value); } 
} 
public static readonly DependencyProperty TextContent1Property = 
    DependencyProperty.Register("TextContent1", typeof(string), typeof(ImagePage), new PropertyMetadata("", new PropertyChangedCallback(OnTextContent1Changed))); 

private static void OnTextContent1Changed(DependencyObject d, DependencyPropertyChangedEventArgs e) 
{ 
    // what I want to do is if TextContent1 or TextContent2 has no value 
    // turn the stackpanel visibility to collapsed 
    StackPanel stackPanel = (StackPanel)d; 
    stackPanel.Visibility = Visibility.Collapsed; 
} 

은 아니다 발사! 그래서 이것이 일을하는 올바른 방법인지는 모르겠지만 기본적으로 사용자 정의 컨트롤 내 UI 요소는 데이터 바인딩에 따라 ON 또는 OFF로 전환하려고합니다.

Answer 1

TextBlock에는 DependencyProperty을 찾기위한 DataContext가 없습니다.

<Grid Background="#FFF0F0F0" Margin="4,0" x:Name="MyGrid"> 

는 그런 다음 ImagePage.xaml.cs에 ImagePage 생성자에서 자사의 DataContext를 설정할 수 있습니다 : 당신은 당신의 Grid ImagePage.xaml에 이름을주는 경우에

public ImagePage() 
    { 
     InitializeComponent(); 

     MyGrid.DataContext = this; 
    } 

가 Grid을 알려줍니다를 (그리고 종속물)을 사용하여 ImagePage 클래스에서 종속성 속성을 찾습니다. 이를 통해 종속성 속성이 올바르게 바인딩되어야합니다.

StackPanel stackPanel = (StackPanel)d; // Throws System.InvalidCastException 

당신은을 제공함으로써이 문제를 해결할 수 : 또 다른 문제는, 그러나, 당신이 typeof(ImagePage)과 ImagePage에있는 DependencyProperty을 말하고,하지만 매번 실패 StackPanel에,에 캐스팅하고 있다는 것입니다 이름을 StackPanel에 입력하고 .cs 파일에서 직접 참조합니다.