一个用户控件对另一个用户控件的可见性 [英] Visibility of one user control to another user control

问题描述

private void Button_Click(object sender, RoutedEventArgs e)
        {
            int selectedValue = (int)comboSelection.SelectedValue;
            if (selectedValue == 8)
            {
                EightTiles et = new EightTiles();
                this.Visibility = Visibility.Collapsed;
                et.Visibility = Visibility.Visible;
            }
        }

我的目标是当组合框选择等于 8 时单击按钮，当前用户控件折叠并且下一个用户控件(EightTiles)可见.但我的问题是当我点击按钮时它显示一个空白页面，下一个用户控制页面没有显示，问题是什么以及我如何解决它..谢谢

My target is when the combo box selection is equal to 8 then click the button, current usercontrol get collapsed and next usercontrol(EightTiles) get visible. But my problem is when i click the button it shows a blank page, next user control page doesn't showed, what is the problem and how i do to solve it.. Thanks

推荐答案

将这两个控件作为主内容控件的内容放到 xaml 中，并根据第一个控件的触发器来管理第二个控件的可见性.这里我可以给你建议:1. XAML:

Plase both these controls as content of a main content control to xaml, and manage the second control visibility based on trigger of the first control. Here what I can suggest you: 1. XAML:

<Window x:Class="SoDataGridProjectsHelpAttempt.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:soDataGridProjectsHelpAttempt="clr-namespace:SoDataGridProjectsHelpAttempt"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <ContentControl >
        <ContentControl.ContentTemplate>
            <DataTemplate>
                <Grid>
                    <soDataGridProjectsHelpAttempt:MainSubControl x:Name="MainSubControl" Visibility="Visible"/>
                    <soDataGridProjectsHelpAttempt:SubSubControl x:Name="SubSubControl" Visibility="Collapsed"/>
                </Grid>
                <DataTemplate.Triggers>
                    <Trigger Property="Control.Visibility" Value="Collapsed" SourceName="MainSubControl">
                        <Setter TargetName="SubSubControl" Property="Visibility" Value="Visible"></Setter>
                    </Trigger>
                </DataTemplate.Triggers>
            </DataTemplate>
        </ContentControl.ContentTemplate>
    </ContentControl>
</Grid>

2.主子控件:

<UserControl x:Class="SoDataGridProjectsHelpAttempt.MainSubControl"
         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:soDataGridProjectsHelpAttempt="clr-namespace:SoDataGridProjectsHelpAttempt"
         xmlns:collections="clr-namespace:System.Collections;assembly=mscorlib"
         xmlns:system="clr-namespace:System;assembly=mscorlib"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300" Visibility="{Binding IsControlVisible, Converter={StaticResource Bol2VisibilityConverter}, UpdateSourceTrigger=PropertyChanged}">
<UserControl.Resources>
    <x:Array Type="system:Int32" x:Key="DecimalsArray">
        <system:Int32>7</system:Int32>
        <system:Int32>5</system:Int32>
        <system:Int32>3</system:Int32>
        <system:Int32>8</system:Int32>
    </x:Array>
</UserControl.Resources>
<UserControl.DataContext>
    <soDataGridProjectsHelpAttempt:MainSubViewModel/>
</UserControl.DataContext>
<StackPanel>
    <ComboBox ItemsSource="{StaticResource DecimalsArray}" 
              Width="Auto" 
              SelectedItem="{Binding SelectedComboItem}"/>
    <Button Command="{Binding Command}">Press me!!!</Button>
</StackPanel>

3. MainSubControl 视图模型:

3. MainSubControl ViewModel:

    public class MainSubViewModel : BaseObservableObject
{
    private int _selectedComboItem;
    private ICommand _command;
    private bool _isControlVisible;

    public MainSubViewModel()
    {
        IsControlVisible = true;
    }

    public ICommand Command
    {
        get { return _command ?? (_command = new RelayCommand(CommandMethod)); }
    }

    private void CommandMethod()
    {
        if (SelectedComboItem == 8)
            IsControlVisible = false;
    }

    public bool IsControlVisible
    {
        get { return _isControlVisible; }
        set
        {
            _isControlVisible = value;
            OnPropertyChanged();
        }
    }

    public int SelectedComboItem
    {
        get { return _selectedComboItem; }
        set
        {
            _selectedComboItem = value;
            OnPropertyChanged();
        }
    }
}

4.第二子控件:

<UserControl x:Class="SoDataGridProjectsHelpAttempt.SubSubControl"
         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" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
    <Image Source="2014_8_27_Bing_en-AU.jpg" Margin="50"></Image>
</Grid>

5. App.xaml(放入Application.Resources):

5. App.xaml (put into Application.Resources):

<BooleanToVisibilityConverter x:Key="Bol2VisibilityConverter" />

问候，

这篇关于一个用户控件对另一个用户控件的可见性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！