uialertview 图片_Axure实现TopAlertView效果

软件开发中，经常会用到TopAlertView效果，作为提示，那么怎么在Axure中实现这一效果呢？

在Axure画布中拖入一个手机框，并在手机框中，拖入四个矩形，大小为100x30，将矩形转化为圆角，并设置阴影效果。       为四个矩形分别命名：info、Success、warning、error

为四个矩形设置点击效果，鼠标点击时，字体变大，并加粗

在手机框顶部拖入一个动态面板，大小为310x50，命名为TopAlertView，为TopAlertView设置四个状态，分别为：info、Success、warning、error

分别在四个状态中添加不同的效果图片，如图所示

1、为info按钮设置点击事件，当点击info按钮时，设置info按钮本身左右摆动。 2、设置TopAlertView动态面板显示，状态为info，同时动态面板具有向下滑动和斜着摆动两种属性3、Success按钮和info按钮的点击事件基本相同

1、移动wraning按钮相对位置为(5,0)，摆动500ms2、等待100毫秒3、移动warning相对位置为(-5,0)，摆动500ms4、显示TopAlertView淡入淡出100ms5、设置TopAlertView状态为warning6、移动TopAlertView相对位置为(10,4)摆动100ms7、等待100ms8、移动TopAlertView相对位置为(-10,4)，摆动100ms9、显示warn01弹出效果(warn01为带有叹号的小图标，一开始默认为隐藏)