• [Axure RP] – 鼠标滑入按钮时自动下拉表单的设计示例


    转:http://blog.qdac.cc/?p=2197

    Axure RP 是个好东东呀,大大方便了程序员与客户之间的前期调研时的交流。不过有一些控制并没有鼠标移入和移出的操作,比如 HTML 按钮,为了模拟鼠标移入或移出时动态显示下拉列表啥的效果,我们使用了动态面板来做处理。当然了,条条大路通罗马,这条大路也许不是最佳的,仅供参考。

    1、拖一个动态面板到编辑区;

    2、双击添加一个状态,我们命名为“正常”,以代表鼠标没有滑过时的状态;

    3、双击“正常”状态,进入正常状态编辑页面;

    4、在动态面板的正常状态编辑页面放置一个 HTML 按钮,左上都留下一点空间,然后记录下尺寸,我的是110×30;

    5、回到原页面,将动态面板的大小调整为和按钮差不多,周围略有空隙;

    6、再次双击动态面板,复制“正常”这个状态为新的状态,命名为“划过”;

    7、双击”鼠标滑入“状态”,进入“划过”状态编辑页面;

    8、修改 HTML 按钮的标题为 “鼠标划过”;

    9、添加一个表格位于按钮的正下方,模拟弹出的表单;

    10、记录下“鼠标滑入”状态的面板尺寸,比如我的是 300×120;

    11、回到原始的动态面板编辑页面,然后选择动态面板,在右侧的“部件交互与注释”部分,选择更多,找到鼠标移入和鼠标移出,分别设置用例:

    • 鼠标移入
      • 设置面板状态为“划过”;
      • 设置面板大小为300×120;
    • 鼠标移出
      • 设置面板状态为“正常”;
      • 设置面板大小为110×30;

    RP_MouseMove

    12、好了,现在看下运行效果。

    Rp_DropDown【注意】如果下面按钮下面有其它控件,表格可能会被遮住,那么只需要在鼠标滑入事件中设置一项让动态面板置顶操作就好了。

  • 相关阅读:
    sqlchemy self made
    scrapy 自定义图片路径保存,并存到数据库中
    关于scrapy下载文件重命名的办法以及对应url没有文件后缀的办法
    下载转码
    scrapy 下载图片 from cuiqingcai
    Scrapy框架学习
    字符串处理
    scrapy 日志处理
    sqlalchemy多对多查询
    sqlalchemy 多对多关系
  • 原文地址:https://www.cnblogs.com/ygm900/p/4564934.html
Copyright © 2020-2023  润新知