.NET MAUI：如何让HorizontalStackLayout实现横向滚动显示缩略图？

直接用ScrollView包裹你的HorizontalStackLayout，并设置ScrollView的滚动方向为横向，就能实现溢出内容的滑动查看，完全满足你不用CarouselView、默认显示尽可能多图片的需求。

核心实现代码 #

<ScrollView Orientation="Horizontal"
            HorizontalScrollBarVisibility="Auto">
    <HorizontalStackLayout Spacing="6" Padding="8">
        <!-- 这里放你的缩略图控件 -->
        <Image Source="thumb_01.png" WidthRequest="90" HeightRequest="90" Aspect="AspectFill" />
        <Image Source="thumb_02.png" WidthRequest="90" HeightRequest="90" Aspect="AspectFill" />
        <Image Source="thumb_03.png" WidthRequest="90" HeightRequest="90" Aspect="AspectFill" />
        <!-- 更多缩略图... -->
    </HorizontalStackLayout>
</ScrollView>

关键参数说明 #

• Orientation="Horizontal"：指定ScrollView的滚动方向为横向，这是实现横向滑动的核心配置。
• HorizontalScrollBarVisibility：控制滚动条显示逻辑，Auto会在内容溢出时自动显示滚动条，Always则一直显示，Never完全隐藏，可根据UI需求调整。
• 保留HorizontalStackLayout的布局特性：图片会按顺序横向排列，默认展示当前屏幕能容纳的所有图片，用户只需滑动即可查看超出屏幕的部分，无需额外交互就能看到最多内容。

实用优化点 #

• 给每个Image设置固定的WidthRequest和HeightRequest，保证缩略图尺寸统一，排列更规整。
• 若缩略图数量较多，建议用数据绑定（绑定ItemsSource）动态生成图片控件，减少重复XAML代码。
• 可以给HorizontalStackLayout设置Spacing属性，控制图片间的间距，提升视觉舒适度。

内容的提问来源于stack exchange，提问作者Sam