案例效果
翻转前
翻转中
案例描述
鼠标移入图片时，图片水平向右翻转为另一张图片；鼠标移出图片时，图片向右水平翻转回初始状态。
元件准备
思路分析
操作步骤
01 拖入一个图片元件，导入第一张图片；在图片上点击<鼠标右键>，将其【转换成动态面板】；
02 双击动态面板，点中"State1",右键<重复状态>；这样就出现了一个包含了同样尺寸图片的“State2”；
03 双击状态名称“State2”，进入状态编辑界面导入翻转后的图片；
04 点中动态面板，为其添加【鼠标移入时】事件，并添加动作【设置面板状态】，目标“当前元件”，状态为“下一项(Next)”，{进入动画}与{退出动画}均为“向右翻转”；
05 继续为动态面板的添加【鼠标移出时】事件，添加动作【设置面板状态】，目标“当前元件”，状态为“上一项(Previous)”，{进入动画}与{退出动画}同样为“向右翻转”；
06 完成动态面板的交互后，按下键的同时拖动动态面板，将其复制为4个，然后逐一修改每个面板状态中的图片。
补充说明：
如果需要为案例中的元件命名，可以在复制完成后进行命名，以免命名重复。
完成！