尹广磊 发表于 2014-4-9 19:26:08

制作带三角形气泡的两种办法

1. 无边框线的气泡，相对简单，用一个三角形和一个圆角矩形组合在一起即可。
    其中把边框线颜色设为透明，把填充色设为一样的颜色即可。

   


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

   


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



示例下载：


提醒事项：

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

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

Bestend 发表于 2014-4-9 20:13:12

1# 尹广磊

多谢分享。

chenhao0431 发表于 2014-4-11 15:04:59

做一个三角 2个矩形利用层次的遮挡特性就能做出右边框的，

zhujianzhe 发表于 2014-5-29 14:54:14

有色块的气泡

蓝色sun2012 发表于 2014-6-9 14:27:24

1# 尹广磊


请问怎么固定动态面板的宽度呢？三角形一拉大动态面板就变大了，无法做到方法2的效果

juan1205 发表于 2014-7-8 13:21:27

用自带的向左向右对话气泡，然后旋转90度 或180度 也可达到效果
或者矩形 + 三角形 + 遮挡线条，也能达到效果

Gloria 发表于 2014-11-2 10:55:30

谢谢分享

echo81 发表于 2015-3-20 00:27:56

感谢分享！！！！！

郭中涛 发表于 2015-4-14 09:21:08

3# chenhao0431


是的

xcnbnb 发表于 2015-7-20 13:30:36

3# chenhao0431
我也是这么干的，但是感觉不如楼主的第二种方法巧妙啊~
页: [1]
查看完整版本: 制作带三角形气泡的两种办法