Storyboard的使用(一)

本文将从新建工程开始,逐步引导读者通过Storyboard完成主界面设计,并深入讲解如何利用Storyboard实现页面间的push和modal跳转。通过实践操作,读者能够掌握Storyboard的基本使用方法,为后续iOS应用开发奠定坚实的基础。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Storyboard是Objective在XCode中的界面编辑利器,所见即所得。搭配上ARC的使用,在界面创作方面可谓如虎添翼。
最近开始接触,所以打算写一个教程,从简单到复杂,慢慢深入Storyboard的使用。后面会配合Xib一起使用。

这篇文章先介绍Storyboard的简单视图跳转。
本篇文章的结构:

1)新建工程
2)完成主界面
3)push方式跳转
4)modal方式跳转
5)总结

作者使用的是Xcode5.1.1,OS X 10.9.2。
以下,正文。

1、新建工程

File->New->Project,选择SingleViewApplication,并写上自己工程名称,可以看到如下的工程列表。

(图1)

查看右上角,选择合适的选项,以查看正确的视图。

(图2)

点击工程中的Main.storyboard就可以开始编辑Storyboard了。

2、完成主界面

Xcode中间可以看到这么一个界面,里面显示的就是当前首个Controller对应的界面,直接运行就可以看到一个空的视图。

(图3)

双击这个视图,进入该视图的编辑状态。
我们现在主界面上添加一个标签UILabel。方式是从右下角选择一个Label,并拖动到对应的界面上。

(图4)

可以任意地拖动这个Label的位置,修改它的内容。右边有该Label对应的属性,可以直接修改。即得到下面的画面。

(图5)

接下来,按照同样的方式,把两个按钮Button添加到视图中,得到下图。

(图6)

我这里把它们分别命名为Push和Modal,因为接下来我要用这两个按钮实现页面的跳转。
还记得图2的那些选项吗?选择第二个,可以同时编辑视图和代码。
选择Push按钮,按住Ctrl的同时拉拽到代码空余区域,生成按钮的事件。

(图7)


填入按钮名称,并确定,即可生成对应的代码。

(图8)

对Modal按钮进行同样的操作,得到下图所示代码。

(图9)

3、push方式跳转

在工程文件中新建控制器类PushViewController。
在Storyboard中新建一个ViewController视图(你可以在新建的视图上添加你喜欢的控件~)。
在右边的Custom Class中写上PushViewController。
这样,这个类和视图就可以联系在一起了。

选中初始化的ViewController,按住Ctrl的同时将鼠标拖拽到PushViewController上,在弹出的菜单上选择push。

(图10)

选中产生的那条连接线,在右边属性栏里将其Identifier设置为PushSegue。
在ViewController里的pushButton事件里写上跳转的代码。

- (IBAction)pushButton:(id)sender
{
    [self performSegueWithIdentifier:@"PushSegue" sender:sender];
}

运行项目,点击push按钮,发现程序崩溃!
其实手打过界面代码的人都知道,push方式的跳转需要原来的ViewController是一个NavigationController。
而这里,我们初始化的控制器就是一个简单的ViewController。

解决方法:
1)选中初始化的控制器。
2)在顶部菜单栏里选择:Editor->Embed In->Navigation Controller。也就是把该控制器包裹在NavigationController中。

(图11)

再运行代码,看到push的跳转方式了吗?

4、modal方式跳转

如果你足够聪明,相信你一定知道怎么用modal跳转了!
以同样的方式在项目中创建一个ModalViewController和对应的视图,以拉拽的方式添加一个新的Segue并设置为Modal方式。
同样的写上类似的代码,Modal跳转方式就完成啦~

这里要说的是Modal的四种方式:

(图12)

你可以分别设置,并尝试不同的表现形式,马上就知道这四种方式的区别了。

5、总结

跳转方式是Storyboard最常用的技巧,但这只是对跳转方式的简单掌握,还有更多可以深入了解的东西,比如传递数据等。
以后会继续奉献上相关的教程。


内容概要:本文档主要展示了C语言中关于字符串处理、指针操作以及动态内存分配的相关代码示例。首先介绍了如何实现键值对(“key=value”)字符串的解析,包括去除多余空格和根据键获取对应值的功能,并提供了相应的测试用例。接着演示了从给定字符串中分离出奇偶位置字符的方法,并将结果分别存储到两个不同的缓冲区中。此外,还探讨了常量(const)修饰符在变量和指针中的应用规则,解释了不同类型指针的区别及其使用场景。最后,详细讲解了如何动态分配二维字符数组,并实现了对这类数组的排序与释放操作。 适合人群:具有C语言基础的程序员或计算机科学相关专业的学生,尤其是那些希望深入理解字符串处理、指针操作以及动态内存管理机制的学习者。 使用场景及目标:①掌握如何高效地解析键值对字符串并去除其中的空白字符;②学会编写能够正确处理奇偶索引字符的函数;③理解const修饰符的作用范围及其对程序逻辑的影响;④熟悉动态分配二维字符数组的技术,并能对其进行有效的排序和清理。 阅读建议:由于本资源涉及较多底层概念和技术细节,建议读者先复习C语言基础知识,特别是指针和内存管理部分。在学习过程中,可以尝试动手编写类似的代码片段,以便更好地理解和掌握文中所介绍的各种技巧。同时,注意观察代码注释,它们对于理解复杂逻辑非常有帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值