WPF의 SplitViewController

Question

저는 Flex에서 SplitViewController를 정말 좋아했으며 일반적으로 ipad에서 보았습니다. WPF에서 이러한 컨트롤을 구현하는 방법이 궁금합니다.

Answer 1

미안 분명하지 않다 그러나 나는 실제 스타일에 대한 도움이 필요한 경우 :

를

<SolidColorBrush x:Key="SolidTea" Color="#FF81857A" /> 

<SolidColorBrush x:Key="WhiteSolid" Color="White" /> 

<Style BasedOn="{StaticResource {x:Type ListBox}}" 
    TargetType="ListBox" 
    x:Key="PinnedList"> 
    <Setter Property="Background"> 
     <Setter.Value> 
      <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> 
       <LinearGradientBrush.GradientStops> 
        <GradientStop Offset="0.0" Color="#90DDDD" /> 
        <GradientStop Offset="1.0" Color="#5BFFFF" /> 
       </LinearGradientBrush.GradientStops> 
      </LinearGradientBrush> 
     </Setter.Value> 
    </Setter> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ListBox}"> 
       <Grid> 
        <Rectangle Height="20" Width="20" Fill="{StaticResource SolidTea}" Margin="0,-10,0,-20" VerticalAlignment="Top" x:Name="ui_recPinnedSPOs" HorizontalAlignment="Left"> 
         <Rectangle.LayoutTransform> 
          <RotateTransform Angle="-45"/> 
         </Rectangle.LayoutTransform> 
        </Rectangle> 
        <Border Name="Border" Background="{StaticResource WhiteSolid}" BorderBrush="{StaticResource SolidTea}" BorderThickness="4" CornerRadius="2"> 
         <Grid> 
          <Grid.RowDefinitions> 
           <RowDefinition Height="Auto"/> 
           <RowDefinition/> 
          </Grid.RowDefinitions> 
          <ScrollViewer Grid.Row="1" Focusable="false" Padding="{TemplateBinding Padding}"> 
           <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
          </ScrollViewer> 
         </Grid> 
        </Border> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<Style TargetType="ListBoxItem" x:Key="PinnedListBoxItem"> 
    <Style.Resources> 
     <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FF9CC164"/> 
     <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="#FF9CC164"/> 
     <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="White" /> 
    </Style.Resources> 
    <Style.Triggers> 
     <Trigger Property="IsSelected" Value="True"> 
      <Setter Property="Foreground" Value="White"/> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

Answer 2

당신은 분할이,

또한 오른쪽 정렬 된 부분의 텍스트를 표시, 왼쪽 정렬 될 내부 목록 컨트롤을 사용하여 사용자가 선택한 항목의 foreach 문을 StackPanel에 사용할 수 있습니다 컨트롤을 사용할 수 있습니다. 동적으로 컨트롤을 작성 필요하면

Answer 3

, 당신은 항목 템플릿은 다음과 같이 행을 포함 목록 컨트롤을 사용할 수 있습니다 :

<ListView ItemsSource="{Binding Path=Contacts}" 
       ItemContainerStyle="{StaticResource ContactsListItemContainerStyle}" 
       Template="{StaticResource ListViewTemplate}"> 
    <ListView.View> 
     <GridView> 
      <GridViewColumn Width="350"> 
       <GridViewColumn.CellTemplate> 
        <DataTemplate> 
         <StackPanel Orientation="Vertical"> 
          <Line Width="100" Visibility="{Binding Converter={StaticResource lineVisibilityConverter}}"/> 
          <Label Content="{Binding Path=Label}"/> 
         </StackPanel> 
        </DataTemplate> 
       </GridViewColumn.CellTemplate> 
      </GridViewColumn> 
     </GridView> 
    </ListView.View> 
</ListView>