![Axure RP 8.0中文版原型设计从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/334/27563334/b_27563334.jpg)
第4章 画龙点睛
4.1 添加文本链接
案例描述
单击页面中的部分文字超链接,链接到新的页面,如图4-1所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P54_17563.jpg?sign=1739364720-lNlTerdSkcAkByyp7Ve3aonEPU8ppN5Q-0-c45ce1189c703b592f75067c3e75517d)
图4-1 链接到新的页面
思路分析
- ▷ 为文本的部分文字创建连接。
- ▷ 设置“打开位置”为“新窗口/新标签”。
操作步骤
(1)选择“文件”|“打开”命令,打开素材文件夹第4章4.1.rp文件,如图4-2所示。
(2)在左侧“元件库”面板中将“复选框”元件拖入编辑区中,双击并输入“我已阅读并同意《当当交易条款》”,在工具栏中设置x和y分别为275和318,在右侧“属性”面板中选中“选中”复选框,如图4-3所示。
(3)在左侧“页面”面板中选择index,单击鼠标右键,在弹出的快捷菜单中选择“重命名”命令,输入“注册当当网”,如图4-4所示。
(4)用同样的方法将page1页面重命名为“当当交易条款”,如图4-5所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5526.jpg?sign=1739364720-msPDSKSL1vQUyQTMqnQhCuPOK3wVL4uK-0-4808dd82e918a96f148e762f795bb7fb)
图4-2 打开素材文件
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5540.jpg?sign=1739364720-weIBJQLGk2Ouk21LAPJvKhck4zXoisRg-0-e0f5e1894729d3d54bc18d783d79525e)
图4-3 拖入“复选框”元件
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5555.jpg?sign=1739364720-T20fSdshOheUYPsNCdXnPI8JI6xj1Izx-0-0f5feb5d5c9f668783d715a2e47b634d)
图4-4 重命名页面
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5564.jpg?sign=1739364720-4bj392Ewx614kvmx3ZYBvGZBqCKG3cFW-0-c8c6d545137a68f90f652d201a5197bc)
图4-5 重命名页面
(5)双击“当当交易条款”页面,切换至“当当交易条款”编辑区,在左侧“元件库”面板中拖入“矩形1”元件,在工具栏中设置“宽度”和“高度”分别为770和600,“线段颜色”为灰色(#E4E4E4),如图4-6所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P56_5591.jpg?sign=1739364720-eu927wniQgbAfBSb1vzcPDqISIoL9uSg-0-32b2949e66664fcbfbe020d358f3adde)
图4-6 拖入“矩形1”元件
(6)拖入“矩形2”元件,在工具栏中设置“填充颜色”为灰色(#F7F7F7),双击并输入“交易条款”,按住Shift+Ctrl+L组合键设置文字左对齐,单击“样式”标签切换至“样式”面板,设置填充“左”为10,如图4-7所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P56_5607.jpg?sign=1739364720-IZcuaTv2IPQGfGNaX38dWe6T6vnmF4zz-0-034495d4d20fb833d258de6c454290c7)
图4-7 设置“矩形”元件
(7)拖入“文本段落”元件,双击元件删除文本文字,重新输入相应的内容,并设置标题“字体尺寸”为14,“文本颜色”为绿色(#339933),如图4-8所示。
(8)双击“注册当当网”页面,双击“复选框”元件,按住鼠标左键划选需要添加链接的文字,在工具栏中设置“文本颜色”为蓝色(#0066FF),如图4-9所示。
(9)单击“属性”标签切换至“属性”面板,单击“创建连接”超链接,在弹出的面板中选择“当当交易条款”页面,如图4-10所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5631.jpg?sign=1739364720-6ikBfMX9WsZbanaj21dBvd9hgCgoWOuq-0-6bfe215a53094f8be1c7a59adbb64407)
图4-8 输入内容
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5646.jpg?sign=1739364720-PiUsyoeuL4edIHngjnO4HyDOQJhpxISs-0-138cfa2a0e3c8a0a85146f578978af95)
图4-9 设置文本颜色
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5653.jpg?sign=1739364720-uMzNLhcayoJfYmATHclcruGLhYfUz1Xs-0-79f99bc3edc0b444ff8941ca269b4217)
图4-10 创建连接
(10)双击“鼠标单击时”事件下方的“在当前窗口打开当当交易条款”选项,弹出“用例编辑<鼠标单击时>”对话框,在右侧“配置动作”区域设置“打开位置”为“新窗口/新标签”,如图4-11所示。单击“确定”按钮返回至编辑区中。
(11)按Ctrl+S快捷键,以“4.1”为名称保存该文件,然后按F5键预览效果,如图4-12所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P58_5683.jpg?sign=1739364720-Bl8rmTSbIP892S2sC9vF9Fo8IcrF70My-0-e6c7c9ec85064f545ec1bbabe4664770)
图4-11 设置打开位置
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P58_5698.jpg?sign=1739364720-Y5OCen5n2sl3pEJ6I4XJmNOGzdKFu8CA-0-a4fdea118cdd030ec52783d5403a212e)
图4-12 最终效果