3、Axure 8案例:点击按键弹出/隐藏菜单教程

目录

1、添加元件

2、隐藏菜单分组

3、给按键添加点击事件

4、预览效果

图1、点击按键弹出/隐藏菜单效果图


一、添加元件

从元件库中拖动元件到画布:添加按键、菜单背景图、三个菜单文本,如下图2画布所示;

二、隐藏菜单元件

1-2、选中“菜单背景图、三个菜单文本”,设为一组;

3、并设置分组名称为“菜单”,设置名称是方便在大量元件中快速查找到我们需要的元件组(这是个好习惯,请注意);

4-5、勾选“样式”界面的隐藏按键;

图2、点击按键弹出/隐藏菜单教程步骤1


三、给按键添加点击事件

1、单击选中按键;

2、在界面右侧边栏选中“PROPERTIES”(属性);

3、双击add case 下的“OnCLick”,显示时间编辑界面;

图3、点击按键弹出/隐藏菜单教程步骤2

4、如下图,点击“Widgets”》“show/hide” ;

5、在右边栏勾选步骤二中命名的“菜单”;

6-7、勾选“Visibility”》“Toggle”(切换效果-在显示与隐藏之间切换),然后完成设置。

图4、点击按键弹出/隐藏菜单教程步骤3

四、预览效果

图5、点击按键弹出/隐藏菜单教程步骤4
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。