改进歌单封面

TonyDing1998 · Feb 21, 2021 · acb34bf · acb34bf
1 parent 1f4929b
commit acb34bf
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/HyPlayer/Controls/PlaylistItem.xaml b/HyPlayer/Controls/PlaylistItem.xaml
@@ -10,19 +10,24 @@
     Height="300"
     Width="250"
     d:DesignHeight="300"
-    d:DesignWidth="250">
+    d:DesignWidth="250"
+    CornerRadius="4"
+    >
 
     <controls:DockPanel
         LastChildFill="False"
         Dock="Top"
         Tapped="UIElement_OnTapped">
         <Image
             Name="ImageCover"
-            controls:DockPanel.Dock="Top"
-            Width="250" Height="250" Source="/Assets/icon.png" />
-        <TextBlock controls:DockPanel.Dock="Top" Name="TextBlockPLName" Text="歌单名称"></TextBlock>
-        <TextBlock
+            controls:DockPanel.Dock="Top" Source="/Assets/icon.png" Margin="-25,0,-25,-37" />
+        <Grid
+            CornerRadius="2" Margin="0,-22,-250,0">
+            <Rectangle Fill="{ThemeResource PlayListItemLuminosity}" Margin="0,-22,-250,0" />
+            <TextBlock
             controls:DockPanel.Dock="Bottom"
-            Name="TextBlockPLAuthor" Foreground="Gray" Text="歌单创建者"></TextBlock>
+            x:Name="TextBlockPLAuthor" Foreground="#FF262626" Text="歌单创建者" Margin="10,37,19,9" FontSize="10"/>
+            <TextBlock controls:DockPanel.Dock="Top" x:Name="TextBlockPLName" Text="歌单名称" Margin="10,12,10,27" FontSize="15"/>
+        </Grid>
     </controls:DockPanel>
 </UserControl>
diff --git a/HyPlayer/Controls/PlaylistItem.xaml.cs b/HyPlayer/Controls/PlaylistItem.xaml.cs
@@ -51,5 +51,6 @@ private void UIElement_OnTapped(object sender, TappedRoutedEventArgs e)
         {
             Common.BaseFrame.Navigate(typeof(SongListDetail), playList,new CommonNavigationTransitionInfo());
         }
+
     }
 }
-Original file line number
+Diff line change
@@ Expand Up @@
             {
                 Common.BaseFrame.Navigate(typeof(SongListDetail), playList,new CommonNavigationTransitionInfo());
             }
         }
     }