【原创】AXURE-组件-006-refresh

作者: duomi88 | 来源:发表于2019-04-02 07:43 被阅读0次
    我是封面

    hi,大家好,我是18岁fantasy,本期小组件为一个模拟手机端的下拉刷新组件,主要用到axure事件的IF和ELSE IF。文章后面提供原件下载。

    显示效果

    显示效果

    实现方式

    1.图层分析。主要用到动态面板,具体如下:

    图层分析

    阴影设置

    2.添加事件。用到鼠标拖动和拖动结束事件。鼠标拖动是动态面板垂直向下移动。鼠标释放时,根据拖动的距离判断是否显示刷新效果。具体如下图:

    拖动时事件:

    拖动时事件

    拖动高度不够,弹回初始状态。

    弹回

    拖动达到一定高度,显示刷新。

    刷新事件

    以上便是本次小组件的全部内容,喜欢就关注我吧。

    原件下载

    链接:https://pan.baidu.com/s/13tfgiWzzz6LFhiJBBOUf_Q

    提取码:yat4

    ~~~

    18岁提示:以上文件完成于axure 8版本。

    点击关注"18岁fantasy",定期会将组件整理成完整文件统一发布。

    原创文章,转载请标明出处。

    相关文章

      网友评论

        本文标题:【原创】AXURE-组件-006-refresh

        本文链接:https://www.haomeiwen.com/subject/qjyvbqtx.html