wpf mvvmでスタックパネルを非表示/表示する方法

Question

MVVMシナリオでは、ハイパーリンクのクリックまたはイメージクリックに基づいてユーザーコントロールを表示/非表示にしたいとします。これはXAMLでどのように達成できますか？

Answer 1

バインドビューモデルのブール値プロパティにVisibilityプロパティは、BooleanToVisibilityConverter

<Window.Resources> 
    <BooleanToVisibilityConverter x:Key="visibilityConverter" /> 
</Window.Resources> 

... 

<MyUserControl Visibility="{Binding IsMyUserControlVisible, Converter={StaticResource visibilityConverter}}" /> 

を使用してのViewModel：

private bool _isMyUserControlVisible; 
public bool IsMyUserControlVisible 
{ 
    get { return _isMyUserControlVisible; } 
    set 
    { 
     _isMyUserControlVisible = value; 
     OnPropertyChanged("IsMyUserControlVisible"); 
    } 
} 

Answer 2

は、あなたがいるか否かを判断し、あなたのViewModelのbooleanプロパティを持っていると言いますコントロールを表示する

public bool DisplayControl { get; set; } 

BooleanToVisibiltyConverter

<Window.Resources> 
    <BooleanToVisibilityConverter x:Key="visibilityConverter" /> 
</Window.Resources> 

そして、あなたのコントロールを使用してStackPanelのvisibiiltyをバインドします

<StackPanel Visibility="{Binding DisplayControl, Converter={StaticResource visibilityConverter}}"/> 

Answer 3

は、トグルボタンを使用してBooleanToVisibilityConverterを使用してUserControlの可視性をバインド：

は、リソースを定義します：

<BooleanToVisibilityConverter x:Key="BoolToVisibility" /> 

トグルボタン：

<ToggleButton x:Name="VisibilityToggle> 
    <Image Source="..." /> 
</ToggleButton> 

ユーザーコントロール：

<MyControl Visibility="{Binding IsChecked, ElementName=VisibilityToggle, Converter={StaticResource BoolToVisibility}}" />