查看: 16926|回复: 5

矩形可选择变化的形状、圆角以及旋转角度(含气泡对话框)

[复制链接]

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74233
QQ
发表于 2015-3-6 14:03:01 | 显示全部楼层 |阅读模式
尹广磊公众帐号
学习目标:

熟悉矩形可以选择变化的形状、圆角以及可以设置的旋转角度,并制作一个气泡对话框。


教程开始:

拖入页面一个矩形,然后见下图,点击矩形右上角的小圆点,可以选择矩形可变化的形状。
其中被鼠标指针选中的图形最为常用。

2015-03-06_14-01-12.jpg


见下图,左右拖动矩形左上角的小黄三角可以设置圆角的弧度大小。

2015-03-06_14-14-04.jpg


见下图,鼠标移到矩形边角,然后按住Ctrl键,然后按住鼠标上下拖动,可以旋转图形角度。
提示:Mac系统下是按住Command键,再拖动鼠标旋转。

2015-03-06_17-29-47.jpg


见下图,旋转角度还有一种按数值输入来指定角度的方式,按下图操作。

2015-03-06_17-33-08.jpg


应用技巧:

见下图,矩形可变化的形状中有一个气泡对话框的效果,只是默认小三角的位置都是在下边。
我们可以通过旋转图形的方式让小三角显示在左边或上边。
提示:当旋转了图形不希望其中的文本也被旋转的话,可以照下图设置一下文本的角度值。

2015-03-06_18-06-46.jpg


示例文件:

矩形形状、圆角、旋转.rp

51.03 KB, 下载次数: 1179

评分

1

查看全部评分

0

主题

27

回帖

110

积分

会员

Rank: 5Rank: 5

积分
110
发表于 2015-3-12 14:49:04 | 显示全部楼层
学习啦

0

主题

17

回帖

433

积分

会员

Rank: 5Rank: 5

积分
433
发表于 2015-7-6 21:54:47 | 显示全部楼层
学习了

0

主题

24

回帖

112

积分

会员

Rank: 5Rank: 5

积分
112
发表于 2015-8-2 11:37:27 | 显示全部楼层
学习矩形可变化的形状,旋转
产品是技术与艺术的结合

0

主题

23

回帖

110

积分

会员

Rank: 5Rank: 5

积分
110
发表于 2016-6-20 11:07:02 | 显示全部楼层
学习了

0

主题

106

回帖

330

积分

会员

Rank: 5Rank: 5

积分
330
发表于 2017-7-20 13:57:57 | 显示全部楼层
get
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-19 23:03

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表