![Axure RP8产品原型设计快速上手指南](https://wfqqreader-1252317822.image.myqcloud.com/cover/363/22651363/b_22651363.jpg)
上QQ阅读APP看书,第一时间看更新
1.6 检查器面板:部件
检查器面板一分二,分为页面和部件。部件面板是对前面提到的部件进行(属性、备注、样式)设置的地方,是实现交互原型效果最核心的区域。
部件属性
如果要查看页面属性与样式,在空白区域单击一下即可。如果要查看一个部件的属性与样式,将其拖动到页面编辑区域,就可以看到该部件的属性、备注、样式设置选项。下图中我们看到是检查器:矩形。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0028_0001.jpg?sign=1739424066-7fpMnCeA1ZDK5roVHdu2MvTZEz0WPsn9-0-03e2f257f31f51325a913c986c23908c)
RP7之后极大地丰富了事件的类型,同时也适当地优化了一些移动端的事件类型和效果。虽然还没有直接表达出手势事件类型,但也算是一种进步。同时不同的部件对应的可以创建的交互事件类型也不相同,拖动一个部件到页面编辑区域,然后点击属性面板,即可查看这个部件拥有的事件类型。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0028_0002.jpg?sign=1739424066-X1W1YqSBntxdv7dNDnVQua0kBmRXjwJb-0-d50da713dd08f1fd9211cb59c01fbd01)
动态面板
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0028_0003.jpg?sign=1739424066-oGvZIhuuw4Ju1t9Z2tANi1J54jM0yIL6-0-40daebc9b8e44b41ecf0c41e3263aa66)
文本框
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0028_0004.jpg?sign=1739424066-HU106musH33e24KeebC7oRMBpncSluQs-0-1286950ce523bea9901f95da12dfb8cf)
复选框
部件备注
在快速原型阶段,往往没有时间在Word中耗时撰写需求文档,更多的时候是在原型中直接进行备注。备注最直接的方式就是将备注加在所属部件上。我们可以根据交互说明需要撰写的维度,添加备注的字段。
STEP 01 拖动一个部件到页面编辑区域,然后单击备注面板。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0029_0001.jpg?sign=1739424066-jro8xIPBu8VSxMbxIaDN3C90CLLo9O2S-0-2498006f4f18e9a5adb272bd3d73ec15)
STEP 02 单击“自定义字段”,打开自定义字段对话框。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0029_0002.jpg?sign=1739424066-NjpcI4Xnx0ukr5aPztRIIkwyuDUWZvuJ-0-dfc36e6146187af1a9d514115ca0dd3f)
在新增注释字段功能中,可以指定注释字段的类型(如Text、选择列表、Number、日期),其中Text(文本)是最直接和常用的类型。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0029_0003.jpg?sign=1739424066-l3sV3X2MeLo20qJR19UIZ7ClxQksIIQt-0-0038f90e5eae24134d8b7c16a0bcde5e)
部件样式
部件样式是设置部件的视觉效果的地方。和部件的属性一样,不同的部件拥有的视觉属性也会略有不同。主要有坐标位置和尺寸大小的设置、标题样式、填充颜色、阴影等样式属性,每个属性的具体效果,会在第2章中详解,这里先了解一下即可。你可以自己一个个尝试,看看具体的设置效果。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0030_0001.jpg?sign=1739424066-brApCk9vWad4uV5VSWDKDMzJb27pXVhQ-0-752c4af27e5e67689d0ddc6003cbe465)
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0030_0002.jpg?sign=1739424066-uyQgD1AuC6S0L1qLgmwcZUeOd4QfHztr-0-34482e4604a7f539a6ef2973fa011bc0)
矩形设置样式效果之后
部件样式区域中的很多属性也可以在工具栏进行设置。Axure RP8中新增了自定义工具栏功能。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0030_0003.jpg?sign=1739424066-XnMHlmIXFAYVE2l1EloNXLu0m8kZnNEz-0-19e4a95133cbc2962cf4183c3b8fc5df)
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0030_0004.jpg?sign=1739424066-W2f56DA4MjxK6iK0Bs3Nuacg44zWJPaT-0-f5c99bd3369b5cf86e4415040c7608fb)