Axure实现弹框周围遮罩效果

     

　　每一次我都惊叹知识的浩瀚和多彩。在IT这个所做即所得的世界里，很容易获得成就感，当然也时时刻刻活在对大神的膜拜之中。就以这次的原型图制作来说，我们遇到了很多的问题，自己实现了很多功能。但是今天晚上大家对自己原型图的演示和分享之中，又让我感叹Axure功能的强大。下面就用遮罩，这个功能来说吧，它是如何实现的，这花了小编将近5个小时的时间，中间抓耳挠腮，心急火燎，然后做出来之后恍然大悟，拍手叫好。这其中的心情想必大家都经历过，废话不多说，下面来看

　　实现效果：

　　  就是出来一个提示框，然后界面中除了提示框之外的地方都成灰色，不可编辑状态。

　　步骤：

             step1：在编辑区拖入一个矩形框，右击——转换为动态面板

　　step2：双击设置动态面板的名称

　　step3：双击state1 编辑状态。设置填充颜色

      填充的颜色根据大家的喜好来设置，然后为了出现模糊的效果，我们要设置这个面板的透明度（根据自己的喜好）

　　step4：然后再在页面内拖入你要显示的提示框，按照步骤1，步骤2设定。完成之后再将页面中的按钮设置  单击鼠标时——>显示遮罩层和提示框。

 　　点击确定，即可出现遮罩的效果。 

　　总结：

　　　　其实在Axure6.5版本之后，软件升级，将这个效果封装成了以上图中更多选项中的灯箱效果，大家可以不必这么麻烦去做着个遮罩了呢。继续学习，继续发现好玩的东西~