iOS——UIActivityIndicatorView(小菊花)的使用

iOS UIActivityIndicatorView用法(小菊花旋轉(zhuǎn))

UIActivityIndicatorView初始化方式

  • -(instancetype)initWithActivityIndicatorStyle:(UIActivityIndicatorViewStyle)style
  • -(instancetype)initWithFrame:(CGRect)frame

其中的第一個初始化方法參數(shù)style是個枚舉類型。
typedef NS_ENUM(NSInteger, UIActivityIndicatorViewStyle) {
UIActivityIndicatorViewStyleWhiteLarge,
UIActivityIndicatorViewStyleWhite,
UIActivityIndicatorViewStyleGray,
};


B200AA69-65CD-46D1-B2CE-878CAED5E1B3.png

代碼示例

這是我在Main.storyboard拖拽的兩個按鈕,是為了控制開始旋轉(zhuǎn)和停止旋轉(zhuǎn),也可以自己手寫代碼呦

59C9330B-B51C-408D-BB1F-F8DA448C6595.png
#import "ViewController.h"

@interface ViewController ()
- (IBAction)startAction:(UIButton *)sender;
- (IBAction)stopAction:(UIButton *)sender;
@property (strong, nonatomic) UIActivityIndicatorView *activityIndicator ;
@end

@implementation ViewController

- (void)viewDidLoad {
     [super viewDidLoad];

//    self.activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(100, 100, 60, 60)];
    self.activityIndicator = [[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:(UIActivityIndicatorViewStyleGray)];
    [self.view addSubview:self.activityIndicator];
     //屬性值是一個枚舉變量,只有三個值:
    //UIActivityIndicatorViewStyleWhite; 白色圓圈
    //UIActivityIndicatorViewStyleWhiteLarge; 白色圓圈 但是要大些
    //UIActivityIndicatorViewStyleGray; 灰色圓圈
    //    self.activityIndicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhiteLarge;
    self.activityIndicator.frame= CGRectMake(100, 100, 100, 100);
    //設(shè)置小菊花顏色
    self.activityIndicator.color = [UIColor redColor];
    //設(shè)置背景顏色
    self.activityIndicator.backgroundColor = [UIColor cyanColor];
    //剛進(jìn)入這個界面會顯示控件。并且停止旋轉(zhuǎn)也會顯示,只是沒有在轉(zhuǎn)動而已。
    self.activityIndicator.hidesWhenStopped = NO;
}
- (IBAction)startAction:(UIButton *)sender {
    [self.activityIndicator startAnimating];
}

- (IBAction)stopAction:(UIButton *)sender {
    [self.activityIndicator stopAnimating];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

這是效果圖

  • 控件中菊花大小是不變的。只是設(shè)置控件的大小。


    B23EF443-5891-4A10-B328-AB3276193A9D.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容