swift之sb的TableView控件静态设置自定义样式

1. 建立项目<code>SwiftSBCustomTableView</code>项目

如下图所示:

Paste_Image.png

2. 建立<code>SwiftSBCustomTableViewController.swift</code>和sb文件中的TableView视图

如图所示为添加TableView到sb中

Paste_Image.png

这时将tableView视图与<code>SwiftSBCustomTableViewController.swift</code>关联起来。如图所示:

Paste_Image.png

下来就对sb文件中的TableView来设置了。

3.对sb文件中TableView进行设置

1.将<code>tableview</code>的<code>Content</code>选择<code>Static Cells</code>,在将<code>Secitons</code>设置为4,这里的设置可以根据自己的情况来设置。如下图所示:

Paste_Image.png

当这是设置完毕后会出现如下图所示的效果了

Paste_Image.png

下来就来开始设置对应的样式了

4.添加自定义的样式

  1. 现在就可以直接拖控件到各自的cell中去了。如下图所示,是我对应的设置的控件
Paste_Image.png

这就是我向其中添加的控件,大家可以自己随意的向其中添加自己所需要的控件

5.在<code>ViewController.swift</code> 实现该界面

添加的代码如下所示:
<code>
// MARK: - Table view data source

override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    // #warning Potentially incomplete method implementation.
    // Return the number of sections.
    return 4
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // #warning Incomplete method implementation.
    // Return the number of rows in the section.
    switch section {
    
    case 0:
        return 3
    case 1:
        return 2
    case 2:
        return 2
    default:
        return 2
    }
}

</code>

结果如下图所示:

Paste_Image.png

介绍完毕,详细代码请到此处下载:http://pan.baidu.com/s/1hq4df1q

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 首先来看下效果图: 在这个图中可以看出我们没有tableview的分割线,而且每个单元格都是可以设置自己的样式。下...
    Seizens_Swift阅读 13,988评论 6 12
  • 原以为《皮囊》一书是一本地地道道的鸡汤文,所以并有太多读的欲望。但是,皮囊 二字却总是有着某种莫名的吸引力,在书店...
    江子涯阅读 694评论 2 6
  • --------致802班那些欢乐的小孩儿 宣布放假的一刹那,学生们站了起来,大声地说着再见:再见,再见,还是再见...
    姜成林阅读 1,016评论 2 7
  • 我原想过会多么悲伤、痛苦得一个人无法独自承受,我却没想到它消失如此之快,以至于我还没意识到就已经忘却它的存在了。
    Beijing阅读 693评论 0 1