快捷導(dǎo)航

iOS中UIActivityIndicatorView的用法及齒輪等待動畫實例

更新時間：2016年05月26日 09:21:57 作者：iOS UI

UIActivityIndicatorView活動指示器最常見的用法便是用來制作那個程序中的齒輪轉(zhuǎn)動的等待效果,接下來我們回來簡單整理iOS中UIActivityIndicatorView的用法及齒輪等待動畫實例:

基礎(chǔ)
@派生自UIView，所以它是視圖，也可以附著在視圖上。
一.創(chuàng)建

// 因為UIActivityIndicatorView的大小是固定的,可以直接設(shè)置它.center 

UIActivityIndicatorView* activityIndicatorView = [ [ UIActivityIndicatorView alloc ]

initWithFrame:CGRectMake(250.0,20.0,30.0,30.0)];

二. 屬性設(shè)置風(fēng)格

復(fù)制代碼代碼如下:

activityIndicatorView.activityIndicatorViewStyle= UIActivityIndicatorViewStyleGray;

系統(tǒng)給你提供了3種風(fēng)格：

UIActivityIndicatorViewStyleWhiteLarge 大型白色指示器
UIActivityIndicatorViewStyleWhite 標(biāo)準(zhǔn)尺寸白色指示器
UIActivityIndicatorViewStyleGray 灰色指示器，用于白色背景

如果希望指示器停止后自動隱藏，那么要設(shè)置hidesWhenStoped屬性為YES。默認(rèn)是YES。設(shè)置為NO停止后指示器仍會顯示。

復(fù)制代碼代碼如下:

activityIndicatorView.hidesWhenStoped = NO;

三.顯示

可以將它附著在任何視圖上，比如表格單元、或者視圖：

復(fù)制代碼代碼如下:

[ self.view addSubview:activityIndicatorView ];

四.啟動和停止(可以配合NSTimer使用,作為參數(shù)userInfo傳進(jìn)去)

復(fù)制代碼代碼如下:

[ activityIndicatorView startAnimating ];//啟動

[ activityIndicatorView stopAnimating ];//停止

@網(wǎng)絡(luò)活動指示器
當(dāng)你的應(yīng)用程序使用網(wǎng)絡(luò)時，應(yīng)當(dāng)在iPhone的狀態(tài)條上放置一個網(wǎng)絡(luò)指示器，警告用戶正在使用網(wǎng)絡(luò)。
這時你可以用UIApplication的一個名為networkActivityIndicatorVisible的屬性。
通過設(shè)置這個可以啟用或禁用網(wǎng)絡(luò)指示器：UIApplication* app = [ UIApplication sharedApplication ];
app.networkActivityIndicatorVisible = YES;

齒輪等待動畫實例

UIActivityIndicatorView 提供輕型視圖，會顯示一個標(biāo)準(zhǔn)的旋轉(zhuǎn)進(jìn)度輪，只要添加到程序中，在合適的地方start和stop即可。start的時候可以吸附在當(dāng)前視圖中，stop的時候就會移除~

簡答的效果:

201652691837154.png (320×590)

實現(xiàn)方式如下:

復(fù)制代碼代碼如下:

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];

代碼很簡單，設(shè)置frame這個不用講，關(guān)于style的設(shè)置，有三種白色和灰色，這兩種的尺寸都是20*20，白色大圖是37*37:

復(fù)制代碼代碼如下:

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

關(guān)閉動畫:

復(fù)制代碼代碼如下:

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];
});

您可能感興趣的文章: