我在画低保真原型的时候，经常是“R”个不停，矩形工具在Axure中可以说是最万能的元件之一，上可画图填文字，下可交互当按钮，甚至有时候会抢了隔壁“热区”大哥的生意。但是这里就出现第一个坑了——元件的上下关系。
示例图
当矩形中含有文字，或有其他icon时，请务必留意这些元件的上下关系（如示例图左侧的概要部分），每个元件在列表中的上下关系也就代表了其在绘图时的上下关系，如果需要对一个矩形进行交互逻辑的编写，可能需要在矩形上面放一个热区并对热区写交互，否则矩形上方的icon或文字会影响交互的触发。有些时候在矩形写完交互逻辑测试后发现“这个按钮怎么不灵呢？时好时坏的”，以为是软件的问题，这时就要注意是不是因为逻辑写在了矩形上，而矩形上方有其他的元件。
两种情况的测试
注意：中继器，动态面板，母版这三个虽然编辑时看起来像有一层绿色或蓝色页面“罩”在上面，实际上预览时不会影响任何点击操作。
红色蓝色仅编辑时显示
此外，对于新手可能会出现一些更简单的问题，诸如“我明明拖进去了啊，怎么找不到这个按钮了？”“怎么拖进去一个键盘把两侧边框都挡住了”这种问题，往往也是通过调整元件的上下关系来解决，通常我们会使用cmd+【 】键以及shift+cmd+【 】来控制元件的上下关系，有时候看起来很麻烦的问题其实就是元件的上下关系造成的，这期谨将我当初学习时遇到的这些情况做一个简单的分享。
——————————————————文章目录——————————————————
Chapter 1
开始前的准备
Chapter 2
开始做吧,初学时懵逼的问题：
Chapter3
实战教程，未完待续...
网友评论