收藏
回答

请教for循环animation的问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug animation 客户端 iOS 6 2

请教,我想通过for循环,把animation分别绑定到对象上,该怎做?


目前我按如下方法尝试,但似乎没有效果


<view class='replyPieceAll' wx:for='{{arr_replyL}}' animation="{{arr_an}}"  style='transform:rotate({{arr_replyL[index].angle}}deg); transform-origin:{{needLeft}}rpx 20rpx;'>




this.data.arr_an[0].opacity(0).step();

this.setData(

{

    arr_an: this.doAn(),

}

doAn:function ()

{

    this.data.arr_an[0].opacity(0).step().export();

    return this.data.arr_an

}


回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2018-07-24


    2018-07-24
    有用
    回复 4
    • 图猫
      图猫
      2018-07-25

      setData这里怎么写呢?没反应


      item.animation.opacity(0).step().export()

      this.setData(

          {

              pels:this.data.pels 

          }

      )


      2018-07-25
      回复
    • 卢霄霄
      卢霄霄
      2018-07-25回复图猫

      我只是写法例子。。不是可以用的代码啊。。我给你写个可以直接用的吧,稍等

      2018-07-25
      回复
    • 图猫
      图猫
      2018-07-25回复卢霄霄

      谢谢您

      2018-07-25
      回复
    • 卢霄霄
      卢霄霄
      2018-07-25回复图猫
      let animationArray = []
      Page({
          data: {
              array: [1,2,3],
              animationArray: []
          },
          onLoad: function() {
              this.data.array.forEach(()=>{
                  let animation = wx.createAnimation({
                      duration: 500
                  })
                  animationArray.push(animation)
              })
          },
       
          tapFn: function(e) {
              let index = e.currentTarget.dataset.index
              this.data.animationArray[index] = animationArray[index].translate(100,100).step().export()
              this.setData({
                  animationArray: this.data.animationArray
              })
          }
      })
      <view style='width:100%;height:100%'>
          <block wx:for="{{array}}" wx:key="index">
              <view style="width:50rpx;height:50rpx;background:red;border:1rpx solid green"
                  data-index="{{index}}" bindtap="tapFn" animation="{{animationArray[index]}}"></view>
          </block>
      </view>

      粘贴代码会有些莫名其妙的空格,注意清除哈。。

      2018-07-25
      回复
登录 后发表内容