初步实现Detail

sovetskyfish · Apr 15, 2019 · c45d995 · c45d995
1 parent 8704614
commit c45d995
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/PixivFSUWP/MainPage.xaml b/PixivFSUWP/MainPage.xaml
@@ -33,11 +33,20 @@
                 </Grid>
                 <Grid Grid.RowSpan="2">
                     <Grid.Background>
-                        <RevealBackgroundBrush Color="Transparent" FallbackColor="Transparent" />
+                        <RevealBackgroundBrush Color="Transparent" FallbackColor="Transparent"/>
                     </Grid.Background>
                 </Grid>
             </Grid>
         </DataTemplate>
+        <DataTemplate x:Key="DetailContentTemplate" x:DataType="viewmodels:WaterfallItemViewModel">
+            <StackPanel>
+                <TextBlock
+                    Margin="0,8"
+                    Style="{ThemeResource TitleTextBlockStyle}"
+                    HorizontalAlignment="Left"
+                    Text="{x:Bind Title}"/>
+            </StackPanel>
+        </DataTemplate>
     </Page.Resources>
 
     <Grid x:Name="LayoutRoot">
@@ -89,5 +98,18 @@
             </Grid.Background>
             <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20">为您推荐</TextBlock>
         </Grid>
+        <ContentPresenter
+            x:Name="DetailContentPresenter"
+            Grid.Column="1"
+            Grid.RowSpan="2"
+            BorderThickness="1,0,0,0"
+            Padding="24,0"
+            BorderBrush="{ThemeResource SystemControlForegroundBaseLowBrush}"
+            Content="{x:Bind WaterfallListView.SelectedItem, Mode=OneWay}"
+            ContentTemplate="{StaticResource DetailContentTemplate}">
+            <ContentPresenter.ContentTransitions>
+                <TransitionCollection />
+            </ContentPresenter.ContentTransitions>
+        </ContentPresenter>
     </Grid>
 </Page>