帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:animations  loading-animation  Uiview  动画  
A UIView that offers several loading animations

  • 源代码名称:BALoadingView
  • 源代码网址:http://www.github.com/antiguab/BALoadingView
  • BALoadingView源代码文档
  • BALoadingView源代码下载
  • Git URL:
    git://www.github.com/antiguab/BALoadingView.git
  • Git Clone代码到本地:
    git clone http://www.github.com/antiguab/BALoadingView
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/antiguab/BALoadingView
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • BALoadingView

    VersionLicensePlatform

    概述

    example1example2

    提供多个加载动画的UIView 。


    要求

    • 适用于任何iOS设备

    示例

    要运行示例项目,克隆 repo,然后从示例目录中运行 pod install


    正在启动

    安装

    BALoadingView可以通过 CocoaPods 获得。 要安装它,只需在你的Podfile中添加以下行:

    pod"BALoadingView"

    简单用法

    startAnimation:

    要将 BALoadingView 添加到应用程序中,请添加以下行:

    BALoadingView *view = [[BALoadingView alloc] initWithFrame:self.view.frame];
    [self.loadingView initialize];
    [self.loadingView startAnimation:BACircleAnimationFullCircle];//OR [self.loadingView startAnimation:BACircleAnimationSemiCircle];

    默认情况下,这将创建以下动画/按钮:

    example3a

    通过 BACircleAnimationSemiCircle enum 产生以下结果:

    example3b

    stopAnimation

    stopAnimation 从视图中删除动画。

    高级用法

    下面列出了可以控制的几个属性的示例。

    初始化

    initialize 设置默认值,在设置任何属性之前应调用。

    持续时间

    如果你希望加载动画持续时间较长/较短,则可以编辑 duration 属性:

    BALoadingView *loadingView = [[BALoadingView alloc] initWithFrame:self.view.frame];
    [self.loadingView initialize];
    self.loadingView.duration = 20.0f;
    self.loadingView.segmentColor = [UIColor whiteColor];
    [self.loadingView startAnimation:BACircleAnimationFullCircle];

    这将创建这里视图:

    example4

    顺时针方向

    Editting的clockwise 布尔属性更改完整圆形动画的方向:

    BALoadingView *loadingView = [[BALoadingView alloc] initWithFrame:self.view.frame];
    [self.loadingView initialize];
    self.loadingView.clockwise = YES;
    self.loadingView.segmentColor = [UIColor whiteColor];
    [self.loadingView startAnimation:BACircleAnimationFullCircle];

    这将创建这里视图:

    example5

    段颜色

    segmentColor 属性控制段的颜色,可以像上面示例中那样使用

    线帽

    lineCap 属性控制半圆形动画的结束上限。 rouded cap选项如下所示:

    [self.loadingView initialize];
    self.loadingView.lineCap = kCALineCapRound;
    self.loadingView.clockwise = true;
    self.loadingView.segmentColor = [UIColor whiteColor];
    [self.loadingView startAnimation:BACircleAnimationFullCircle];

    动画如下所示:

    example6

    作者

    bryanantigua.com 。

    许可证

    BALoadingView 在MIT许可证下可用。 有关详细信息,请参阅许可证文件。



    文章标签:动画  animations  Uiview  loading-animation  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语