调整为Axure RP自带的形状—移动互联网之路(5)

发表于:2016-11-17 09:21

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

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

分享:
  实例6
  将矩形元件转换为自定义图形
  教学视频:视频 \ 第 2 章 \ 将矩形元件转换为自定义图形 .mp4
  源文件:源文件 \ 第 2 章 \ 将矩形元件转换为自定义图形 .rp
  实例分析:
  该实例主要讲解的是将矩形元件调整为自定义形状,通过添加锚点调整其形状、曲线和直线,绘制出自定义形状。
  制作步骤:
  01、执行"文件 > 新建"命令,新建一个项目文件,如图 2-94 所示。将"矩形 1"元件拖入页面编辑区内,如图 2-95 所示。
  02、调整矩形元件的位置和方向,如图 2-96 所示。选中矩形元件,单击鼠标右键,在弹出的菜单中选择"转换为自定义形状"命令,如图 2-97 所示。
  提示:用户可以选中元件,按住 Ctrl 键的同时将光标移动到控制点上,当光标变成 时,按住鼠标左键拖曳,即可完成元件旋转操作 , 如图 2-98 所示。
  03、在矩形元件的边框上添加锚点,如图 2-99 所示。拖动锚点,调整锚点的位置,如图 2-100所示。
  04、使用相同的方法,为另一侧添加锚点并调整锚点的位置,效果如图 2-101 所示。继续添加锚点,如图 2-102 所示。
  05、调整锚点的位置,如图 2-103 所示。选中衣领的锚点,单击鼠标右键,在弹出的菜单中选择"曲线"命令,如图 2-104 所示。
  06、效果如图 2-105 所示。单击锚点旁的黄色圆点,调整曲率,最终效果如图 2-106 所示。
本文选自《移动互联网之路—Axure RP8.0网站与APP原型设计从入门到精通》第二章,本站经清华大学出版社和作者的授权。
版权声明:51Testing软件测试网获清华大学出版社和作者授权连载本书部分章节。任何个人或单位未获得明确的书面许可,不得对本文内容复制、转载或进行镜像,否则将追究法律责任。
流程图元件—移动互联网之路(4)
22/2<12
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

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

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

沪ICP备05003035号

沪公网安备 31010102002173号