![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=1738972001-D59Ufa4e7dkEOkhlBJdvTJpyUfGRj2LI-0-312219e96cd47559930fb33eda3b5c23)
图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=1738972001-AeyEZay8xF4tyHW64sZ2BuniJs8BFVkL-0-7243f43c22e4ff1310a6a6eb345c3326)
图4-2 打开素材文件
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5540.jpg?sign=1738972001-uihRIFrg10Pbww34XxqSbeF0pABQx8M9-0-ca3a26f8364369233efbfe72c1e098e3)
图4-3 拖入“复选框”元件
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5555.jpg?sign=1738972001-zGNudLrMmbU1j8iYvbqACcvopcVRUDK3-0-9576821850740b19167f876ab06dd1a6)
图4-4 重命名页面
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P55_5564.jpg?sign=1738972001-waQse2ZRT7CeUMy5xLTEB5g6wK8bXAq7-0-2269b4b028d34285b9a28e74bf3bea2c)
图4-5 重命名页面
(5)双击“当当交易条款”页面,切换至“当当交易条款”编辑区,在左侧“元件库”面板中拖入“矩形1”元件,在工具栏中设置“宽度”和“高度”分别为770和600,“线段颜色”为灰色(#E4E4E4),如图4-6所示。
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P56_5591.jpg?sign=1738972001-pN9YVkCkvKKhcH4vSRpZkFmiQpFT83Xq-0-6f889ec290ca1b147d87443f9c347396)
图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=1738972001-5d7Ib0cPXy9qzbxhvvK25QRGPs8TQ3Aw-0-e80b571c47c022d9de6a9d9a76458f43)
图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=1738972001-0gbVuN0zRVjVEFemi0SpKCnfq8Db9y14-0-509767c9c0e3735a56bb774f735fc28d)
图4-8 输入内容
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5646.jpg?sign=1738972001-RG5VDNyM3DaMHFmMwn96qNMbi2XWoYXS-0-e241008baf9195265f10dc77be28cc0d)
图4-9 设置文本颜色
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P57_5653.jpg?sign=1738972001-aWtmZF91uuqtNJScy6SM3Hl2ZA3C7Of4-0-0c16313b2c8ed19cec8ef9a99229a2b8)
图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=1738972001-JFWlzZNkWYhBTdTLasrB58U7QrkyMStH-0-4b090b34ffbc5321289bf5e6db3378db)
图4-11 设置打开位置
![](https://epubservercos.yuewen.com/3DA301/15825992405222006/epubprivate/OEBPS/Images/Figure-P58_5698.jpg?sign=1738972001-ARWHd1FLTHuJqcLJXHB8J8QciZ4k3SDN-0-f05bffa6c395baab14743fab4358c1c6)
图4-12 最终效果