Axure常用交互效果七——全屏效果

亲爱的小伙伴，在您观看之前，烦请您关注一下，在此深表感谢！

本节课：全屏效果

效果描述：点击全屏按钮，屏幕适应当前分辨率，点击缩小返回当前状态

应用场景：WEB端、PC端页面适配使用

步骤一：提前准备好两个图标icon，一个放大一个缩小

步骤二：组合页面中所有元件，命名为整体页面

步骤三：添加放大icon的交互，单击时——选择整体页面——设置尺寸（以目标分辨率略小即可，我的分辨率是2560*1600，我设置的全屏尺寸是2050，1080）

接下来设置两个按钮的显示与隐藏，全屏按钮隐藏——缩小按钮显示

步骤四：设置缩小按钮，载入时隐藏，单击时——设置尺寸

步骤四：叠加两个icon，结束

演示效果

明天的产品大咖就是你，创作可不容易啦，大家可别忘了给我点个赞、关注一下呀，谢谢大伙啦！

到这里就实现了本节课的全屏效果，如有更多问题咨询私信我吧！