第7章 树形可视图形界面
[PPT模板]06第六章句柄图形和用户图形界面设计
![[PPT模板]06第六章句柄图形和用户图形界面设计](https://img.taocdn.com/s3/m/9506a01dbf23482fb4daa58da0116c175e0e1e74.png)
10 9 8 7 6 5 4
2024/1/12
3
10 9 8 7 6
5 4
25
3
set(gcf,'color',[0.5 0.5 0.5]) set(gcf,'color',[0.5 0.6 0.8])
10
9
8
7
6
5
4
3
2
1
0
0
1
2
3
4
5
6
7
8
9
10
2024/1/12
10
9
8
7
6
5
4
3
2
1
0
0
DefaultLineColor —— 线的颜色
※缺省值的获得与设置也是由get,set函数实 现的
2024/1/12
33
例:
get(0,'DefaultFigureColor') —— 获得图形 窗口的缺省值
set(h,'DefaultLineColor','r') ——设置线的 颜色为红色
例：在图上添加文字注释，颜色为红色
2024/1/12
20
例：创建一个线对象并返回线对象的句柄值
h1=line([0:10],[0:10])
h1 = 57.0001
h1为句柄的代码值
2024/1/12
10
9
8
7
6
5
4
3
2
1
0
0
1
2
3
4
5
6
7
8
9
10
21
2024年数据结构PPT树和二叉树PPT学习教案
第28页/共188页
6.2.2 二叉树
的性质
第29页/共188页
性质1 ： 在二叉树的第 i 层上至多有2i-1 个结点。 (i≥1)
用归纳法证明： 归纳基： 归纳假设： 归纳证明：
i = 1 层时，只有一个根结点： 2i-1 = 20 = 1；
第10页/共188页
树的表示方法有四种，各用于不同的目的。(1) 直观表示法：就是一棵树的直观表示。(2) 广义表示法：下图 (a)是以广义表的形式表示的，根作为由子树森林组成的表的名字写在表的左边。树的形式化表示法主要用于树的理论描述。(3) 凹入表示法：下图(b)用的是凹入表示法(类似书的编目)。树的凹入表示法主要用于树的屏幕和打印显示。(4）嵌套集合表示法：参见P120图6.2。表示方法的多样性，正说明了树结构在日常生活中及计算机程序设计中的重要性。一般来说，分等级的分类方案都可用层次结构来表示，也就是说，都可产生一个树结构。
(1) 若 i=1，则该结点是二叉树的根，无双亲，否则，编号为 i/2 的结点为其双亲结点；
(2) 若 2i>n，则该结点无左孩子，
否则，编号为 2i 的结点为其左孩子结点；
(3) 若 2i+1>n，则该结点无右孩子结点，
否则，编号为2i+1 的结点为其右孩子结点。
第35页/共188页
第36页/共188页
会计学
1
数据结构PPT树和二叉树
数据结构可分为线性结构和非线性结构两大类。前面几章主要研究的是线性结构。一般的，线性结构只能用来描述数据元素之间的线性顺序关系，而很难反映元素之间的层次(分支)关系。本章将要讨论一种非线性数据结构，所谓非线性结构是指在结构中至少存在一个数据元素，它具有两个或两个以上的直接后继或直接前驱。树形结构，是一类非常重要的非线性数据结构，它用于描述数据元素之间的层次关系。树形结构在客观世界中广泛存在，如人类社会的族谱和各种社会组织机构都可用树来形象表示。经常用到的两种结构是树和二叉树。本章先介绍树、二叉树的定义、性质及存储结构，重点讨论二叉树的存储结构及其各种操作，并研究树和森林与二叉树之间的转换关系，最后介绍树的应用。
可视化工具D3.js教程入门（第十三章）——树状图
可视化工具D3.js教程入门（第十三章）——树状图首先我们还是说下这章要用到的知识点，我在这里只是简单的罗列一下，如需详细了解，请戳这里查看中文官方文档d3.hierarchy - 从给定的层次结构数据构造一个根节点并为各个节点指定深度等属性.node.sum - 评估和汇总定量值.d3.tree - 创建一个新的整齐(同深度节点对齐)的树布局.tree - 将指定的层次数据布局为整齐的树布局.tree.size - 设置布局尺寸.tree.separation - 设置两个相邻的节点之间的间距.node.descendants - 从当前节点开始返回其后代节点数组.node.links - 返回当前节点所在子树的所有边.d3.linkHorizontal 创建一个新的水平的 link 生成器.接下来咱们直接绘图：代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>tree</title><!--<script src="https:///d3.v5.min.js"></script>--> <script src="./d3.min.js"></script></head><body><svg width="1000" height="700"></svg></body><script>//数据var data = {name: "中国",children: [{name: "浙江",children: [{name: "杭州", value: 100}, {name: "宁波", value: 100}, {name: "温州", value: 100}, {name: "绍兴", value: 100} ]},{name: "广西",children: [{name: "桂林",children: [{name: "秀峰区", value: 100}, {name: "叠彩区", value: 100}, {name: "象山区", value: 100}, {name: "七星区", value: 100} ]},{name: "南宁", value: 100},{name: "柳州", value: 100}, {name: "防城港", value: 100} ]},{name: "黑龙江",children: [{name: "哈尔滨", value: 100}, {name: "齐齐哈尔", value: 100}, {name: "牡丹江", value: 100}, {name: "大庆", value: 100}]},{name: "新疆",children: [{name: "乌鲁木齐"}, {name: "克拉玛依"}, {name: "吐鲁番"},{name: "哈密"}]}]};var margin = 60;var svg = d3.select("svg");var width = svg.attr("width"); var height = svg.attr("height");//创建分组var g = svg.append("g").attr("transform","translate("+ margin +","+ margin +")");//创建一个层级布局var hierarchyData = d3.hierarchy(data).sum(function (d,i) {return d.value;});// 返回的节点和每一个后代会被附加如下属性:// node.data - 关联的数据，由 constructor 指定.// node.depth - 当前节点的深度, 根节点为 0.// node.height - 当前节点的高度, 叶节点为 0.// node.parent - 当前节点的父节点, 根节点为 null.// node.children - 当前节点的孩子节点(如果有的话); 叶节点为 undefined.// node.value - 当前节点以及 descendants(后代节点) 的总计值; 可以通过 node.sum 和 node.count 计算.console.log(hierarchyData);//创建一个树状图var tree = d3.tree().size([width-400,height-200]).separation(function (a,b) {return (a.parent==b.parent?1:2)/a.depth;//一种更适合于径向布局的变体，可以按比例缩小半径差距:});//初始化树状图数据var treeData = tree(hierarchyData)console.log(treeData);//这里的数据treeData与hierarchyData 相同//获取边和节点var nodes = treeData.descendants();var links = treeData.links();console.log(nodes);console.log(links);//创建贝塞尔曲线生成器var link = d3.linkHorizontal().x(function(d) { return d.y; })//生成的曲线在曲线的终点和起点处的切线是水平方向的.y(function(d) { return d.x; });//绘制边g.append('g').selectAll('path').data(links).enter().append('path').attr('d',function (d,i) {var start = {x:d.source.x,y:d.source.y};var end = {x:d.target.x,y:d.target.y};return link({source:start,target:end});}).attr('stroke','pink').attr('stroke-width',1).attr('fill','none');//创建节点与文字分组var gs = g.append('g').selectAll('.g').data(nodes).enter().append('g').attr('transform',function (d,i) {return 'translate('+ d.y +','+ d.x +')';});//绘制文字和节点gs.append('circle').attr('r',10).attr('fill','blue').attr('stroke-width',1).attr('stroke','pink');gs.append('text').attr('x',function (d,i) {return d.children?-60:10;//有子元素的话当前节点的文字前移40}).attr('y',-5).attr('dy',10).text(function (d,i) { return ; })</script></html>效果：。
《树状图模板》课件
01
将树状图模板嵌入到PPT中，方便演示和讲解。
与在线协作工具结合
02
将树状图模板导入到在线协作工具中，方便团队成员共同编辑
和讨论。
与数据可视化工具结合
03
将树状图模板与数据可视化工具结合使用，生成更为直观和生
动的数据展示。
04
树状图模板的常见问题与解 决方案
如何解决树状图模板中的重叠问题
01
总结词：重叠问题
案例二：业务流程的梳理
总结词
简化业务流程理解
详细描述
使用树状图模板可以梳理业务流程，将复杂的流程简化为易于理解的图形。通过 树状图，可以清晰地看出业务流程的各个环节和它们之间的逻辑关系，有助于优 化流程、提高工作效率。
案例三：项目进度的监控
总结词
实时跟踪项目进展
详细描述
树状图模板可以用于监控项目进度，将项目的各个阶段和任务以树状图的形式展示。通过树状图，可以实时跟踪 项目的进展情况，及时发现和解决潜在问题，确保项目按时完成。
树状图模板能够清晰地展示数据的层 级关系，使得数据更加易于理解和分 析。
信息量大
树状图模板可以容纳大量的数据信息 ，并且能够通过缩放和交互来查看不 同层次的数据。
树状图模板的优缺点
• 适用性强：树状图模板适用于各种不同的数据类 型和场景，如分类数据、组织结构、时间序列数 据等。
树状图模板的优缺点
持。
感谢您的观看
THANKS
创建树状图模板的步骤
确定模板类型
根据需求选择合适的树 状图模板类型，如组织 结构图、流程图、项目
规划图等。
设计模板结构
根据实际需求，设计模 板的整体结构，包括节 点数量、层级关系等。
VB教程 第8章
8.2.5 程序运行时向窗体添加控件
窗体是Windows应用程序的基本控件,Windows应用程序 应用程序的基本控件, 窗体是 应用程序的基本控件 应用程序 的运行本质上就是窗体的显示.窗体上可以添加各种控件. 的运行本质上就是窗体的显示.窗体上可以添加各种控件. 窗体上的控件通常都是在程序设计时,通过工具箱添加的. 窗体上的控件通常都是在程序设计时,通过工具箱添加的. 但也可以在窗体运行时添加控件. 但也可以在窗体运行时添加控件. 在窗体运行时添加控件,其实是创建一个新的对象, 在窗体运行时添加控件,其实是创建一个新的对象,在窗体 指定位置显示,并将其添加到窗体中.指定位置使用Point 指定位置显示,并将其添加到窗体中.指定位置使用 对象数组,向窗体添加对象调用Controls属性的 属性的Add方法. 方法. 对象数组,向窗体添加对象调用 属性的 方法
编写事件代码: 编写事件代码: ' 窗体Load事件代码 窗体 事件代码 Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) _ Handles MyBase.Load Me.BackColor = Color.Blue End Sub ' 窗体 窗体Click事件代码 事件代码 Private Sub Form1_Click(ByVal sender As Object, ByVal e As System.EventArgs) _ Handles Me.Click Me.BackColor = Color.Red End Sub ' 窗体 窗体DoubleClick事件代码 事件代码 Private Sub Form1_DoubleClick(ByVal sender As Object, ByVal e As System.EventArgs) _ Handles Me.DoubleClick Me.BackColor = Color.Yellow End Sub
树状图的创建及其应用
支持智能推荐、决策分 析等功能
智能推荐
●06
第六章 总结
树状图的应用前景
广泛应用
随着信息化的发展，树状 图在各行业的应用越来越 广泛 树状图具有直观、清晰的 展示优势，有望成为信息 展创示新的应主用流形式
未来树状图将在项目管 理、知识管理、决策支 持等领域有更多创新应 用
结语
树状图作为一种重要的信息展示方式，为人们 带来了便利和效率。我们应当充分利用树状图 的优势，不断优化和拓展其应用领域。希望本 PPT内容能为您对树状图的理解和应用带来帮助， 谢谢观看！
●03
第3章 树状图的应用
组织结构图的应用
组织结构图是一种常见的树状图应用，用于展 示企业的组织架构，包括部门、职位等信息。 通过组织结构图，员工能够清晰了解公司的层 级关系和沟通渠道，帮助管理者制定合理的管 理策略和人员调配方案。此外，组织结构图也 可以快速查找和联系组织中的相关成员，提高 工作效率。
优化绘制算法 提高树状图的渲染速度
缓存、预加载策略 优化树状图的性能和用户 体验
结束语
通过对树状图的优化，可以提升数据展示和管 理的效率，使信息结构更清晰明了。树状图在 各个领域都有着广泛的应用，希望以上优化方 法能够帮助您更好地利用树状图工具。
●05
第5章 树状图的扩展应用
基于树状图的项目管理工具
简单图示、快速草绘
02 设计自由度
自定义节点、连接线
绘制工具
纸笔或绘图软件
01
树状图创建技巧
确定根节点 定义树的起始点
节点信息组织 保持层级清晰
布局美化 调整节点间距和文字样式
更新维护 定期更新信息，保持准确 性
总结
在树状图的创建过程中，通过软件工具、编程 语言和手动绘制等方式，可以实现不同风格的 树状图。关键是掌握技巧，保持清晰的层次结 构，并定期更新维护，以确保信息的准确性和 有效性。
ppt课件树状图
美化树状图可以提高观众的视觉 体验和学习效果。
可以使用不同的颜色、字体、形 状等元素来区分不同的层次和主
题，使整个图更加清晰易读。
在美化树状图时，应注意保持整 体的协调性和美观度，避免过于
花哨或混乱的设计。
03
树状图的应用场景
工作汇报
总结工作成果
树状图可以清晰地展示工作流程 和成果，帮助汇报者总结和呈现
工作情况。
突出重点
通过树状图的结构，可以突出重点 工作和关键节点，使汇报内容更加 聚焦。
便于理解
树状图的层次结构有助于听众更好 地理解汇报内容，快速把握整体情 况。
项目管理
01
02
03
任务分解
树状图可以将复杂的项目 分解成若干个子任务，便 于项目团队更好地分工合 作。
时间安排
通过树状图展示项目各阶 段的进度安排，有助于项 目团队更好地把控时间节 点。
在线协作、实时同步、云存储
详细描述
MindMeister是一款在线思维导图工具，也适用于制作树状图。它支持多人在线协作 ，实时同步编辑，方便团队成员共同创建和修改树状图。同时，MindMeister提供了
云存储功能，用户可以将树状图保存在云端，随时随地访问和编辑。此外， MindMeister还支持多种导出格式，方便用户与其他人分享自己的作品。
信息展示直观
树状图以图形化的方式呈现信息，使得信息更易 于理解和记忆。
支持多级分类
树状图可以展示多级分类信息，适用于对复杂信 息的组织和展示。
缺点
设计难度较大
树状图的设计需要具备一定的美学和设计技巧，否则可能会显得 单调或过于复杂。
不适合展示大量文本
树状图主要用于展示结构化信息，对于大量文本信息的展示可能不 太适合。
数据库原理第7章可视化程序设计
整理ppt
5
7.1.2 类
类是一组对象的属性和行为特征的抽象描述， 是具有共同属性和行为特征的对象集合。
类具有如下特征：封装性、可派生子类、继承 性和隐藏不必要的复杂性等。
在VFP系统中，类就像是一个模版（Template）， 对象是由类生成的，是类的实例。
类定义了对象的公共属性、事件和方法，从而 决定了对象的一般性的属性和行为。VFP系统 提供了29个基类 。
事件集合虽然范围很广却是固定的，用户不能创建新的事 件，然而方法程序集合却可以无限扩展。
整理ppt
8
核心事件（适用于大多数的控件）
事件
事件被激发后的动作
Init
创建对象
Destroy
从内存中释放对象
Click
鼠标单击对象
DblClick
鼠标双击对象
RБайду номын сангаасghtClick 鼠标右击对象
GotFocus
整理ppt
16
3．创建类定义的子类
可以使用两种方法创建用户自定义类的子类： （1）在“新建类”对话框中，如图7.1所示，单 击“派生于”框右边的对话框钮（…），在“打 开”对话框中选择派生新类的父类。 （2）使用Create Class命令
整理ppt
6
VFP系统提供的29个基类
它们可以分为容器类和控件类。 （1）控件类（Control Object Class）：是封
装严密、没有方法程序和不能容纳其他对象。 譬如：文本控件。 （2）容器类（Container Class）：可以包含 其他对象，并且允许访问所包含的对象。譬如： 表单类可以允许添加其他控件到它里面。
enddefine
类定义好了以后就可以由它来创建对象。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
a
b c d
f
g
h
i
j
图7.1 树形数据结构
-3-
第7章 树形可视图形界面
7.1.2 树的存储结构
图7.1
a
双亲表示法 因为树中每个元素的双亲（父节点）是唯一的，因此对 每个元素，将其值（ data) 和一个指向双亲的指针 (parent) 构成一个 元素的节点,再将这些节点存储在向量中。图7.1所示树的双亲表示法 见图7.2。 0 Data: a 1 b 2 c 3 d 4 e
-15-
第7章 树形可视图形界面
第二种方法
获取选中数据的层数、个数、句柄（或索引号）； 获取目标节点的句柄；
将选中数据的父节点修改为目标节点。
实现过程 在进行数据库操作之前要先检查剪贴板中数据是否仍存在，对于 已经不存在的数据要及时删除，然后再进行相应的数据库操作。
7.5.3 拖放操作
适用于被拖动的对象 数据窗口的数据行或数据列 表示数据的图形控件 树形控件或者列表控件中的一个选项 列表框中的选项
第7章 树形可视图形界面
目 录
7.1 树形结构概述 7.2 树形视图 7.3 树形视图数据库设计
7.4 树形视图数据检索
7.5 树形视图数据操作
本章小结
-2-
第7章 树形可视图形界面
7.1 树形结构概述
7.1.1 树的定义
树是n（n≥0）个节点的有限集T， T 为空时称为空树，否则它满足 如下两个条件： 有且仅有一个特定的、称 为根的节点； 其余的节点可分为 m （m≥0 ） 个 互 不 相 交 的 子 集 T1 ， e T2，…，Tm，其中每个子集 本身又是一棵树，并称为 根的子树。 树是一种递归的数据结构，如图 7.1所示。
以通过编辑程序来实现。
-10-
第7章 树形可视图形界面
7.3 树形视图数据库设计
树形视图数据 树形视图中的每个数据项都是一个 TreeViewItem ，而这些树形视 图项只能在程序中逐项加入。 数据库设计的数据结构类型 分层数据结构 分层数据结构是指每层的数据存放在一个数据表 中，有几层就会有几个数据表。它的优点是每层的结构类型可以 自由定义，不必考虑它与其他层是否有相关的属性；缺点是层数 必须是固定的，用户不能自由定义。 单表结构 单表结构是指不管数据处于哪一层，都把它存放在一 个表中。它的优点是用户可以自由定义它的层数，层数是灵活的， 不需固定；它的缺点是用户必须总结出每层数据的所有属性，表 的结构是这些属性的并集。 混合结构 混合结构是指对于某些属性比较雷同的层采用单表结 构实现，而对于属性差异较大的层，采用分层的数据结构存放。 它克服了前两种结构的不足。
0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j ∧ ∧ ∧ ∧ ∧ ∧
1 4 6 8
图7.1
2 5 7 9 ∧ ∧ ∧
3
∧
a
c f g h i d j
b e
图7.3 孩子表示法
-5-
第7章 树形可视图形界面
双亲 - 孩子表示法 在孩子表示法的元素节点中再加上一个双亲域，就 图7.1 a 是双亲-孩子链表表示法。 孩子兄弟表示法 树中每个数据元素存储的节点结构如图 7.4所示，图 中的 data 为该数据元素的信息， left 为该元素的第一个孩子的指针， b c d right 为该元素的右兄弟的指针。图 7.1 所示树的孩子兄弟表示法见图 7.5。
-14-
第7章 树形可视图形界面
第三种方法 查询数据库中的数据项； 标记出发生变化的节点； 更新树形结构中发生变化的节点。 实现过程 按数据排序； 按插入顺序。
7.5.2 剪切操作
实现方法 复制要剪切的选项，粘贴后，删除所选项； 把要剪切选项的父节点改变为目标节点。 实现技术 第一种方法 获取选中数据的层数、数据项数、句柄（或索引号）； 获取选中数据的父节点和目标节点的句柄； 在目标节点下插入选中数据； 删除原父节点下的选中数据。
-16-
第7章 树形可视图形界面
适于作为目标对象
数据窗口 列表框或者下拉列表
表示某个操作的图形控件
命令按钮 树形控件或者列表控件中的选项
希望修改其属性的任何对象
相关拖放概念 拖放属性
拖放事件
拖放技术 拖拉条
-17-
第7章 树形可视图形界面
本章小结
树形数据结构 树形结构数据库设计中的三种类型
7.2.1 层次关系
树形视图的最大优势是能够清晰地显示信息的多层关系以及列表项与 列表项之间的一对多关系。 树形视图层次关系中的每个分支可以带有不同的层次数目。 树形视图以层次结构组织和显示数据，它的每一个单独的数据项都隶 属于一个层次。
-8-
第7章 树形可视图形界面
7.2.2 图标
树形视图中数据项的图标，是指树形视图在显示数据时，每一个数据 项左边的小图形。 图标类型 普通图标（ Normal Picture ） 最常用的图标，显示在数据项的 左边。 选中图标（ Selected Picture ） 当数据项被选中时，显示在数 据项左边的图标。 状态图标（State Picture） 当数据项定义了该图标时，它显示 在普通图标的左边，表示数据项的状态。 覆盖图标（Overlay Picture ） 覆盖在数据项普通图标上的图标， 也用以表明数据项的状态。 图标使用原则 用不同的图标来表示不同的层次； 用不同的图标来表示同一层次中不同类型的列表项； 当数据项状态发生变化时，使用不同的图标加以区分。
-11-
第7章 树形可视图形界面
对应
其 他 关 系
对应
图7.7 数据库设计逻辑模型
-12-
第7章 树形可视图形界面
7.4 树形视图数据检索
SQL语句检索方式 数据窗口检索方式 建立数据窗口对象； 在窗口的数据窗口控件上放置数据窗口对象； 设置数据窗口控件事务对象；
检索数据；
使用检索出来的数据生成树形视图。 数据存储检索方式 声明并初始化一个数据存储，然后把它与一个数据窗口控件关联 起来； 根据需要检索数据； 使用检索出来的数据生成树形视图；
生成树形可视用户界面的两种方法
树形视图数据的操作
-18-
b
c
d
e
5 f
f
6 g
g
7 h
h
8 i
i
9 j
j
Parent: -1
0
0
0
1
1
2
2
3
3
图7.2 双亲表示法 孩子表示法 将每个数据元素的孩子连成一个链表，链表的头指针与 该元素的值存储为一个节点，树中各节点顺序存储，一般根节点的存 储号为0。图7.1所示树的孩子表示法见图7.3。
-4-
第7章 树形可视图形界面
-9-
第7章 树形可视图形界面
7.2.3 交互方式
树形视图可以提供编辑标识、删除项目、展开及折叠分支、对列表项 按字母排序等基本操作，这些不需要通过编程来实现。
通过编辑程序来定制这些基本操作。在与这些基本操作相关的事件中
编写程序，可以对相关操作进行有效性检查，若为非法操作，则拒绝 执行。
其他操作，如增加项目、删除项目以及根据其他条件进行排序等，可
当完成所需操作后清除该数据存储实例。
视图数据操作
7.5.1 刷新操作
实现方法 删除原有的树形结构，插入新的树形结构； 删除原有的树形结构前对树进行标记，然后根据标记使新插入的树 形状态保持不变； 查询数据库中的数据，更新原有的树形结构。 实现技术 第一种方法 删除原来的树形结构； 插入新的树形结构。 第二种方法 插入新的树形结构； 标记原来的树形结构中每个节点的状态； 使新插入的树形结构中节点的状态与原标记的节点状态一致； 删除原来的树形结构。
a b
∧
e
c
∧ ∧ g ∧ ∧
f
d i h
∧
g
h
i
j
∧ ∧
j
∧
∧
e
∧
f
图7.5 孩子兄弟表示法
-6-
第7章 树形可视图形界面
TreeView
7.2 树形视图
ListView
图7.6 树形视图
-7-
第7章 树形可视图形界面
树形视图功能： 显示层次数据之间的关系； 允许用户操作不同层次的数据； 将相互间有联系的数据以树形描绘。 树形视图的特点 以树形节点的形式展开或折叠数据； 每个节点可以用图标和文本标签来描述，其中图标包括普通图标、 被选中的图标、静态图标和覆盖图标等； 标签可以设置为是否允许修改的属性； 可任意选择数据的行数； 支持拖放技术。