查看: 25302|回复: 9

[其它] 制作带三角形气泡的两种办法

[复制链接]

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
75210
QQ
发表于 2014-4-9 19:26:08 | 显示全部楼层 |阅读模式
尹广磊公众帐号
1. 无边框线的气泡,相对简单,用一个三角形和一个圆角矩形组合在一起即可。
    其中把边框线颜色设为透明,把填充色设为一样的颜色即可。

    001.jpg


2. 带边框线的气泡,较麻烦一些。要利用动态面板的可视区域的特性,
    制作出一个无底边框的三角形出来。
    放一个三角形,然后右键转化为动态面板,然后把三角形底边的那侧的面板边界拖小一些,
    将面板遮住三角形的其中一条边框线。
    然后将该三角形面板放在一个圆角矩形的边缘上层即可。

    002.jpg


3. 为了一起选中和移动方便,可以把三角形和矩形选中,
    然后通过工具栏上的工具编组。快捷键是Ctrl+G



示例下载: 带三角形的气泡.rp (48.94 KB, 下载次数: 588)


提醒事项:

1. Axure7.0矩形自带一个带三角形气泡的形状,
    只是三角形的位置和大小不易调整,还不太灵活。
    当然可以通过旋转图形来解决三角所在的方向。

2. 上面方法2,也可以用白线把三角形的底边框线盖住,只是有隐藏盖不住的感觉。
    还是用上面方法2面板的方法,做的效果更好。

0

主题

3

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2014-4-9 20:13:12 | 显示全部楼层
1# 尹广磊

多谢分享。

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-4-11 15:04:59 | 显示全部楼层
做一个三角 2个矩形  利用层次的遮挡特性就能做出右边框的,

0

主题

2

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-5-29 14:54:14 | 显示全部楼层
有色块的气泡

0

主题

14

回帖

16

积分

会员

Rank: 5Rank: 5

积分
16
发表于 2014-6-9 14:27:24 | 显示全部楼层
1# 尹广磊


请问怎么固定动态面板的宽度呢?三角形一拉大动态面板就变大了,无法做到方法2的效果
梦想进化成女王的女吊丝

0

主题

5

回帖

12

积分

会员

Rank: 5Rank: 5

积分
12
QQ
发表于 2014-7-8 13:21:27 | 显示全部楼层
用自带的向左向右对话气泡,然后旋转90度 或180度 也可达到效果
或者矩形 + 三角形 + 遮挡线条,也能达到效果
QQ截图20140708132009.jpg

0

主题

9

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2014-11-2 10:55:30 | 显示全部楼层
谢谢分享

0

主题

13

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2015-3-20 00:27:56 | 显示全部楼层
感谢分享!!!!!

0

主题

12

回帖

200

积分

会员

丧尸

Rank: 5Rank: 5

积分
200
QQ
发表于 2015-4-14 09:21:08 | 显示全部楼层
3# chenhao0431


是的
人固有一死,何必在意哪种死法

0

主题

8

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2015-7-20 13:30:36 | 显示全部楼层
3# chenhao0431
我也是这么干的,但是感觉不如楼主的第二种方法巧妙啊~
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2024-3-29 14:31

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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