1、在axure画布中拖入一个tree控件


2、分别对Item1、Item2、Item3、Item4命名为:色彩、红色、蓝色、绿色。

3、为了好看,可以在文字前方添加上梅花桃心图形(利用搜狗输入法 的特殊符号即可实现)

4、在tree控件的右边,拖入一个矩形框,大小为100 x 100,并将矩形框转换为动态面板,记为d001

5、为d001设置三个状态,分别为红色、蓝色、绿色,并且在每个状态中,拖入对应颜色的矩形框

6、为每个小Item设置点击事件,例如:点击红色,d001切换到状态红色

7、为Item 色彩 设置点击事件,点击,展开树节点

8、至此,所有的准备工作均已完成,赶紧点击预览,看一下自己的杰作吧
