博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
第七章 美化DetailView界面
阅读量:7294 次
发布时间:2019-06-30

本文共 3098 字,大约阅读时间需要 10 分钟。

本项目是《beginning iOS8 programming with swift》中的项目学习笔记==》

------------------------------------------------------------------------------------------------------------------

1. 往DetailViewController里拖一个Tabel View控件,设置prototype cells为1,将imageView控件在文档视图中拖到Table View里面,作为Header,设置表格的数据源和代理。

2. Aspect Fit等图片设置原理如下图:

 

 

 

 

3. 往原型Cell里拖入两个Label控件,分别设置文字为Name和Value。并新建一个自定义UITableViewCell类DetailTableViewCell,并定义两个成员变量,关联到控件上。

4. 修改DetailViewController中的成员变量为Restaurant,实现表格数据源方法(貌似这里不用连线tableView到IBOutlet):

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {    let cell = tableView.dequeueReusableCellWithIdentifier("DetailTableCell", forIndexPath: indexPath) as DetailTableViewCell    switch indexPath.row {    case 0:        cell.nameLabel.text = "Name"        cell.valueLabel.text = restaurant.name    case 1:        cell.nameLabel.text = "Type"        cell.valueLabel.text = restaurant.type    case 2:        cell.nameLabel.text = "Location"        cell.valueLabel.text = restaurant.location    case 3:        cell.nameLabel.text = "Been here"        cell.valueLabel.text = restaurant.isVisited ? "I've been here" : "No"    default:        cell.nameLabel.text = ""        cell.valueLabel.text = ""    }          // 设置单元格背景色    cell.backgroundColor = UIColor.clearColor()    // 清除多余的表格行    tableView.tableFooterView = UIView(frame: CGRectZero)    // 自定义单元格分割线    tableView.separatorColor = UIColor.orangeColor()       return cell}

效果图:

 5. 自定义导航栏主题

didFinishLaunchingWithOptions方法中自定义导航栏,也可以自定义一个导航控制器类,并在initialize方法中设置导航栏主题

// 设置导航栏背景色UINavigationBar.appearance().barTintColor = UIColor.orangeColor()// 设置导航栏上面Item的颜色UINavigationBar.appearance().tintColor = UIColor.whiteColor()// 设置导航栏文字字体UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor(), NSFontAttributeName: UIFont.systemFontOfSize(22.0)]

6. 设置返回按钮文字为空(viewDidLoad):

self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .Plain, target: nil, action: nil)

7. 设置导航栏标题(Detail的viewDidLoad):

self.title = restaurant.name

8. 设置滑动隐藏导航栏。可以在storyboard中设置OnSwipe勾上,但是这样会对全局的导航栏生效,所以如果只想Restaurant表格滑动隐藏导航栏而Detail表格滑动不隐藏,最好是在代码里设置。可以在哪儿设置合适呢?viewDidLoad中吗?如果在Restaurant中设置true,在Detail中设置false,但是导航后并不能按照预期的变化。因为viewDidLoad方法只会在界面初次加载的时候执行一次。因此,在Restaurant控制器和Detail控制器的viewWillAppear方法中分别执行:

override func viewWillAppear(animated: Bool) {    super.viewWillAppear(animated)           self.navigationController?.hidesBarsOnSwipe = true} override func viewWillAppear(animated: Bool) {    super.viewWillAppear(animated)           self.navigationController?.hidesBarsOnSwipe = false    self.navigationController?.setNavigationBarHidden(false, animated: true)}

9. 现在导航栏文字颜色是白色,但是状态栏颜色是黑色,需要处理一下。

  9.1 如果是修改一个控制器的状态栏:

override func preferredStatusBarStyle() ->UIStatusBarStyle {    return .LightContent}

 9.2 如果是修改整个应用程序的状态栏:

    1. 修改View controller-based status bar appearance设置为NO

  2. 在didFinishLaunchingWithOptions方法中:

UIApplication.sharedApplication().statusBarStyle = .LightContent  

转载于:https://www.cnblogs.com/tangzhengyue/p/4307981.html

你可能感兴趣的文章
【推荐】10款优秀的jQuery图片插件
查看>>
黑帽大会:SCADA系统安全就像一颗“定时炸弹”
查看>>
20165303第九周学习总结
查看>>
sql存储过程中的整形变量和字符串变量
查看>>
WebService 调用三种方法
查看>>
自定义web框架
查看>>
java集合架构(二)——Map
查看>>
课堂实验
查看>>
The King’s Ups and Downs
查看>>
JRadioButton 实现图片切换
查看>>
图片和字符串相互转换
查看>>
动态规划,Dijkstra算法,A*算法的比较
查看>>
[笔记]sql server 单用户切换
查看>>
ios专题 - 图片(UIImage)获取方法
查看>>
iOS应用性能调优的25个建议和技巧
查看>>
LINUX常用命令--基础篇(一)
查看>>
JS查询class的名称
查看>>
web框架
查看>>
Tomcat访问日志详细配置
查看>>
栈溢出防御——windows安全机制GS编译选项
查看>>