Axure RP 8.0中文版原型设计从入门到精通
上QQ阅读APP看书,第一时间看更新

第4章 画龙点睛

4.1 添加文本链接

案例描述

单击页面中的部分文字超链接,链接到新的页面,如图4-1所示。

图4-1 链接到新的页面

思路分析

  • ▷ 为文本的部分文字创建连接。
  • ▷ 设置“打开位置”为“新窗口/新标签”。

操作步骤

(1)选择“文件”|“打开”命令,打开素材文件夹第4章4.1.rp文件,如图4-2所示。

(2)在左侧“元件库”面板中将“复选框”元件拖入编辑区中,双击并输入“我已阅读并同意《当当交易条款》”,在工具栏中设置x和y分别为275和318,在右侧“属性”面板中选中“选中”复选框,如图4-3所示。

(3)在左侧“页面”面板中选择index,单击鼠标右键,在弹出的快捷菜单中选择“重命名”命令,输入“注册当当网”,如图4-4所示。

(4)用同样的方法将page1页面重命名为“当当交易条款”,如图4-5所示。

图4-2 打开素材文件

图4-3 拖入“复选框”元件

图4-4 重命名页面

图4-5 重命名页面

(5)双击“当当交易条款”页面,切换至“当当交易条款”编辑区,在左侧“元件库”面板中拖入“矩形1”元件,在工具栏中设置“宽度”和“高度”分别为770和600,“线段颜色”为灰色(#E4E4E4),如图4-6所示。

图4-6 拖入“矩形1”元件

(6)拖入“矩形2”元件,在工具栏中设置“填充颜色”为灰色(#F7F7F7),双击并输入“交易条款”,按住Shift+Ctrl+L组合键设置文字左对齐,单击“样式”标签切换至“样式”面板,设置填充“左”为10,如图4-7所示。

图4-7 设置“矩形”元件

(7)拖入“文本段落”元件,双击元件删除文本文字,重新输入相应的内容,并设置标题“字体尺寸”为14,“文本颜色”为绿色(#339933),如图4-8所示。

(8)双击“注册当当网”页面,双击“复选框”元件,按住鼠标左键划选需要添加链接的文字,在工具栏中设置“文本颜色”为蓝色(#0066FF),如图4-9所示。

(9)单击“属性”标签切换至“属性”面板,单击“创建连接”超链接,在弹出的面板中选择“当当交易条款”页面,如图4-10所示。

图4-8 输入内容

图4-9 设置文本颜色

图4-10 创建连接

(10)双击“鼠标单击时”事件下方的“在当前窗口打开当当交易条款”选项,弹出“用例编辑<鼠标单击时>”对话框,在右侧“配置动作”区域设置“打开位置”为“新窗口/新标签”,如图4-11所示。单击“确定”按钮返回至编辑区中。

(11)按Ctrl+S快捷键,以“4.1”为名称保存该文件,然后按F5键预览效果,如图4-12所示。

图4-11 设置打开位置

图4-12 最终效果