使用UIActivityIndicatorView

本文介绍了如何在iOS程序中使用UIActivityIndicatorView实例提供轻型视图,这些视图显示一个标准的旋转进度轮。提供了创建这些简单指示器的代码,并讨论了如何在屏幕上将指示器居中以及选择合适的样式。

UIActivityIndicatorView实例提供轻型视图,这些视图显示一个标准的旋转进度轮。当使用这些视图时,最重要的一个关键词是小。20×20像素是大多数指示器样式获得最清楚显示效果的大小。只要稍大一点,指示器都会变得模糊。图4-7显示了一个40像素的版本。

你需要在屏幕上将该指示器居中。将其放置在最方便操作的位置。作为背面清晰的视图,指示器将混合位于其后的背景视图。该背景的主要颜色帮助选择要使用的指示器样式。

对于一般用途,只需将活动指示器作为子视图添加到你要覆盖的窗口、视图、工具栏或导航栏。分配该指示器并使用一个框来初始化它,最好位于当前所使用的父视图中央。

通过将指示器的animating属性更新为YES来启动它。若要停止,将该属性设置为NO。Cocoa Touch会负责完成其余工作,在视图不使用时隐藏视图。

iPhone提供了几种不同样式的UIActivityIndicatorView类。UIActivityIndicator- ViewStyleWhite和UIActivityIndicatorViewStyleGray是最简洁的。黑色背景下最适合白色版本的外观,白色背景最适合灰色外观(如图4-7所示)。它非常瘦小,而且采用夏普风格。选择白色还是灰色时要格外注意。全白显示在白色背景下将不能显示任何内容。而UIActivityIndicatorViewStyleWhiteLarge只能用于深色背景。它提供最大、最清晰的指示器。秘诀4-6显示了创建这些简单的UIActivityIndicatorView实例的代码。

图4-7 UIActivityIndicatorView类提
供了一个简单的旋转轮,
这意味着将以相对较小的尺寸显示

秘诀4-6 向程序中添加UIActivityIndicatorView


转自:http://blog.youkuaiyun.com/lukziliary/article/details/4505846

1.功能说明: UITableView在实际应用场景中,经常涉及到分页加载数据的情况。比较典型的例子是在tableview的顶部下拉可以重新从接口拉取并刷新第一页的数据,在滑动到底部的时候,使用UIActivityIndicatorView转圈并自动加载下一页的数据;不断下滑会重复此过程,直到所有分页数据加载完成; 2.要求: 1).tableview的头部有下拉加载的动画,可以参考MJRreshHeader 2).tableview的底部应该至少包含三种状态: 全部加载完成 加载数据错误 UIActivityIndicatorView转圈(表示加载中) 3).数据文本在桌面tableview文件夹里面,名字分别为data1,data2,data3,需要自己判断分页加载的情况;通过控制page 为1,2,3来获取不同的分页数据; 用o c代码来完成,另外,初始文件如下 // // Train1ViewController.m // iOS_Training_Demo1 // // Created by smwl on 2021/1/14. // #import "Train1ViewController.h" @interface Train1ViewController () @end @implementation Train1ViewController - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor whiteColor]; [self.navigationController setNavigationBarHidden:YES]; [self makeSubView]; } -(void)makeSubView { UILabel * titleLabel = [[UILabel alloc] init]; titleLabel.text = @"Training TableView"; titleLabel.textColor = [UIColor blackColor]; titleLabel.textAlignment = NSTextAlignmentCenter; titleLabel.font = [UIFont systemFontOfSize:18]; [self.view addSubview:titleLabel]; [titleLabel mas_makeConstraints:^(MASConstraintMaker *make) { make.left.right.mas_equalTo(0); make.height.mas_equalTo(40); make.top.mas_equalTo(88 - 40); }]; } #pragma mark - fetch data -(void)fetchDataWithPage:(NSString *)pageStr { } /* #pragma mark - Navigation // In a storyboard-based application, you will often want to do a little preparation before navigation - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { // Get the new view controller using [segue destinationViewController]. // Pass the selected object to the new view controller. } */ @end 3个json内容格式如下 [ { "game_logo" : "https://image.x7sy.com/uploads/game_img/20200811/50108186863124421_thumb.png", "show_name" : "山河", "one_game_info" : "全新传奇不一般的体验,等您来战。-1" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20201216/40904839594914372_thumb.png", "show_name" : "荣耀霸业-官方推荐", "one_game_info" : "正版授权传奇激战手游" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20200606/31951617932332999_thumb.png", "show_name" : "武林争霸", "one_game_info" : "首创双职业自由切换 重温激情 热血PK" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20201229/52262633050212311_thumb.png", "show_name" : "血饮天下", "one_game_info" : "三国神将,单职业,等你来战" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20200917/42720341170133240_thumb.png", "show_name" : "冰雪超变", "one_game_info" : "经典传奇元宝无限爆" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20200618/35415230495480897_thumb.png", "show_name" : "烈焰遮天-火龙超变", "one_game_info" : "独创1秒10刀,刀刀斩杀,百倍爆率" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20201126/59938548377963246_thumb.png", "show_name" : "烈火霸者-GM传奇", "one_game_info" : "全新高爆率单职业传奇!送十万充值红包!" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20201225/97509229445281496_thumb.png", "show_name" : "斗转武林", "one_game_info" : "上线送168充值卡" }, { "game_logo" : "https://image.x7sy.com/uploads/game_img/20191218/41041557986859633_thumb.png", "show_name" : "王城争霸", "one_game_info" : "王城争霸,给你前所未闻的全新传奇体验" } ]
05-28
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值