钢笔工具—移动互联网之路(6)

发表于:2016-11-18 09:14

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:杨阳    来源:51Testing软件测试网原创

#
APP
分享:
  2.6  钢笔工具
  在 Axure RP 8.0 中新增了一个用于绘制自定义图形的工具--钢笔工具。使用钢笔工具可以绘制图标、图表和弯曲的箭头等各种图形。所绘制的自定义图形是矢量图,用户在制作元件时,可以使用自定义图形替换原先的图形,实现更自由的自定义操作。
  2.6.1 使用钢笔工具绘制图形
  单击工具箱中的钢笔工具或者使用快捷键 Ctrl+4,可以开启自定义图形的绘制。在页面编辑区单击鼠标,放置自定义图形的起始点,如图 2-107 所示。
  将鼠标移动到下一个位置并单击,在该位置添加新的锚点,当单击增添一个新锚点的同时,对其单击并进行拖动,则会得到一条曲线,如图 2-108 所示。
  如果要完成这个图形的绘制,需要单击图形的初始点。当鼠标放置在初始点位置时,会出现一个红色的矩形,如图 2-109 所示。
  提示:如果要在开放路径中结束绘制,则需要按 Esc 键或者双击设计区域内除了初始点以外的任何位置。
  2.6.2 转换锚点类型
  使用钢笔工具可以绘制直线路径和曲线路径,直线路径上的锚点称为直线锚点,曲线路径上的锚点称为曲线锚点。
  选择一个直线锚点,如图 2-110 所示。单击鼠标右键,在弹出的菜单中选择"曲线"命令,该直线锚点会转换为曲线锚点,效果如图 2-111 所示。直接双击锚点也可以实现直线锚点和曲线锚点的转换。
  同理,选择"直线"命令,可以将一个曲线锚点转换为直线锚点。选择"删除"命令,可将当前锚点删除。
  2.6.3 使用钢笔工具编辑图形
  在图形绘制完成之后,用户会退出钢笔工具模式,但是用户仍然可以对图形中的锚点进行编辑。
  如果要绘制另外一个自定义图形,再次单击钢笔工具图标即可。
  使用钢笔工具绘制图形,如图 2-112 所示。在路径上单击鼠标,即可添加锚点,如图 2-113 所示。
  用鼠标拖动锚点可以调整图形的形状,如图 2-114 所示。在锚点旁边有两个可以进行曲率调整的黄点,拖动黄点可以调整曲率,如图 2-115 所示。
  提示:这里的钢笔工具和 Photoshop 中的钢笔工具相比,其使用方法很相似。
  实例7
  使用钢笔工具绘制眼睛
  教学视频:视频 \ 第 2 章 \ 使用钢笔工具绘制眼睛 .mp4
  源文件:源文件 \ 第 2 章 \ 使用钢笔工具绘制眼睛 .rp
  实例分析:
  该实例主要使用钢笔工具绘制简单的形状,并为形状添加样式。钢笔工具是 Axure RP 8.0 中新增加的工具,可以绘制出各种需要的形状。
  制作步骤:
  01、执行"文件 > 新建"命令,新建一个项目文件,如图 2-116 所示。在 page1 页面中,使用钢笔工具绘制形状,如图 2-117 所示。
  02、选中绘制的形状,单击形状右上角灰色的圆点,如图 2-118 所示。在弹出的面板中选中要改变的形状,如图 2-119 所示。
  03、效果如图 2-120 所示。在"检视:形状"面板的"样式"标签内,调整形状填充的颜色、边框粗细和边框颜色,如图 2-121 所示。
  04、调整形状的位置和大小 , 效果如图 2-122 所示。使用钢笔工具继续绘制形状,如图 2-123 所示。
  05、使用相同的方法为形状设置样式,效果如图 2-124 所示。将所绘制的形状全部选中,重复复制粘贴,并调整其大小,最终效果如图 2-125 所示。
本文选自《移动互联网之路—Axure RP8.0网站与APP原型设计从入门到精通》第二章,本站经清华大学出版社和作者的授权。
版权声明:51Testing软件测试网获清华大学出版社和作者授权连载本书部分章节。任何个人或单位未获得明确的书面许可,不得对本文内容复制、转载或进行镜像,否则将追究法律责任。
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号