iOS中UIActivityIndicatorView的用法及齿轮等待动画实例

2022-10-21,,,

UIActivityIndicatorView活动指示器最常见的用法便是用来制作那个程序中的齿轮转动的等待效果,接下来我们回来简单整理iOS中UIActivityIndicatorView的用法及齿轮等待动画实例:

基础
@派生自UIView,所以它是视图,也可以附着在视图上。
一.创建
复制代码 代码如下:
// 因为UIActivityIndicatorView的大小是固定的,可以直接设置它.center
UIActivityIndicatorView* activityIndicatorView = [ [ UIActivityIndicatorView alloc ]
initWithFrame:CGRectMake(250.0,20.0,30.0,30.0)];

二. 属性设置风格

复制代码 代码如下:

activityIndicatorView.activityIndicatorViewStyle= UIActivityIndicatorViewStyleGray;

系统给你提供了3种风格:

  • UIActivityIndicatorViewStyleWhiteLarge     大型白色指示器
  • UIActivityIndicatorViewStyleWhite              标准尺寸白色指示器
  • UIActivityIndicatorViewStyleGray               灰色指示器,用于白色背景

如果希望指示器停止后自动隐藏,那么要设置hidesWhenStoped属性为YES。默认是YES。设置为NO停止后指示器仍会显示。

复制代码 代码如下:

activityIndicatorView.hidesWhenStoped = NO;

三.显示

可以将它附着在任何视图上,比如表格单元、或者视图:

复制代码 代码如下:

[ self.view addSubview:activityIndicatorView ];

四.启动和停止(可以配合NSTimer使用,作为参数userInfo传进去)

复制代码 代码如下:

[ activityIndicatorView startAnimating ];//启动

[ activityIndicatorView stopAnimating ];//停止

@网络活动指示器
当你的应用程序使用网络时,应当在iPhone的状态条上放置一个网络指示器,警告用户正在使用网络。
这时你可以用UIApplication的一个名为networkActivityIndicatorVisible的属性。
通过设置这个可以启用或禁用网络指示器:UIApplication* app = [ UIApplication sharedApplication ];
app.networkActivityIndicatorVisible = YES;

齿轮等待动画实例

UIActivityIndicatorView 提供轻型视图,会显示一个标准的旋转进度轮,只要添加到程序中,在合适的地方start和stop即可。start的时候可以吸附在当前视图中,stop的时候就会移除~

简答的效果:

实现方式如下:

复制代码 代码如下:

self.activityIndicatorView=[[UIActivityIndicatorView alloc]initWithFrame:CGRectMake(0, 0, 100, 100)];
    self.activityIndicatorView.center=self.view.center;
    [self.activityIndicatorView setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleGray];
    [self.activityIndicatorView setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhiteLarge];
    [self.activityIndicatorView setBackgroundColor:[UIColor lightGrayColor]];
    [self.view addSubview:self.activityIndicatorView];
    [self.activityIndicatorView startAnimating];

代码很简单,设置frame这个不用讲,关于style的设置,有三种白色和灰色,这两种的尺寸都是20*20,白色大图是37*37:

复制代码 代码如下:

typedef NS_ENUM(NSInteger, UIActivityIndicatorViewStyle) {
    UIActivityIndicatorViewStyleWhiteLarge,
    UIActivityIndicatorViewStyleWhite,
    UIActivityIndicatorViewStyleGray,
};

关闭动画:

复制代码 代码如下:

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5* NSEC_PER_SEC)), dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0),^{
        [self.activityIndicatorView stopAnimating];
    });

您可能感兴趣的文章:

  • android实现ViewPager的Indicator的实例代码
  • Android实现Tab布局的4种方式(Fragment+TabPageIndicator+ViewPager)
  • 教你制作Android中炫酷的ViewPagerIndicator(不仅仿MIUI)
  • Android 利用ViewPager+GridView实现首页导航栏布局分页效果
  • Android 中 TabHost与ViewPager结合实现首页导航效果
  • Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果
  • Android ViewPager制作新手导航页(动态加载)
  • Android改变ExpandableListView的indicator图标实现方法
  • 基于jQuery Bar Indicator 插件实现进度条展示效果
  • Android动态给ViewPager添加Indicator导航

《iOS中UIActivityIndicatorView的用法及齿轮等待动画实例.doc》

下载本文的Word格式文档,以方便收藏与打印。