Axure RP 8制作小僵尸

本文详细介绍了如何使用动态面板在Adobe Animate中构建交互式界面,包括步骤一至六,涉及矩形布局、图片动态切换、鼠标交互触发状态转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

步骤一:

绘制一个300*300的矩形,右键转换为动态面板,添加面板。如下图所示;

 

 

步骤二:

    双击动态面板1,绘制两个矩形左右靠在一起,设置宽度300,高度50,在绘制一个矩形宽300,高250,点击样式边宽可见性按照下图的边框隐藏和显示。添加四张图片,把图片导入后设置宽高100*100,按位置排好,添加图片元件宽高150*150,设为隐藏,且命名。

 

步骤三:

    双击动态面板2,绘制两个矩形左右靠在一起,设置宽度300,高度50,在绘制一个矩形宽300,高250,点击样式边宽可见性按照下图的边框隐藏和显示。添加一张图片,图片左上有个小三角拉到50,图片就变圆了,再用文本标签把简介和爱好写上去,如下图所示;

 

步骤四:

    点击动态面板1,点击第二个矩形,添加交互鼠标单击时,设置动态面板为state2,把添加进来的图片都右键转换为动态面板,点击图片添加交互,拖动时移动这张图片就是当前元件,添加拖动结束时,移动当前元件,设置图片导入你当前的图片,显示你命名的那张图,剩下的三张图也是如此,如下图所示;

 

步骤五:

    选中显示你命名的那张图,添加交互鼠标单击时,隐藏当前元件,如下图所示;

 

步骤六:

    点击动态面板2,点击第一个矩形,添加交互鼠标单击时,设置动态面板为state1。如下图所示;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值