Axure9教程
1.注释:
效果:
实现:
2.多情形按钮、鼠标悬停
效果:
实现:
a)多情形按钮:新建交互--单击时--添加情形--情形命名--打开链接--设置链接页面
b)添加鼠标悬停样式:新建交互样式--鼠标悬停样式--设置填充颜色、字号、字色(可点击更多样式选项设置更多)
3. 内联框架:
效果:
实现:
a)选择一个内联框架
b)选择一个元件--新建交互--单击时--添加动作--指定内联框架--链接到指定页面
4.左侧菜单展开/收起状态
效果:
实现:
a)左侧菜单动态面板 -- 展示框test -- 展开/收起按钮
b) 新建交互--单击时--添加动作--设置选中--当前元件为切换
新建交互--选中--添加动作--设置面板状态-- 左侧菜单动态面板收起状态 --添加动作--设置尺寸--尺寸加锚点--fx--插入变量和函数--窗口[[Window.width - 180]] --线性(200ms) --添加动作--移动--经过(-116x)--线性(200ms)
新建交互--选中--添加动作--设置面板状态-- 左侧菜单动态面板展开状态 --添加动作--设置尺寸--尺寸加锚点--fx--插入变量和函数--窗口[[Window.width - 0]] --线性(200ms) --添加动作--移动--经过( 116x)--线性(200ms)
5. 左侧菜单:子菜单的展开与收起
效果:
实现:方法一:
a)父菜单按钮--子菜单MM5(设置隐藏)
b) 新建交互--单击时--添加动作--设置选中--当前元件为切换
新建交互--选中--添加动作--设置面板状态-- 显示隐藏子菜单动态面板--显示--推动元件--下方--线性(200ms)
新建交互--选中--添加动作--设置面板状态-- 显示隐藏子菜单动态面板--隐藏--拉动元件--下方--线性(200ms)
实现:方法二:
a)采用动态面板状态变更来实现
b)新建交互--单击时--添加动作--设置面板状态--推动和拉动元件--下方
注:该方法二使用时,当有多个下拉菜单时(不要先把第二个下拉菜单转为动态面板,因为这样会导致下拉推动元件效果失效)则需要按照顺序,先第一个设置好后,再将第二个下拉菜单转为动态面板,一定要按照顺序进行操作。
6. 设置弹窗居中展示
效果:
实现:
a)动态面板--弹出框
b)新建交互--单击时--添加动作--显示/隐藏--显示--更多选项--置于顶层--灯箱效果
7.启用/禁用
效果:
实现:方法一:
a) 文字“启用” :元件名称为 kaiqi
文字“禁用”:元件名称为 guanbi
图形 圆圈,元件名称为 shang1
图形 按钮,元件名称为 xia1
b) 新建交互-- 单击时--添加情形--添加条件--选中状态--添加动作--显示隐藏(移动)--添加交互样式--元件选中样式
8.弹窗展示
效果:
实现:
a)
动态面板(新增编辑-新增/编辑)