Swift - 使用xib添加新界面

除了使用storyboard外,我们还可以使用xib来设计并创建页面。


1,下面通过一个样例来演示:
(1)点击主界面的“信息”按钮,页面切换到信息界面
(2)点击信息界面的“返回”,关闭信息界面,回到主界面


2,UIModalTransitionStyle有四种跳转方式:
(1)CoverVertical:从底部升上来的方式
(2)CrossDissolve:快速闪现
(3)FlipHorizontal:卡片翻转形式
(4)PartialCurl:书本翻页效果

3,信息页面创建
(1)新建个Cocoa Touch Class文件

(2)在接下来的窗口进行如下命名。
类(Class)命名为InfoViewController。继承(SubClass of)自UIViewController类。
同时把Also create XIB file 选项勾上,这样就能编辑新的视图界面了。

(3)从左侧的项目组织文件可以看到多出的两个文件:InfoViewController.swift和InfoViewController.xib
(4)新创建的消息界面代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import UIKit
 
class InfoViewController: UIViewController {
 
    override func viewDidLoad() {
        super.viewDidLoad()
    }
 
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
 
    //关闭当前页面,放回主界面
    @IBAction func onBack(sender: AnyObject) {
        self.dismissViewControllerAnimated(true, completion: nil)
    }
}

(5)主界面的代码如下

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import UIKit
 
class ViewController: UIViewController {
 
    override func viewDidLoad() {
        super.viewDidLoad()
         
    }
 
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
 
    //跳转到信息页面
    @IBAction func ShowInfo(sender: AnyObject) {
        //实例化一个信息界面
        let controller = InfoViewController(nibName:"InfoViewController", bundle:nil)
        //信息界面出现的动画方式
        controller.modalTransitionStyle = UIModalTransitionStyle.CoverVertical
        //界面跳转
        self.presentViewController(controller, animated:true, completion:nil)
    }
}

http://www.hangge.com/blog/cache/detail_710.html

posted @   brave-sailor  阅读(525)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
历史上的今天:
2014-09-25 Android 出现警告Exported service does not require permission
2013-09-25 Android中的JSON详细总结
点击右上角即可分享
微信分享提示