Axure设置树形结构

Axure(http://www.axurechina.cc/)设置树形结构以生成树状图为实例,而树状图亦称树枝状图。树形图是数据树的图形表示形式,以父子层次结构来组织对象。是枚举法的一种表达方式,我们在中学时代也早已接触过树状图。我们以往在试题上画过,作业本上画过,Excel也可以制作树状图,那么我们用原型设计软件Axure设置树形结构该如何操作呢?

在中文网站下载Axure(http://www.axurechina.cc/download.html)之后,双击启动Axure软件,点击元件库,从元件库中找到“菜单和表格”一栏的组件,下方有一个“树”元件,在元件库中是自带树状菜单组件的,和水平菜单不同,是带有层级关系的,可拖出来使用:

我们可以编辑它的文字,鼠标双击即可选中编辑,比如编辑零食,零食多种多样,如薯片、奶茶和火腿等,如下图所示:

也可以添加树节点,子节点也就是在薯片奶茶等字样下面添加的节点:

零食当然不止这三种,可添加子节点饼干。那么比如我们想在零食下面添加节点,加一个水果,而我们会发现添加水果之后没有那个倒三角,只要我们在水果下面添加一个子节点即可:

也可以在饼干下方添加子节点,比如奥利奥,就有了第三极关系。更多关于元件的使用教程,可以点击文章:Axure动态面板不同状态怎么切换。进行学习。

批注:1.改变字体在上访的工具栏中操作,或者在检视面板中的样式里修改字体颜色,加粗,斜体或者加下划线等。

2.删除的话直接选中delete即可,也可以鼠标右击选择删除节点。

这个交互在Axure软件中是比较简单的,能够实现低保真原型。

以上就是关于Axure设置树形结构的使用方法,如果想要学习更多教程 ,可以去Axure教程(http://www.axurechina.cc/help.html)查看软件教程。

本篇文章分享来源于:http://www.axurechina.cc/help/1263.html

你可能感兴趣的:(Axure设置树形结构)