mcpField
S
syncfusion-wpf-tile-view

syncfusion-wpf-tile-view

github.com/syncfusion开发5160 次安装1 周前更新
代码仓库

关于 syncfusion-wpf-tile-view

介绍在 WPF 中使用 TileViewControl 构建矩阵式磁贴界面的技能，适合仪表板和交互式应用，涵盖重排、最大化、最小化及数据绑定。

主要功能

  1. 01按矩阵排列磁贴
  2. 02拖放重排项目
  3. 03最大化与最小化磁贴
  4. 04支持关闭磁贴
  5. 05从数据源动态创建磁贴
  6. 06自定义磁贴外观

适用场景

  1. 01构建磁贴式仪表板
  2. 02创建可重排的拖放界面
  3. 03为磁贴内容提供展开与收起视图
  4. 04依据集合动态生成磁贴

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-tile-view

安装后在 Claude Code 中输入/syncfusion-wpf-tile-view确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
appearance-customization.md
arrangement-and-layout.md
data-binding.md
getting-started.md
tile-items-features.md

详细介绍

WPF TileView 实现

TileViewControl 是一种 WPF 容器，可在可自定义的矩阵布局中承载 TileViewItems。它支持自动排列、拖放重新排序、最大化/最小化功能以及丰富的自定义选项。

使用场景

  • 仪表板： 在灵活的平铺网格中整理信息
  • 拖放界面： 允许用户重新排列平铺项
  • 可展开视图： 支持最大化/最小化功能的平铺项
  • 丰富的自定义选项： 品牌化的标题、内容和样式
  • 数据绑定： 从集合中动态填充平铺项
  • 交互式应用： 现代、响应迅速的 WPF 界面

文档导航

入门

📄 阅读： references/getting-started.md

  • 程序集安装和 NuGet 配置
  • 通过设计器、XAML 和 C# 添加 TileViewControl
  • 基本配置和初始设置
  • 创建第一个 TileView
TileViewItem 功能

📄 阅读： references/tile-items-features.md

  • TileViewItem 结构和属性
  • 标题自定义和样式设置
  • 带关闭按钮的可关闭项
  • 可最大化和最小化的项
  • TileViewItem 状态和行为
排列和布局

📄 阅读： references/arrangement-and-layout.md

  • 在矩阵位置中自动排列
  • 支持拖放和项重新排序
  • BringIntoView 和滚动功能
  • 位置和布局管理
  • 基于矩阵的平铺项放置
数据绑定

📄 阅读： references/data-binding.md

  • 将 TileView 绑定到数据源
  • 项模板和数据模板
  • 从集合中动态创建平铺项
  • 主从绑定模式
外观和自定义

📄 阅读： references/appearance-customization.md

  • TileView 的样式和主题设置
  • 最小化/最大化状态下的自定义外观
  • 内容区域自定义
  • 滚动条和边框样式
  • 视觉自定义模式

快速开始

<Window xmlns:syncfusion="http://schemas.syncfusion.com/wpf">
    <syncfusion:TileViewControl Height="400" Width="600">
        <syncfusion:TileViewItem Header="Tile 1"><TextBlock>Content 1</TextBlock></syncfusion:TileViewItem>
        <syncfusion:TileViewItem Header="Tile 2"><TextBlock>Content 2</TextBlock></syncfusion:TileViewItem>
        <syncfusion:TileViewItem Header="Tile 3"><TextBlock>Content 3</TextBlock></syncfusion:TileViewItem>
    </syncfusion:TileViewControl>
</Window>

常见模式

  • 基本网格： 使用自动排列的统一尺寸平铺项的矩阵布局
  • 可最大化/最小化： 设置 CanMaximize="True" 和 CanMinimize="True"，使平铺项在选中时展开
  • 可关闭平铺项： 设置 CanClose="True" 以显示关闭按钮，并使用 Close="Handler" 事件
  • 拖放重新排序： 设置 AllowDragDrop="True" 以启用平铺项重新定位

关键属性

属性类型用途
HeaderObject平铺标题内容/标题
ContentObject平铺主要内容区域
CanMaximizebool启用最大化功能
CanMinimizebool启用最小化功能
CanClosebool显示关闭按钮
MinimizedHeight / MinimizedWidthdouble最小化时的尺寸
MaximizedHeight / MaximizedWidthdouble最大化时的尺寸
AllowDragDropbool允许重新排列平铺项

后续步骤

评论

支持 Markdown