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

Florence ·
更新时间:2024-11-15
· 721 次阅读

基础
@派生自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的时候就会移除~

简答的效果:

201652691837154.png (320×590)

实现方式如下:

代码如下:

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 动画

需要 登录 后方可回复, 如果你还没有账号请 注册新账号