Question

我从一段时间以来一直在关注这个问题：我正在开发一个Windows手机应用程序：我有一个XAML页面作为模板和三个UserControls：

其中一个包含地图布局，一个generalInfo-layout，Summary + Pic布局。

我想在顶部创建3个按钮并分别更改活动的UserControl。

我不想你使用数据透视页。

HELP？建议吗？码？

Answer 1

一种非常原始的方法是订阅所有3个按钮的Click事件，基本上只需在事件处理程序中适当地更改UserControls的Visibility属性。

当然，您可能还需要考虑其他方法 - 例如使用MVVM模式或使用sdk中的TabControl和TabItem（如果可用于WP7或使用事件触发器） - 但这可能是一个很好的起点。

您的MainPage应如下所示：

<UserControl x:Class="SilverlightApplication10.MainPage"
             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:silverlightApplication10="clr-namespace:SilverlightApplication10"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="400">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="30" />
            <RowDefinition />
        </Grid.RowDefinitions>

        <StackPanel x:Name="LayoutRoot"
                    Orientation="Horizontal"
                    Background="White">

            <Button Height="30"
                    Content="content1"
                    Click="Button_Click" />

            <Button Height="30"
                    Content="content2"
                    Click="Button_Click_1" />

            <Button Height="30"
                    Content="content3"
                    Click="Button_Click_2" />

        </StackPanel>

        <Grid Grid.Row="1">
            <silverlightApplication10:SilverlightControl1 x:Name="ctrl1"
                                                          Visibility="Collapsed" />

            <silverlightApplication10:SilverlightControl2 x:Name="ctrl2"
                                                          Visibility="Collapsed" />

            <silverlightApplication10:SilverlightControl3 x:Name="ctrl3"
                                                          Visibility="Collapsed" />
        </Grid>

    </Grid>
</UserControl>

然后你的事件处理程序应该注意设置所有这些UserControls的Visibility属性：

private void Button_Click(object sender, RoutedEventArgs e)
{
    ctrl1.Visibility = Visibility.Visible;
    ctrl2.Visibility = Visibility.Collapsed;
    ctrl3.Visibility = Visibility.Collapsed;
}

private void Button_Click_1(object sender, RoutedEventArgs e)
{
    ctrl2.Visibility = Visibility.Visible;
    ctrl1.Visibility = Visibility.Collapsed;
    ctrl3.Visibility = Visibility.Collapsed;
}

private void Button_Click_2(object sender, RoutedEventArgs e)
{
    ctrl3.Visibility = Visibility.Visible;
    ctrl1.Visibility = Visibility.Collapsed;
    ctrl2.Visibility = Visibility.Collapsed;
}

XAML运行时用户控件绑定

1 个答案: