讲师中心 微信公众号
AI工具推荐 视频效率加速

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

轻明吖_3350

轻明吖_3350

发布时间:2025-12-17 10:18:09

|

257人浏览过

|

来源于php中文网

原创

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

maui carouselview怎么用 maui轮播图控件教程

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

基础结构与数据绑定

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

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

控制交互行为

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

Android SMS Gateway
Android SMS Gateway

自托管短信服务,使用 Android 手机作为网关提供 HTTP API,支持发送/接收短信,兼容主流短信网关。

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

获取和控制当前页

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

  • 读取当前项:CurrentItem 返回绑定集合中的实际对象(比如当前图片 URL)
  • 监听变化:绑定 CurrentItemChangedCommand 或订阅 CurrentItemChanged 事件
  • 主动跳转:设置 Position 属性(从 0 开始的索引),或调用 ScrollTo() 方法(支持动画和对齐选项)
  • 注意:CurrentItem 和 Position 是双向绑定的,改一个另一个自动同步

搭配指示器(IndicatorView)

单独用 CarouselView 没有页码提示,需手动加 IndicatorView 并绑定同步:

  • 把 IndicatorView 放在 CarouselView 外部或内部 StackLayout 中
  • 设置 IndicatorView.ItemsSource="{Binding Source={RelativeSource AncestorType={x:Type CarouselView}}, Path=ItemsSource}"
  • 绑定 IndicatorView.Position="{Binding Source={RelativeSource AncestorType={x:Type CarouselView}}, Path=Position}"
  • 可自定义指示点样式,比如用 IndicatorView.IndicatorSize="12" 和 IndicatorView.IndicatorColor="LightGray"

基本上就这些。不需要装额外 NuGet 包,.NET MAUI 6+ 已内置完整支持。重点是理清 ItemsSource → ItemTemplate → CurrentItem/Position 这条链,其余都是围绕它做增强。

热门AI工具

更多
小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1838

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2944

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6244

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

6149

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

7734

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

11694

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

6019

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

6667

2025.08.07

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

0

2026.11.02

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 45.1万人学习

Java 教程
Java 教程

共578课时 | 195.5万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 9.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn