《iOS应用开发5分段控件和WEB视图》由会员分享，可在线阅读，更多相关《iOS应用开发5分段控件和WEB视图（15页珍藏版）》请在金锄头文库上搜索。
1、使用高级界面对象和视图青岛滨海学院信息工程学院计算机教研室崔守良2021/8/61青岛滨海学院 计算机教研室 崔守良 QQ：42788201 本节教学内容：如何使用分段控件（按钮栏）通过开关输入布尔值的方式如何在应用程序中包含Web内容使用可滚动的视图克服屏幕的局限性2021/8/62青岛滨海学院 计算机教研室 崔守良 QQ：42788201 1、开关UISwitch, 类似于传统的物理开关，使用其ValueChanged事件来检测开关切换，通过属性on或实例方法isOn来获取当前值。2、分段控件UISegmentedControl，监视ValueChanged事件，通过selectedSeg
2、mentIndex判断当前选择的按钮，返回当前选定按钮的编号，实例方法titleForSegmentAtIndex来获得每个分段的标题3、Web视图UIView，可以看作是没有边框的Safari窗口，使用NSURL、NSURLRequest和requestWithURL加载远程内容2021/8/63青岛滨海学院 计算机教研室 崔守良 QQ：42788201项目一实现概述创建一个应用程序，显示从网站FloraP获取的花朵照片和花朵信息。让用户轻按分段控件中的一种花朵颜色，然后从网站上取回一朵这样颜色的花朵，并在Web视图中显示它。使用开关来显示和隐藏另一个Web视图，该视图包含有关该花朵的详细信
3、息。通过按钮让用户能够从网站取回另一张当前选定颜色的花朵照片。2021/8/64青岛滨海学院 计算机教研室 崔守良 QQ：42788201 2021/8/65青岛滨海学院 计算机教研室 崔守良 QQ：42788201 1、创建Single View Application项目,名称为flowerView.2、设计界面 选择MainStoryboard.storyboard在IB编辑器中打开它。 添加分段控件对象UISegmentedControl，设置其Segments属性为4，分别设置其title属性为Red、Blue、Yello和Green。 添加开关对象UISwitch，将其默认状态St
4、ate属性改为OFF2021/8/66青岛滨海学院 计算机教研室 崔守良 QQ：42788201 添加一个Web视图UIWebView，命名为flowerView，用来显示图像，选中Scales Page to Fit属性。 再添加一个Web视图UIWebView，命名为flowerDetailView，将其放在flowerView的上面，设置其alpha的值为0.65 添加一个按钮UIButton，让用户随时手工触发获取图像的方法getFlower2021/8/67青岛滨海学院 计算机教研室 崔守良 QQ：42788201 3、创建并连接输出口和操作 用于指定颜色的分段控件：colorCho
5、ice 用于显示花朵本身的Web视图：flowerView 显示花朵详细信息的Web视图：flowerDetailView 在用户单击获取图像按钮时获取花朵操作：getFlower，将UISegmentedControl的Value changed事件连接到getFlower方法。 根据开关的设置显示/隐藏花朵详细信息：toggleFlowerDetail2021/8/68青岛滨海学院 计算机教研室 崔守良 QQ：42788201 4、实现应用程序逻辑显示隐藏详细信息Web视图- (IBAction)toggleFlowerDetail:(id)sender self.flowerDetail
6、View.hidden=!sender isOn;加载并显示花朵图像和详细信息从分段控件获取选定的颜色生成一个会话ID的随机数，让FloraP网站能够跟踪我们的请求请求URL http:/ http:/ 计算机教研室 崔守良 QQ：42788201 -(IBAction)getFlower:(id)sender NSString *color=self.colorChoice titleForSegmentAtIndex: self.colorChoice.selectedSegmentIndex;int sessionID=random()%50000;NSString *imageURLS
7、tring=NSString alloc initWithFormat:http:/ 计算机教研室 崔守良 QQ：42788201 NSString *detailURLString=NSString alloc initWithFormat:http:/ ,sessionID; NSURL *imageURL=NSURL alloc initWithString:imageURLString;NSURL *detailURL=NSURL alloc initWithString:detailURLString; self.flowerView loadRequest:NSURLRequest
8、 requestWithURL:imageURL;self.flowerDetailView loadRequest:NSURLRequest requestWithURL:detailURL;self.flowerDetailView.backgroundColor=UIColor clearColor; 2021/8/611青岛滨海学院 计算机教研室 崔守良 QQ：42788201 5、修复应用程序加载时的界面问题 应用程序启动时，两个Web视图都是空的，且显示了详细信息视图，虽然开关被设置为OFF。 可在应用程序启动后立刻加载一幅图像，并将flowerDetailView.hidden设
9、置为YES。如- (void)viewDidLoad self.flowerDetailView.hidden=YES;self getFlower:nil; super viewDidLoad;2021/8/612青岛滨海学院 计算机教研室 崔守良 QQ：42788201使用可滚动视图 UIScrollView滚动视图，可在添加控件和界面元素时不受设备屏幕边界的限制。 将对象加入可滚动视图有两种方案：一个选择加入的对象，使用箭头键将对象移到视图可视区域外面的大概位置；二是选择加入的对象，使用Size Inspector手工设置其X和Y坐标。 为给可滚动视图添加滚动功能，需要将属性contentSize设置为一个CGSize值。如：2021/8/613青岛滨海学院 计算机教研室 崔守良 QQ：42788201 -(void)viewDidLoad -self.theScroller.contentSize=CGSizeMake(280.0,600.0); super viewDidLoad;2021/8/614青岛滨海学院 计算机教研室 崔守良 QQ：42788201小结： 学习了如何使用开关和分段控件让用户能够在应用程序中通过触摸来做出决策。 探索了如何使用WEB视图在项目中显示WEB内容，以及如何调整它使其适合iOS屏幕。2021/8/615
