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)

动态面板(新增编辑-新增/编辑)

 

 

 

 

posted @ 2021-10-09 17:09  霜井  阅读(1127)  评论(0编辑  收藏  举报