修复Carousel控件无法铺满图片

ywmoyue · Dec 30, 2024 · b09ea72 · b09ea72
1 parent 29ea6c7
commit b09ea72
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 12 deletions.
diff --git a/src/BiliLite.UWP/Pages/Home/AnimePage.xaml b/src/BiliLite.UWP/Pages/Home/AnimePage.xaml
@@ -85,20 +85,23 @@
                     <controls:Carousel
                         x:Name="control"
                         MaxHeight="240"
-                        AspectRatio="3.49"
-                        Background="AliceBlue"
+                        AspectRatio="1.7"
                         ItemsSource="{x:Bind Path=m_viewModel.HomeData.Banners, Mode=OneWay}"
                         MaxItems="1"
-                        SlideInterval="5000">
+                        SlideInterval="0">
                         <controls:Carousel.ContentTemplate>
                             <DataTemplate>
                                 <HyperlinkButton
-                                    Margin="4,0"
-                                    Padding="0"
-                                    Click="BannerItem_Click">
-                                    <Border>
-                                        <toolkit:ImageEx PlaceholderSource="ms-appx:///Assets/Thumbnails/Placeholde.png" Source="{Binding Path=Img, Converter={StaticResource imageConvert}, ConverterParameter='240h'}" />
-                                    </Border>
+                                    Margin="0,5,0,0"
+                                    Padding="5"
+                                    HorizontalAlignment="Stretch"
+                                    Click="BannerItem_Click"
+                                    CornerRadius="{ThemeResource OverlayCornerRadius}">
+                                    <toolkit:ImageEx
+                                        CornerRadius="{ThemeResource OverlayCornerRadius}"
+                                        PlaceholderSource="ms-appx:///Assets/Thumbnails/Placeholde.png"
+                                        Source="{Binding Path=Img, Converter={StaticResource imageConvert}, ConverterParameter='240h'}"
+                                        Stretch="Fill" />
                                 </HyperlinkButton>
                             </DataTemplate>
                         </controls:Carousel.ContentTemplate>

diff --git a/src/BiliLite.UWP/Pages/Home/RecommendPage.xaml b/src/BiliLite.UWP/Pages/Home/RecommendPage.xaml
@@ -276,11 +276,14 @@
                                     <HyperlinkButton
                                         Margin="0,5,0,0"
                                         Padding="5"
+                                        HorizontalAlignment="Stretch"
                                         Click="BannerItem_Click"
                                         CornerRadius="{ThemeResource OverlayCornerRadius}">
-                                        <Border CornerRadius="{ThemeResource OverlayCornerRadius}">
-                                            <toolkit:ImageEx PlaceholderSource="ms-appx:///Assets/Thumbnails/Placeholde.png" Source="{x:Bind Path=Image, Converter={StaticResource imageConvert}, ConverterParameter='240h'}" />
-                                        </Border>
+                                        <toolkit:ImageEx
+                                            CornerRadius="{ThemeResource OverlayCornerRadius}"
+                                            PlaceholderSource="ms-appx:///Assets/Thumbnails/Placeholde.png"
+                                            Source="{x:Bind Path=Image, Converter={StaticResource imageConvert}, ConverterParameter='240h'}"
+                                            Stretch="Fill" />
                                     </HyperlinkButton>
                                 </DataTemplate>
                             </controls:Carousel.ContentTemplate>