011使用Interface Builder的故事板

效果如下:

ViewController.h

1 #import <UIKit/UIKit.h>
2
3 @interface ViewController : UIViewController
4 @property (strong, nonatomic) IBOutlet UISegmentedControl *colorChoice;
5 @property (strong, nonatomic) IBOutlet UILabel *chosenColor;
6 @property (strong, nonatomic) IBOutlet UIWebView *flowerView;
7
8 @end

ViewController.m

 1 #import "ViewController.h"
 2
 3 @interface ViewController ()
 4 @end
 5
 6 @implementation ViewController
 7
 8 - (IBAction)getFlower:(id)sender {
 9     NSString *colorVal;
10     NSInteger colorIndex = self.colorChoice.selectedSegmentIndex;
11     switch (colorIndex) {
12         case 0:
13             colorVal = @"red";
14             break;
15         case 1:
16             colorVal = @"blue";
17             break;
18         case 2:
19             colorVal = @"yellow";
20             break;
21         case 3:
22             colorVal = @"green";
23             break;
24         default:
25             break;
26     }
27     self.chosenColor.text = colorVal;
28     NSString *outputHTML = [[NSString alloc] initWithFormat:@"<body style=‘margin: 0px; padding: 0px‘><img style=‘width:560px, height:420px‘ src=‘http://www.floraphotographs.com/showrandom.php?color=%@‘></body>", colorVal];
29     [self.flowerView loadHTMLString:outputHTML baseURL:nil];
30 }
31
32 - (void)viewDidLoad {
33     [super viewDidLoad];
34     // Do any additional setup after loading the view, typically from a nib.
35 }
36
37 - (void)didReceiveMemoryWarning {
38     [super didReceiveMemoryWarning];
39     // Dispose of any resources that can be recreated.
40 }
41
42 @end
时间: 2024-12-14 07:32:51

011使用Interface Builder的故事板的相关文章

(译)Getting Started——1.2.4 Tutorial:Storyboard(故事板)

该教程是基于你在前面的课程中构建的项目上进行的.学完本教程后,你将使用你前面学到的视图.视图控制器.动作.导航的内容,还会为应用创建一些关键的用户界面,并在场景中添加行为 以下就是本节课的内容: 1. 使用storyboard来定义应用内容和流程 2. 管理多个视图控制器 3. 在用户界面上,给元素添加动作 完成本节教程后,你的应用应该如下所示: 创建第二个场景 到现在为止,你所操作的只是一个由视图控制器管理的单场景,它就是一个可以把事件添加到待办事件列表的页面,即添加事件的场景.现在,是时候创

IOS开发系列--TableView、多个TableViewCell、自定义Cell、Cell上画画(故事板+代码方式),ios7tableview索引

在此之前,我们已经创建了一个通过简单的表视图应用程序并显示预定义的图像.在本教程中,我们将继续努力,使应用程序变得更好,: >不同的行显示不同的图像 - 上个教程,我们的所有行显示相同的缩略图.那么不同的食物显示不同的图片不是更好么? >自定义视图单元-我们将展示我们自己的视图来替代默认表单元格样式 显示不同缩略图 在我们更改代码之前,让我们回顾显示缩略图的代码. 最后,我们增加了一个行代码指示UITableView每一行显示"creme_brelee.jpg"这张图片.显

Xcode6.1.1 ,故事板控件无法和代码关联的问题解决

根据 mvc 模式,显然视图(故事板),应该连接控制器层,也就是 viewcontroller,但是却发现: 这是改正之后的,开始的时候,连接的是 UIViewController,应该连接视图控制器 ViewController 类 类关系如下: @interface ViewController : UIViewController @end NS_CLASS_AVAILABLE_IOS(2_0) @interface UIViewController : UIResponder <NSCo

IOS开发之TableView、多个TableViewCell、自定义Cell、Cell上画画(故事板+代码方式)

最近要做一个项目,有个账户设置界面,看了微博.微信.QQ,他们的账号设置都比较原生态没做什么处理.春雨医生的账号不错,做了许多处理.不说废话直接上代码. 第一步: //UserTableViewCell.h这里定义第一种Cell #import <UIKit/UIKit.h> @interface UserTableViewCell : UITableViewCell @property (weak, nonatomic) IBOutlet UIImageView *userviewcelli

[IOS 开发] TableView、多个TableViewCell、自定义Cell、Cell上画画(故事板+代码方式)

第一步: //UserTableViewCell.h这里定义第一种Cell #import <UIKit/UIKit.h> @interface UserTableViewCell : UITableViewCell @property (weak, nonatomic) IBOutlet UIImageView *userviewcellicon; @property (weak, nonatomic) IBOutlet UILabel *userviewcellname; @end //U

iOS故事板下使用代码跳转页面

如今iOS8下,使用Storyboards开发十分方便,搭配上Size Class后,并且适配更加便捷. 但是突然由代码写界面或者xib转向故事板,难免有一些疑惑. 由于故事板下,基本使用连续来跳转页面,但有些情况下总会用到代码控制页面跳转,这个时候传统的初始化ViewController后push过去会出现一个黑色屏幕,什么内容都没用. 解决方案: UIStoryboard *story = [UIStoryboard storyboardWithName:@"填写故事板名称" bu

Using Interface Builder记录

1.interface builder的作用主要是用来设计视图,文件的拓展名诶.storyboard或者.xib :这两文件的区别是,.xib文件只能设计一个视图控制器,也就只能显示一个视图,.storyboard可以设计多个视图控制器和各个视图之间的转场. 2.xib和.storyboard文件是以xml文件格式保存的,在编译期间,这些文件就会被编译成二进制的.nibs文件 3.在<interface builder help>文件中有更多关于创建.配置.使用,预视,导航线等的说明

代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧

代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧 最近接触了几个刚入门的iOS学习者,他们之中存在一个普遍和困惑和疑问,就是应该如何制作UI界面.iOS应用是非常重视用户体验的,可以说绝大多数的应用成功与否与交互设计以及UI是否漂亮易用有着非常大的关系.而随着iOS开发发展至今,可以说在UI制作上大家逐渐分化为了三种主要流派:使用代码手写UI及布局:使用单个xib文件组织viewController或者view:使用StoryBoard来通过

提高Interface Builder高效工作的8个技巧

本文转载至 http://www.cocoachina.com/ios/20141106/10151.html iOS开发Interface Builder 本文译自:8 Tips for working effectively with Interface Builder(需FQ) 先来看看目录: 介绍 使view的Size与view中的Content相适应 按住option键—观察所选中view与另外view边缘之间的距离 Editor –> Embed In View, Unembed: