iOS中使用storyboard进行布局

个人开发进行简洁设置，可以使用stordboard来进行布局，接下来通过一个计算器页面的搭建来分析storyboard的使用。

1.实现的效果如图：

有两个输入框来进行数据的输入和一个文本框来进行数据的展示，点击计算按钮计算两个加数的和。

2.storyboard的使用

（1）在view上面添加控件

点击上面的加号就会出现控件的页面，选择自己需要的控件直接拖到view上就可以

本次页面使用到的控件：

两个加数：UITextField输入框，textField的键盘模式最好设置为number pad,只允许输入数字

加号和等号：UILabel,需要将他的text设置为相应的符号就可以，结果是一个Label用来展示计算后得到的数据

计算：button按钮

（2）添加好控件之后需要将控件和VC连接到一起，在VC上对数据进行操作。

点击storyboard中的任意一个控件，按option键的同时选中要将这个view添加到哪个VC里面，然后选中这个VC就可以实现storyboard和VC的双屏显示

（3）将控件添加到VC上面

实现分屏后选中控件，按住control键就可以拖线连接到VC里面，控件最好使用weak来进行修饰，因为此时的控件是直接拖拽上去的，已经有了强引用，如果使用strong的话，会再加上一层强引用。

3.来进行计算两数之和，这里直接上代码，进行演示，注意的是需要进行类型转换。（这里对键盘进行了优化，因为有时我们输入的东西比较多，键盘会挡住部分布局，所以我们进行计算完成之后将键盘进行了叫回）

#import "ViewController.h"

@interface ViewController ()

@property (weak, nonatomic) IBOutlet UITextField *jiashu1;

@property (weak, nonatomic) IBOutlet UILabel *sumLabel;

@property (weak, nonatomic) IBOutlet UITextField *jiashu2;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view.

}

- (IBAction)addSum:(id)sender {

NSString *jiashi1 = self.jiashu1.text;

NSString *jiashu2 = self.jiashu2.text;

int result = [jiashi1 intValue]+[jiashu2 intValue];

self.sumLabel.text = [NSString stringWithFormat:@"%d",result];

// NSLog(@"111");

//把键盘叫回去

//键盘的第一响应者：哪个输入框叫出的键盘，哪个就是第一响应者firstResponsder

//方式一：

// [self.jiashu1 resignFirstResponder];

// [self.jiashu2 resignFirstResponder];

//方式二：让当前控制器管理的view停止编辑，这样的话，凡是这个view的子控件叫出的键盘就回去了

[self.view endEditing:YES];

}

好了，今天的分享就到这里，有错误欢迎指出，大家一起进行学习哦

iOS中使用storyboard进行布局相关推荐

android storyboard,iOS中xib与storyboard原理，与Android界面布局的异同
用文本标记语言来进行布局,用的最多的应该是HTML语言.HTML能够理解为有一组特殊标记的XML语言. 一.iOS中xib与storyboard显示原理在iOS中基本的布置界面的方式有3种:代码.x ...
iOS StoryBoard自适应布局
原文地址:点击打开链接通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是 ...
iOS流布局UICollectionView系列七——三维中的球型布局
iOS流布局UICollectionView系列七--三维中的球型布局发布时间: 2015/10/29 13:25 阅读: 1487 收藏: 23 点赞: 1 评论: 5 摘要类似标签云的球状布局 ...
ios中常用的第三方库
下拉刷新 EGOTableViewPullRefresh – 最早的下拉刷新控件. SVPullToRefresh – 下拉刷新控件. MJRefresh – 仅需一行代码就可以为UITableVie ...
ios xib 四等分_iOS界面布局的核心以及TangramKit介绍
前言 layoutSubviews方法来完成界面布局,只不过在一些语法和属性设置上略有一些差异.可以这么说TangramKit是MyLayout布局库的一个升级版本.大家可以通过访问下面的github ...
Storyboard 自适应布局
原文链接:http://justsee.iteye.com/blog/2148987 通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboa ...
(11)Xamarin.iOS - 新增iPhone storyboard
原文 Xamarin.iOS - 新增iPhone storyboard 1. 开启Xamarin Studio 并建立新项目专案类型为 iOS=>iPhone Storyboard => ...
iOS开发学无止境 - UICollectionView自定义布局之风火轮[译]
现在有许多极具创造力的网站,几周前我碰巧浏览到一个名为Form Follows Function的网站,上面有各种交互动画.其中最吸引我的是网站上的导航转轮,转轮由各种交互体验海报组成. 原文:UIC ...
IOS 移除storyboard
为什么80%的码农都做不了架构师?>>> 我是IOS新手,都说storyboard是个好东西,但是我搞了一会始终没有搞懂,并且我觉得学习一门语言,使用类似以前网页三剑客这种所见 ...

iOS中使用storyboard进行布局

iOS中使用storyboard进行布局相关推荐

最新文章

热门文章