zoukankan      html  css  js  c++  java
  • 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)

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

     

  • 相关阅读:
    UVA 11149.Power of Matrix-矩阵快速幂倍增
    51nod 1137.矩阵乘法-矩阵乘法
    HDU 4920.Matrix multiplication-矩阵乘法
    HDU 6237.A Simple Stone Game-欧拉函数找素因子 (2017中国大学生程序设计竞赛-哈尔滨站-重现赛)
    HDU 6235.Permutation (2017中国大学生程序设计竞赛-哈尔滨站-重现赛)
    POJ 2226.Muddy Fields-二分图最大匹配(最小点覆盖)
    POJ 3041.Asteroids-Hungary(匈牙利算法)
    HDU 2063.过山车-Hungary(匈牙利算法)
    Codeforces 832 B. Petya and Exam-字符串匹配
    HDU 6038.Function-数学+思维 (2017 Multi-University Training Contest
  • 原文地址:https://www.cnblogs.com/liuxiaoming123/p/15386694.html
Copyright © 2011-2022 走看看