iOS应用开发5分段控件和WEB视图.pptVIP

青岛滨海学院 计算机教研室 崔守良 QQ青岛滨海学院 计算机教研室 崔守良 QQ使用高级界面对象和视图 青岛滨海学院 信息工程学院 计算机教研室 崔守良 本节教学内容： 如何使用分段控件（按钮栏） 通过开关输入布尔值的方式 如何在应用程序中包含Web内容 使用可滚动的视图克服屏幕的局限性 1、开关UISwitch, 类似于传统的物理开关，使用其ValueChanged事件来检测开关切换，通过属性on或实例方法isOn来获取当前值。 2、分段控件UISegmentedControl，监视ValueChanged事件，通过selectedSegmentIndex判断当前选择的按钮，返回当前选定按钮的编号，实例方法titleForSegmentAtIndex来获得每个分段的标题 3、Web视图UIView，可以看作是没有边框的Safari窗口，使用NSURL、NSURLRequest和requestWithURL加载远程内容 项目一实现概述 创建一个应用程序，显示从网站FloraP获取的花朵照片和花朵信息。让用户轻按分段控件中的一种花朵颜色，然后从网站上取回一朵这样颜色的花朵，并在Web视图中显示它。使用开关来显示和隐藏另一个Web视图，该视图包含有关该花朵的详细信息。通过按钮让用户能够从网站取回另一张当前选定颜色的花朵照片。 1、创建Single View Application项目,名称为flowerView. 2、设计界面 选择MainStoryboard.storyboard在IB编辑器中打开它。 添加分段控件对象UISegmentedControl，设置其Segments属性为4，分别设置其title属性为Red、Blue、Yello和Green。 添加开关对象UISwitch，将其默认状态State属性改为OFF 添加一个Web视图UIWebView，命名为flowerView，用来显示图像，选中Scales Page to Fit属性。 再添加一个Web视图UIWebView，命名为flowerDetailView，将其放在flowerView的上面，设置其alpha的值为0.65 添加一个按钮UIButton，让用户随时手工触发获取图像的方法getFlower 3、创建并连接输出口和操作 用于指定颜色的分段控件：colorChoice 用于显示花朵本身的Web视图：flowerView 显示花朵详细信息的Web视图：flowerDetailView 在用户单击获取图像按钮时获取花朵操作：getFlower，将UISegmentedControl的Value changed事件连接到getFlower方法。 根据开关的设置显示/隐藏花朵详细信息：toggleFlowerDetail 4、实现应用程序逻辑 显示隐藏详细信息Web视图 - (IBAction)toggleFlowerDetail:(id)sender { self.flowerDetailView.hidden=![sender isOn];} 加载并显示花朵图像和详细信息 从分段控件获取选定的颜色 生成一个会话ID的随机数，让FloraP网站能够跟踪我们的请求 请求URL /showrandomios.php?color=colorsession=session ID返回一张花朵照片 请求URL /detailios.php?session=session ID返回上一步请求花朵照片的详细信息 (IBAction)getFlower:(id)sender { NSString *color=[self.colorChoice titleForSegmentAtIndex: self.colorChoice.selectedSegmentIndex]; int sessionID=random()%50000; NSString *imageURLString=[[NSString alloc] initWithFormat: @/showrandomios.php?color=%@session=%d ,color,sessionID]; NSString *detailURLString=[[NSString alloc] initWithFormat: @/detailios.php?session=%d” ,sessionID]; NSURL *imageURL=[[NSURL alloc] initWithString:ima