RubyMotion으로 이미지를 바운스하기 위해 CAKeyFrameAnimation (또는 다른 것)을 사용합니다.

Question

저는 Core Animation을 처음 사용하고 RubyMotion을 처음 사용합니다 (1 월부터 Xcode에서 Obj-C로 작업 해왔음). AppLabel이 필요합니다 (AppAppearance.rb라는 파일에 png가 지정되어 있지만 모든 애니메이션은이 파일에 있습니다). 지금은 animateWithDuration을 사용하고 있지만 레이블이로드 될 때 왼쪽으로 약간 바운스해야합니다. 이것에 대한 가능한 모든 도움은 매우 감사 할 것입니다, 나는 하루 종일 서클에서 돌아 다녔습니다. 나는이 코드를 사용하려고합니다 : bounce an image in to view과 내가 CAKeyFrameAnimation에서 찾을 수있는 것이지만 Obj-C를 Ruby로 변환하려고합니다. 감사!

class AppLabel < UILabel 
#------------------------- 


    DefaultHeight =     45 
    DefaultWidth =     170    


    def initWithFrame(frame) 
    #------------------------- 

    if (super(frame)) 


     @showing = false 
     @hiding = false 


     self.size.width = 170 if self.size.width == 0 
     self.size.height = 46 if self.size.height == 0 

     self.backgroundColor = AppAppearance.appLabelBackgroundColor 
     self.font = AppAppearance.fontWithSize(14) 
     self.textColor = AppAppearance.appLabelTextColor  

     self.numberOfLines = 2 


    end 

    self 

    end 


    # 
    # method. drawTextInRect 
    # 
    def drawTextInRect(rect) 
    #------------------------- 


    rect.origin.x += 10 
    rect.origin.y += 2  
    rect.size.width -= 30 

    super(rect) 

    end 

    # 
    # method. show 
    # 
    def show 
    #------- 

    if ((self.hidden? || self.alpha < 1) && !@showing) 

     if self.hidden? 

      self.alpha = 0.0 
      self.hidden = false 

     end 

     @showing = true 

     UIView.animateWithDuration(
     1.0, 
     animations: lambda do 
      self.alpha = 1.0 
     end, 
     completion: lambda do | finished | 
      @showing = false 
     end 
    )   

    end 

    end 

    # 
    # method. hide 
    # 
    def hide 
    #------- 

    unless (self.hidden? || self.alpha == 0 || @hiding) 

     log('hiding') 

     @hiding = true 

     UIView.animateWithDuration(
     1.0, 
     animations: lambda do 
      self.alpha = 0.0 
     end, 
     completion: lambda do | finished | 
      self.hidden = true 
      @hiding = false 
     end 
    )   

    end 

    end 

end 

Answer 1

Procs는 아마도 과장 될 수 있습니다. 타이밍이 완벽하지는 않지만 그로부터 작업 할 수 있다고 확신합니다.)

# view: The view to animate 
# attrs: 
# times: How many times the view should bounce 
# offset: The distance to the left of the furthest (first) bounce 
# change: How much to decrement the offset each bounce 
# duration: The duration of the furthest (first) bounce 
def bounce(view, attrs={times: 4, offset: 20, change: 5, duration: 0.25}) 
    # The points to animate the view to 
    @points = [] 

    attrs[:times].times do |n| 
    new_x = view.position.x - (attrs[:offset] - n * attrs[:change]) 
    # Move the point left, then back to the original position 
    @points << [new_x, view.position.y] 
    @points << view.position 
    end 

    # An array to hold the blocks containing the animations 
    @animations = []; 

    # Needs an animation to move away then back 
    (attrs[:times] * 2).times do |n| 
    new_dur = (Float(attrs[:change])/Float(attrs[:offset])) * (attrs[:times] * 2 - n) * attrs[:duration] 
    # Add a new movement to the animations array 
    @animations << Proc.new { 
     UIView.animateWithDuration(new_dur, 
     delay: 0, 
     #Ease out when moving away and in when moving back 
     options: (n % 2 == 0 ? UIViewAnimationCurveEaseOut : UIViewAnimationCurveEaseIn), 
     animations: lambda { 
      # Animate the view to the position at the start of the points array 
      view.position = @points.first 
     }, 
     completion: lambda { |completed| 
      # Remove the first point and first animation from their corresponding 
      # arrays then run the next animation until there are none left 
      @animations.shift 
      @points.shift 
      @animations.first.call if @animations.length != 0 
     }) 
    } 
    end 
    # Initiate the chain of animations 
    @animations.first.call 
end