![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=1739561575-5iid6yfMAuVDELY0W7b3eqwzjDvDLQSu-0-d810d6396f94539f3e08d646b96f064e)
图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=1739561575-3zqdbAqZcWl6QtnFoPxJUPnznSZNhbsT-0-e7c4c1afc93cf1b07a833129d6dcaf71)
图4-2 打开素材文件
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5540.jpg?sign=1739561575-KAScN8a3auplA6JZCxQGOdXcencZ7sNU-0-76477494e83238315ee25ba94fcb7cb3)
图4-3 拖入“复选框”元件
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5555.jpg?sign=1739561575-uUr8EW3EvX41eTM1TCesAKp7TDUoPMBy-0-c3073028ca45d0a3471d4122c248a955)
图4-4 重命名页面
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5564.jpg?sign=1739561575-4Ol65etZfyKIhGx2SkXDmGlFvGfIhtmq-0-b08139032494aa1622dacbeb4bdea78f)
图4-5 重命名页面
(5)双击“当当交易条款”页面,切换至“当当交易条款”编辑区,在左侧“元件库”面板中拖入“矩形1”元件,在工具栏中设置“宽度”和“高度”分别为770和600,“线段颜色”为灰色(#E4E4E4),如图4-6所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P56_5591.jpg?sign=1739561575-Rhzd9dQw6PZAvZ5od3O2n0oGbUtHXvZs-0-7027ce5c70bad7455dfa0cecbb3a1a05)
图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=1739561575-5kT5OmY4U8RW2jD6DXqZ7zUREvSliEow-0-774ca2b1c82c0dab6497e0498a1bd2ee)
图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=1739561575-vcQquNiT8o5rAhGZZkfkmMOu1h6pXagK-0-bbe6f9100efa2b73089bcb2ac348f8c7)
图4-8 输入内容
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5646.jpg?sign=1739561575-eFkJhvuPpRPxRBcaVNuXWAf6afgjAKSO-0-c24e547ea015af672efb21a18f383992)
图4-9 设置文本颜色
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5653.jpg?sign=1739561575-Z4G4CsYjmsR3lWB4VJQweUQPHAz1R595-0-4434c94469688bae105d539317381fa0)
图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=1739561575-IcIb1r5l8egi4W7YVMaw903Z2RE0bnqJ-0-712c39187539582a03b119716859c924)
图4-11 设置打开位置
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P58_5698.jpg?sign=1739561575-sUrkTW3Wloul5d0M66B8zkyhd1vAj7zo-0-c499fe146a5d3e2dd64742d771ef4cdb)
图4-12 最终效果