Axure交互-鼠标移入移除显示与隐藏

时间:2024-05-21 14:10:03

Axure交互-鼠标移入移除显示与隐藏

1.场景描述

画布布局为两个元件,按钮和图片。通过对按钮添加交互实现鼠标移入时图片显示,移出按钮时图片隐藏。

2.新增按钮移入移出交互

2.1.添加两个元件

Axure交互-鼠标移入移除显示与隐藏

2.2.按钮添加移入效果

  • 点击按钮–选择交互添加鼠标移入时动作
    Axure交互-鼠标移入移除显示与隐藏
  • 添加触发事件为显示/隐藏
    Axure交互-鼠标移入移除显示与隐藏
  • 依次设置图片、显示、动画效果点击确定
    Axure交互-鼠标移入移除显示与隐藏

2.3.按钮添加移出效果

  • 点击按钮–选择交互添加鼠标移出时动作
    Axure交互-鼠标移入移除显示与隐藏
  • 添加触发事件为显示/隐藏
    Axure交互-鼠标移入移除显示与隐藏
  • 依次设置图片、隐藏、动画效果点击确定
    Axure交互-鼠标移入移除显示与隐藏

2.4.设置图片默认为隐藏状态

  • 选中图片–点击隐藏
    Axure交互-鼠标移入移除显示与隐藏

3.发布预览

Axure交互-鼠标移入移除显示与隐藏