iOS開發中UIActivityIndicatorView活動指標的用法

來源:互聯網
上載者:User

軟體開發的時候經常會遇到半天才載入出來資料的情況,不管是程式寫的爛,還是說本來網速比較慢,一般都都會給個提示讓使用者感覺到我們在努力的載入資料,iOS可 以通過UIActivityIndicatorView實作類別似的效果。UIActivityIndicatorView 提供輕型視圖,會顯示一個標準的旋轉進度輪,只要添加到程式中,在合適的地方start和stop即可。start的時候可以吸附在當前視圖中,stop的時候就會移除~

活動指標一般用在進行網路請求的時候,因為UIActivityIndicatorView是系統內建的類,所以還是推薦使用的。


UIActivityIndicatorView *activityIndicatorView = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0, 0, 40, 40)];// 活動指標
activityIndicatorView.center = self.view.center;
activityIndicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhiteLarge; // 活動指標的樣式
//共有3種:UIActivityIndicatorViewStyleWhiteLarge,UIActivityIndicatorViewStyleWhite,UIActivityIndicatorViewStyleGray
[self.view addSubview:activityIndicatorView];
 
//isAnimating 用於判斷是否正在轉動
[activityIndicatorView startAnimating]; // 讓活動指標轉起來,一般在進行網路請求開始之前調用
[activityIndicatorView stopAnimating];  // 與startAnimating對應,在拿到資料之後調用


下面代碼實現進度輪的啟動和停止:

- (void)viewDidLoad

{

    activity = [[UIActivityIndicatorViewalloc] initWithFrame:CGRectMake(0, 0, 30, 30)];//指定進度輪的大小

    [activitysetCenter:CGPointMake(160, 140)];//指定進度輪中心點

    [activitysetActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhiteLarge];//設定進度輪顯示類型

    [self.viewaddSubview:activity];

    [superviewDidLoad];

//button點擊所觸發的方法。 啟動或關閉進度輪。

- (IBAction)startOrStop:(id)sender{

    if([activityisAnimating]){

        [activitystopAnimating];

    }

    else

        [activitystartAnimating];

點擊啟動進度輪

在此點擊停止進度輪
Loading效果 UIActivityIndicatorView

//初始化:
UIActivityIndicatorView* indicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
//設定顯示樣式,見UIActivityIndicatorViewStyle的定義
indicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhiteLarge;
//設定顯示位置
[indicator setCenter:CGPointMake(self.frame.size.width / 2, self.frame.size.height / 2)];
//設定背景色
indicator.backgroundColor = UIColor.gray.
//設定背景透明
indicator.alpha = 0.5;
//設定背景為圓角矩形
indicator.layer.cornerRadius = 6;
indicator.layer.masksToBuounds = YES;
//將初始化好的indicator add到view中
[view addSubView:indicator];
//開始顯示Loading動畫
[indicator startAnimating];
//停止顯示Loading動畫
[indicator 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.