swift自定义表格控件(UITableView)

模糊大视野 發表於 2022-1-27 08:37:46

<p>本文实例为大家分享了swift自定义表格控件的具体代码，供大家参考，具体内容如下</p>
<h2>1、效果图</h2>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202201/202212783924863.jpg?202202783942" /></p>
<h2>2、控件</h2>
<p>storyboard上的控件就2个：UIButton。</p>
<h2>3、为按钮添加点击事件</h2>
<p>通过辅助编辑器为这2个按钮添加按钮单击事件：分别为 generalBtnClick 和   groupBtnClick</p>
<h2>4、完整代码</h2>
<div class="jb51code"><pre class="brush:cpp;">import UIKit

enum UIControlType{
case Basic
case Advanced
}

class ViewController: UIViewController , UITableViewDelegate, UITableViewDataSource{

var tableView:UITableView?

var ctrlnames:? = ["按钮", "文本框", "标签"];

var allnames:Dictionary<Int, >?

var adHeaders:?

var ctype:UIControlType!

override func loadView() {
super.loadView()
}

override func viewDidLoad() {
super.viewDidLoad()

// //初始化数据，这一次数据，我们放在属性列表文件里
// self.ctrlnames = NSArray(contentsOfFile: NSBundle.mainBundle().pathForResource("Controls", ofType:"plist")!) as? Array
//
// print(self.ctrlnames, terminator: "")

//初始化数据，这一次数据，我们放在属性列表文件里
self.allnames = [ 0:(self.ctrlnames!),1:([
"日期选择器",
"网页选择器",
"工具条",
"表格视图"])
];

// print(self.allnames, terminator: "")

self.adHeaders = [
"常见UIKit控件",
"高级UIKit控件"
]
}

@IBAction func generalBtnClicked(sender: UIButton) {
self.ctype = UIControlType.Basic


//创建表视图
self.tableView = UITableView(frame:CGRectMake(0, 100, self.view.frame.size.width, self.view.frame.size.height - 100), style:UITableViewStyle.Plain)
self.tableView!.delegate = self
self.tableView!.dataSource = self
//创建一个重用的单元格
self.tableView!.registerClass(UITableViewCell.self, forCellReuseIdentifier: "SwiftCell")
self.view.addSubview(self.tableView!)


//创建表头标签
let headerLabel = UILabel(frame: CGRectMake(0, 0, self.view.bounds.size.width, 30))
headerLabel.backgroundColor = UIColor.blackColor()
headerLabel.textColor = UIColor.whiteColor()
headerLabel.numberOfLines = 0
headerLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
headerLabel.text = "常见 UIKit 控件"
headerLabel.font = UIFont.italicSystemFontOfSize(20)
self.tableView!.tableHeaderView = headerLabel
}

@IBAction func groupBtnClicked(sender: UIButton) {
self.ctype = UIControlType.Advanced

//创建表视图


self.tableView = UITableView(frame:CGRectMake(0, 100, self.view.frame.size.width, self.view.frame.size.height - 100), style:UITableViewStyle.Grouped)
self.tableView!.delegate = self
self.tableView!.dataSource = self
//创建一个重用的单元格
self.tableView!.registerClass(UITableViewCell.self, forCellReuseIdentifier: "SwiftCell")
self.view.addSubview(self.tableView!)

//创建表头标签
let headerLabel = UILabel(frame: CGRectMake(0, 0, self.view.bounds.size.width, 30))
headerLabel.backgroundColor = UIColor.blackColor()
headerLabel.textColor = UIColor.whiteColor()
headerLabel.numberOfLines = 0
headerLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
headerLabel.text = "高级 UIKit 控件"
headerLabel.font = UIFont.italicSystemFontOfSize(20)
self.tableView!.tableHeaderView = headerLabel
}


//在本例中，只有一个分区
func numberOfSectionsInTableView(tableView: UITableView) -> Int {
return self.ctype == UIControlType.Basic ? 1:2;
}

//返回表格行数（也就是返回控件数）
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
let data = self.allnames?
return data!.count
}


// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的头部
func tableView(tableView:UITableView, titleForHeaderInSection
section:Int)->String?
{
var headers = self.adHeaders!;
return headers;
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的尾部
func tableView(tableView:UITableView, titleForFooterInSection
section:Int)->String?
{
let data = self.allnames?
return "有\(data!.count)个控件"
}


//创建各单元显示内容(创建参数indexPath指定的单元）
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
{
let identify:String = "SwiftCell";

/// 同一形式的单元格重复使用。
let secno = indexPath.section;
var data = self.allnames?;
if (0 == secno)
{
let cell = tableView.dequeueReusableCellWithIdentifier(identify, forIndexPath: indexPath);
cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator;

cell.imageView?.image = UIImage(named: "1");
cell.textLabel?.text = data!;

return cell;
}

else
{
let adcell = UITableViewCell(style: .Subtitle, reuseIdentifier: "SwiftCell");
adcell.textLabel?.text = data!;
adcell.detailTextLabel?.text = "这是\(data!)的说明";

return adcell;
}
}

// UITableViewDelegate 方法，处理列表项的选中事件
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath)
{
self.tableView!.deselectRowAtIndexPath(indexPath, animated: true)

let itemString = self.ctrlnames!

let alert = UIAlertController(title: "提示", message: "你选择了:\(itemString)", preferredStyle: UIAlertControllerStyle.Alert);
let sureAction = UIAlertAction(title: "确定", style: UIAlertActionStyle.Default, handler: {(action)->Void in});
alert.addAction(sureAction);

presentViewController(alert,animated:true, completion:nil);

}

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()

// Dispose of any resources that can be recreated.
}
}</pre></div>
<p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持琼殿技术社区。</p>

                        <div class="art_xg">
                           <b>您可能感兴趣的文章:</b><ul><li>swift表格控件使用方法详解(UITableview)</li><li>Swift实现表格视图单元格单选(2)</li><li>Swift实现表格视图单元格单选(1)</li><li>Swift实现表格视图单元格多选</li><li>Swift使用表格组件实现单列表</li></ul>
                        </div>

                     </div>

頁: [1]

琼殿技术论坛's Archiver

swift自定义表格控件(UITableView)