收藏
评论

微信朋友圈选图效果

中秋快乐,帮社区里的小伙伴写的选图效果,仿造的微信朋友圈选图,长按拖动排序主要是用交互监听来实现的。还有几个需要处理的地方。另外在真机上的动画速度总感觉快那么一丢丢。没做预览图,详情见代码片段咯。安卓机效果没试过。。

今天是9月23,这两天接受定制改动~

第一次发经验分享。。轻点喷。。

哦,对了,这里 wx.createSelectorQuery 有个bug。。如果选择的基础库版本在2.0.9以上,第一次打开开发者工具,要先直接点一次编译,不然会出错。。真机上没问题


代码片段:wechatide://minicode/RFLmzDmL7I2a


有小伙伴反馈,在片段上面增加内容会乱位,是因为没计算顶部偏移量,方便懒人,完善了下

新的片段:wechatide://minicode/fOTEM3mI7l3B


终于拿到安卓机器试了,果然卡得很。。要控制频率。这很尴尬,太频繁的话,安卓会卡,太不频繁呢,刚开始移动那阵子会卡。。有同学反馈,说点快了会出问题,于是又加了点击频率的限制

现在的代码片段:wechatide://minicode/xBDdCom17R3c(要重新拿安卓机测试了再看看。。)


附上gif:


最后一次编辑于  2018-10-24
收藏

24 个评论

  • 2018-09-29

    哪都能看到你

    2018-09-29
    赞同
    回复 3
    • 卢霄霄
      卢霄霄
      2018-09-29

      哎。。最近有群疯子。。跟我一样的昵称和头像,到处留言

      2018-09-29
      回复
    • 2018-09-29

      无形装逼,最为致命,悠着点老表😆

      2018-09-29
      回复
    • 卢霄霄
      卢霄霄
      2018-09-29回复

      扶我起来。。我还能。。继续。。装下去

      2018-09-29
      回复
  • 会飞的鱼
    会飞的鱼
    2018-09-26

    楼主有没有朋友圈视频剪辑的demo

    2018-09-26
    赞同
    回复 2
    • 卢霄霄
      卢霄霄
      2018-09-26

      没写过,脑海里过了下。不好写。。需要后端协助。。最后生成剪辑后的视频也最好用后端来完成,毕竟不同格式的视频存储格式不一样。这个。。还是可以期待一下官方完善 wx.chooseVideo的

      2018-09-26
      1
      回复
    • 会飞的鱼
      会飞的鱼
      2018-09-26回复卢霄霄

      好的 谢谢

      2018-09-26
      回复
  • 范禀坤
    范禀坤
    2018-09-25

    可以啊, 大佬啊

    2018-09-25
    赞同
    回复 1
    • 卢霄霄
      卢霄霄
      2018-09-25

      movable-view应该实现比较类似~ 你实在坚持,可以试试。主要也是要用相交状态的监听。

      2018-09-25
      1
      回复
  • 平常心
    平常心
    2018-09-25

    真的很强!    大佬可以拉个群么~

    2018-09-25
    赞同
    回复 15
    • 卢霄霄
      卢霄霄
      2018-09-25

      额。。要做啥?社区就是我的群啊。。

      2018-09-25
      1
      回复
    • 平常心
      平常心
      2018-09-25回复卢霄霄

      想用你的demo扩展Sortable.js的功能

      2018-09-25
      回复
    • 卢霄霄
      卢霄霄
      2018-09-25回复平常心

      请随意使用,需要帮忙的话,可以来社区喊我

      2018-09-25
      2
      回复
    • 平常心
      平常心
      2018-09-25回复卢霄霄

      太谢谢你喽 :)

      2018-09-25
      回复
    • 西赛德李
      西赛德李
      2018-09-26回复卢霄霄

      23333333    “社区就是我的群” 是最骚的

      2018-09-26
      回复
    查看更多(10)

正在加载...

登录 后发表内容