Question

我正在尝试创建一个显示我公司徽标的自定义UIRefreshControl动画。到目前为止，我可以在刷新时停止动画，并在不刷新时停止。

我想要的是控制UIRefreshControl的draginEvent并使徽标做一些事情，因为UIRefreshControl被拖下来（增加图像alpha或类似的东西）。

我知道必须掌握拖动距离，但我无法找到任何可以用来获取此值的内容。有人可以帮帮我吗。

到目前为止，这是我的代码。

public sealed class FormsUIRefreshControl : UIRefreshControl
{
    UIImageView animatedCircleImage;
    nfloat visibility = 0.0f;
    public FormsUIRefreshControl()
    {
        this.ValueChanged += (object sender, EventArgs e) => 
            {
                var command = RefreshCommand;
                if(command  == null)
                    return;

                command.Execute(null);
            };

        BackgroundColor = UIColor.Clear;

        //Alpha = (nfloat)0.30;

        animatedCircleImage = new UIImageView(new UIImage("loadingLogo.png"));
        animatedCircleImage.Frame = new RectangleF(110, 10, 100, 50);
        animatedCircleImage.BackgroundColor = UIColor.Blue;
        animatedCircleImage.AnimationImages = new UIImage[] {
            UIImage.FromBundle ("loadingLogo.png")
            , UIImage.FromBundle ("loadingLogo1.png")
            , UIImage.FromBundle ("loadingLogo2.png")
            , UIImage.FromBundle ("loadingLogo3.png")
            , UIImage.FromBundle ("loadingLogo4.png")
            , UIImage.FromBundle ("loadingLogo5.png")
            , UIImage.FromBundle ("loadingLogo6.png")
            , UIImage.FromBundle ("loadingLogo7.png")
        };
        animatedCircleImage.AnimationRepeatCount = 0;
        animatedCircleImage.AnimationDuration = .5;
        //animatedCircleImage.StartAnimating();

        AddSubview (animatedCircleImage);

        //ClipsToBounds = true;

        TintColor = UIColor.Clear;
    }


    public override void BeginRefreshing ()
    {
        base.BeginRefreshing ();
        animatedCircleImage.StartAnimating ();
    }

    public override void EndRefreshing ()
    {
        base.EndRefreshing ();
        animatedCircleImage.StopAnimating ();
    }

Answer 1

您需要scrollViewDidScroll。但这适用于使用TableView / TableViewController的类。也许您可以使用contentOffset从此处为您的FormsUIRefreshControl调用公共动画方法。在目标C中：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    NSLog(@"Y Offset: %f", scrollView.contentOffset.y);
}

Answer 2

我的0.02美分（斯威夫特）：

// MARK: - Scroll View Delegate

override func scrollViewDidScroll(scrollView: UIScrollView) {

  // Distance the table has been pulled >= 0.
  let pullDistance: CGFloat = max(0.0, -refreshControl.frame.origin.y)

  // Calculate the pull ratio, between 0.0-1.0.
  let pullRatio: CGFloat = min(max(pullDistance, 0.0), 100.0) / 100.0

  // Update the cloud icon alpha for a nice effect.
  yourCustomLogoImageEtc.alpha = pullRatio
}

Here is an example using QuartzCode.

自定义UIRefreshControl动画

2 个答案: