用途:本技能是 Syncfusion Blazor Carousel 组件的实现指南,适合在用户需要创建图片画廊/照片轮播、产品展示滑块、内容自动轮换、幻灯片演示、旋转横幅或主视觉区、以滑动形式展示用户评价、部分可见布局、可访问轮播、自定义过渡动画以及播放/暂停控制时使用。
主要能力:该组件以循环方式浏览条目集合,支持 Slide、Fade 或自定义 CSS 动画;上一项/下一项导航按钮及模板;多种指示器类型(Default、Dynamic、Fraction、Progress);WCAG 2.2 无障碍与键盘导航、ARIA 属性;触屏滑动;部分可见(显示相邻幻灯片);自动播放与可配置间隔;CSS 主题定制。
使用方式:需使用 Syncfusion.Blazor.Navigations 命名空间并按下述结构编写组件:<SfCarousel> 内放置多个 <CarouselItem>。例如:<SfCarousel> <CarouselItem>...</CarouselItem> </SfCarousel>。常用属性包括 AutoPlay、AnimationEffect、ButtonsVisibility、EnableTouchSwipe、Interval、Loop、PartialVisible、PauseOnHover、SelectedIndex、ShowIndicators、ShowPlayButton、IndicatorsType、SwipeMode、AllowKeyboardInteraction。可通过 @ref 引用组件后调用 PreviousAsync/NextAsync 进行编程导航,并可用 @bind-SelectedIndex 绑定当前索引。
适用场景:电商产品图集、首页横幅、评价滑块、前后对比展示、作品集、新闻/文章精选、引导教程步骤、图片灯箱等。
限制:需预先安装 Syncfusion.Blazor.Navigations 包并在 Program.cs 注册 Syncfusion Blazor 服务并引用主题样式表与脚本;具体安装命令、价格与授权信息暂未提供。