图片预览：
xmal代码区：
<s:SurfaceWindow x:Class="Qv2._0.SurfaceWindow1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:s="http://schemas.microsoft.com/surface/2008"
Title="Qv2._0"
>
<Grid Background="Transparent">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<s:SurfaceListBox Name="ContentSelector" Grid.Column="0"
SelectionChanged="OnSelectionChanged" Width="200" >
<s:SurfaceListBoxItem Content="item1" >
<s:SurfaceListBoxItem.Tag>
<Grid>
<Button Width="200" Height="200">OK1</Button>
<Button VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="200" Height="200"
Click="Button_Click">返回</Button>
</Grid>
</s:SurfaceListBoxItem.Tag>
</s:SurfaceListBoxItem>
<s:SurfaceListBoxItem Content="item2">
<s:SurfaceListBoxItem.Tag>
<Grid>
<Button Width="200" Height="200">OK2</Button>
<Button VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="200" Height="200"
Click="Button_Click2">返回</Button>
</Grid>
</s:SurfaceListBoxItem.Tag>
</s:SurfaceListBoxItem>
<s:SurfaceListBoxItem Content="item3">
<s:SurfaceListBoxItem.Tag>
<Grid>
<Button Width="200" Height="200">OK3</Button>
<Button VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="200" Height="200"
Click="Button_Click3">返回</Button>
</Grid>
</s:SurfaceListBoxItem.Tag>
</s:SurfaceListBoxItem>
</s:SurfaceListBox>
<Grid Grid.Column="1" Background="Transparent" Name="ContentArea" Margin="7"/>
</Grid>
</s:SurfaceWindow>
cs：代码片段
private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
SurfaceListBoxItem selectedItem = (SurfaceListBoxItem)ContentSelector.SelectedItem;
Grid content = selectedItem.Tag as Grid;
if (content != null)
{
ContentArea.Children.Clear();
ContentArea.Children.Add(content);
ContentSelector.Visibility = Visibility.Hidden;
}
}
private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
//初始化
SurfaceListBoxItem selectedItem = (SurfaceListBoxItem)ContentSelector.SelectedItem;
Grid content = selectedItem.Tag as Grid;
if (content != null)
{
ContentArea.Children.Clear();
ContentArea.Children.Add(content);
ContentSelector.Visibility = Visibility.Hidden;
}
}
private void Button_Click(object sender, RoutedEventArgs e)
{
ContentSelector.Visibility = Visibility.Visible;
}
private void Button_Click2(object sender, RoutedEventArgs e)
{
ContentSelector.Visibility = Visibility.Visible;
}
private void Button_Click3(object sender, RoutedEventArgs e)
{
ContentSelector.Visibility = Visibility.Visible;
}