MAUI CarouselView怎么用 MAUI轮播图控件教程

MAUI 的 CarouselView 是内置轮播控件，支持手势滑动、循环播放与数据绑定；需通过 ItemsSource 绑定数据、ItemTemplate 定义模板、CurrentItem/Position 控制当前页，并可搭配 IndicatorView 实现页码指示。

MAUI 的 CarouselView 是专为轮播场景设计的原生控件，不依赖第三方库，开箱即用。它适合展示图片、卡片、引导页等线性内容，支持手势滑动、自动定位、循环播放和数据绑定——关键在于理解它的核心属性和绑定逻辑。

基础结构与数据绑定

CarouselView 本身不渲染内容，需配合 ItemTemplate 定义每项样式。数据源通过 ItemsSource 绑定，通常是 IEnumerable 或 ObservableCollection：

• XAML 中设置 ItemsSource="{Binding ImageUrls}"，ViewModel 提供字符串列表或自定义模型
• ItemTemplate 内用 Image 控件加载图片，支持 Aspect="AspectFill" 等缩放控制
• 避免在模板中写死尺寸，让 CarouselView 自动适配容器宽度

控制交互行为

几个布尔属性直接决定用户能否操作以及如何响应：

• IsSwipeEnabled="True"（默认）启用左右滑动手势；设为 False 就只能靠代码跳转
• Loop="True"（默认）开启首尾连通，滑到最后一张再右滑会回到第一张
• IsBounceEnabled="False" 可关闭 iOS/Android 滚动越界回弹效果，界面更克制
• 如需禁用所有交互，同时设 IsSwipeEnabled="False" 和 InputTransparent="True"

获取和控制当前页

轮播图不只是“播”，还要“知道播到哪”和“能跳到哪”：

标签： android ios .net