Swift - 使用TableView的静态单元格进行页面布局

通过使用静态单元格的列表,我们可以很方便的进行页面布局。下面通过一个“添加任务页面”来进行演示。

效果图如下:

实现步骤:

1,在storyboard中拖入一个TableViewController,同时创建一个对应的类(MyTabelViewController.swift)进行绑定。

2,选择表格,在属性面板中设置Content为Static Cells,Sections设置为2

3,选中第1个Sections,将Rows设置为1,并拖入一个TextFiled到单元格中

4,选中第2个Sections,将Rows设置为2,分别给两个单元格拖入对应的Label和Switch等控件

5,MyTabelViewController.swift


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

class MyTableViewController: UITableViewController {

    override func viewDidLoad() {

        super.viewDidLoad()

      

        self.title = "添加任务"

        //去除尾部多余的空行

        self.tableView.tableFooterView = UIView(frame:CGRectZero)

    }

    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

    }

    override func numberOfSectionsInTableView(tableView: UITableView) -> Int {

        return 2

    }

    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

        if section == 0 {

            return 1

        }else{

            return 2

        }      

    }

}

时间: 2024-12-19 18:49:12

Swift - 使用TableView的静态单元格进行页面布局的相关文章

UIKit框架(22)UITableView之静态单元格

表格控制器 UITableViewController是UIViewController的子类 控制器中包含一个UITableView视图属性: @property(nonatomic, retain) UITableView *tableView UITableViewController遵循UITableView的数据源协议.代理协议 并且属性tableView的数据源.代理均被设置为控制器. 表格视图的刷新控件: @property(nonatomic, retain) UIRefresh

TableView静态单元格实现

整理TableView静态单元格的使用方法 需要实现的页面: 基本框架就是四个静态单元格,在此整理一下TableView的使用细节. 1.首先创建一个group,此内有两个类,一个是AccountBoundingViewController,继承自UIViewController:一个是AccountBoundingViewCell,继承自UITableViewCell. 2.先在xib中构造cell,内容如下: 由一个ImageView,一个Label,一个Button组成(在此并没有设定co

第十一章 静态单元格

本项目是<beginning iOS8 programming with swift>中的项目学习笔记==>全部笔记目录 ------------------------------------------------------------------------------------------------------------------ 1.    拖一个table view控制器,修改单元格content为static cells,修改rows为5.2.    第一格:修改

iOS开发UI篇—简单介绍静态单元格的使用

iOS开发UI篇-简单介绍静态单元格的使用 一.实现效果与说明 说明:观察上面的展示效果,可以发现整个界面是由一个tableview来展示的,上面的数据都是固定的,且几乎不会改变. 要完成上面的效果,有几种方法: (1)可以直接利用代码,返回三组,在判断每组有多少行,展示些什么数据,这样写"死"的代码建议绝不要使用. (2)稍微灵活一些的,可以把plist文件一懒加载的方式,加载到程序中,动态获取.但是观察界面结构,很容易看出这样需要进行模型嵌套,很麻烦. (3)storyboard提

Swift - 给表格添加移动单元格功能(拖动行)

1,下面的样例是给表格UITableView添加单元格移动功能: (1)给表格添加长按功能,长按后表格进入编辑状态 (2)在编辑状态下,可以看到单元格后面出现拖动按钮 (3)鼠标按住拖动按钮,可以拖动单元格到任意位置 (4)拖动完毕后,还会触发TabelView对应的代理事件 2,效果图如下:   3,代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

Swift - 实现点击UITableView单元格时自动展开单元格

下面是一个列表单元格cell的折叠展开效果的demo.当点击单元格时会展开该单元格,便于显示一些详情什么的.点击其他单元格原来的会关闭,同时有动画效果. 效果如如下:   代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

[Swift]LeetCode1030. 距离顺序排列矩阵单元格 | Matrix Cells in Distance Order

We are given a matrix with R rows and C columns has cells with integer coordinates (r, c), where 0 <= r < R and 0 <= c < C. Additionally, we are given a cell in that matrix with coordinates (r0, c0). Return the coordinates of all cells in the

[iOS基础控件 - 6.9.2] 静态单元格 QQ功能列表

使用storyboard设计静态的表格数据 A.实现步骤 1.控制器继承UITableViewController 2.在storyboard中使用TableViewController,删除原来的ViewController 3.设置class 4.设置新的View Controller为程序入口 5.设置TableView的Style为Grouped 6.设置TableView的Content为Static Cells,暂时设置Section为1(后面会解释原因) 7.设置Table Vie

【iOS 基础控件 - 12】 静态单元格 QQ功能列表

使用storyboard设计静态的表格数据 A.实现步骤 1.控制器继承UITableViewController 2.在storyboard中使用TableViewController,删除原来的ViewController 3.设置class 4.设置新的View Controller为程序入口 5.设置TableView的Style为Grouped 6.设置TableView的Content为Static Cells,暂时设置Section为1(后面会解释原因) 7.设置Table Vie