使用Axure rp 8设计图标的树状菜单的方法

使用Axure rp 8设计图标的树状菜单的方法

Axure 8 RP设设计网页原型的时候,想要设计一个树状菜单,该怎么设计并添加图标呢?下面我们就来看看详细的教程。

使用Axure rp 8设计图标的树状菜单的方法

1、选择适当的编辑区域,拖入树状菜单

使用Axure rp 8设计图标的树状菜单的方法

2、右键菜单,选择第一个,编辑树属性,选择显示图标的形式,这里有两种,第一种,可设置展开和未展开两种。第二种只有一种样式。

使用Axure rp 8设计图标的树状菜单的方法

3、第一种形式,打上对勾,导入图片或选择+/-,三角形即可实现图标样式,我们这里选择的是三角形,以此类推,后面的也可以用这种形式。

使用Axure rp 8设计图标的树状菜单的方法

4、第二种形式,在第二个复选框打上对勾,第一个复选框取消对勾,点击确定,此时会没有图标。

使用Axure rp 8设计图标的树状菜单的方法

5、右键菜单,选择第四个,编辑图标按钮,点击导入,导入需要的图片,根据需要选择需要应用的情况,同级节点还是当前节点等,点击确定,出现图标。

使用Axure rp 8设计图标的树状菜单的方法

6、根据需要选择类型即可。

以上就是Axure RP 8设计漂亮的树状菜单的教程,希望大家喜欢,请继续关注路饭。