第六章 创建一个基于Table的简单App(三)
来源:互联网 发布:合肥市行知学校前身 编辑:程序博客网 时间:2024/05/20 06:30
隐藏状态条
从iOS7开始,view controller是满屏显示。现在表格的内容被状态条遮住。这样不好看。
一个简单的补救方法是隐藏状态条。你可以控制每一个view controller的显示状态。如果你想在某个特别的view controller里不显示状态条,只需简单增加下面的代码。
在ViewController.swift中插入这行代码,然后再次测试App。现在你可以看到屏幕的表格前没有状态条。
为UITableView添加自动布局约束
到现在为止你已经学了不少了。你的第二个App在iPhone 5/5s上运行的很好。你是否尝试过在iPhone 4s(3.5英寸)上运行或者将设备旋转为横屏。如果没有试过,你可以尝试一下。
在3.5英寸屏上表格没法全部显示。在横屏模式下同样如此。你现在肯定会想到,我们要使用自动布局(Auto Layout),这样表格就能适应不同的屏幕尺寸了。
转到storyboard并且选择table view。在自动布局菜单,点击Pin按钮打开Pin工具菜单。选择每一条红色的虚线。一旦被选中红色的虚线会变成实线。点击“Add 4 Constraints”按钮添加约束。这里我们为UITableview四周添加4条约束。特别的,我们想确保UITableView的底边不会超出布局推荐的底边。如果你在Document Outline中展开约束信息,可以看到两条水平空间约束和两条垂直空间约束。两条水平空间约束确保表格的左边和右边伸展到view controller边缘。垂直约束用来解决3.5英寸屏幕的问题。UITableView现在对齐自动布局推荐的底边。换句话说,你的表格将会自动调整大小来适应小的屏幕。
很酷吧。你现在可以再次测试App了。现在你的APP无论在什么屏幕尺寸还是方向上都完美适应。
你的练习
迄今为止展示的APP为所有的单元格显示一个固定的图片。你可以尝试修改App让它每个单元格显示不同的图片。
小结
Table view是iOS编程中使用最普遍的元素之一。如果你彻底理解了细节并且自己编写了App,你应该很好的掌握了如何创建你自己的table view。我试着把demo App中的所有事情都尽力简化。在真实的App中,表格的数据一般不是“硬编码”。通常数据从文件,数据库或者其他地方加载。随着不断深入我们会慢慢介绍。同时,必须确保你已经完全理解了table view是如何工作的。否则你需要回到章节开头并且重新学习。
- 第六章 创建一个基于Table的简单App(三)
- 第六章 创建一个基于Table的简单App(一)
- 第六章 创建一个基于Table的简单App(二)
- 第五章 :创建一个简单的基于Table View的应用程序
- Ionic创建一个简单的APP
- 简单的创建table
- Lua源码揭秘(三)一个比较简单的table库扩展
- 创建一个简单的 iOS 5 iPhone App 教程
- 如何用 React Native 创建一个iOS APP?(三)
- 基于SharePoint 2010 创建一个简单的工作流
- Qt使用教程之创建一个基于Qt部件的应用程序(三)
- 使用Umbraco创建一个简单的网站(基于Umbraco7.1)
- Maven学习之三:创建一个简单的Maven项目
- [Andriod官方训练教程]创建你的第一个App之创建一个简单的用户界面
- jquery EasyUi学习--创建简单的table
- 基于PHP的APP微信支付开发(三)
- 基于Android的“健康宝”体检APP(三)
- dom创建table的一个方法
- C Primer Plus(第6版)第七章答案
- leetcode(2)Add Two Numbers
- gcc编译注意事项
- Android Service解析
- 六、注解方式实现关联查询
- 第六章 创建一个基于Table的简单App(三)
- hdu 1080 Human Gene Functions
- php递归实现树状分类结构
- protobuf3在php中的使用
- 【Zookeeper】1.什么是Zookeeper
- redis持久化RDB和AOF
- 4152: [AMPPZ2014]The Captain
- android远程服务
- 第三周工作总结