iOS中UIActivityIndicatorView的用法及齒輪等待動畫執行個體_IOS

來源:互聯網
上載者:User

基礎
@派生自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];
    });

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.