闲了一段时间了,第一次在简书上写文章,试试自己的功底!
之前项目中有用到点击tableviewcell展开下拉菜单内容的功能,刚开始在网上找了好了(本人菜鸟一枚,有写的不好的地方请指出,谢谢),感觉不太适合自己的项目,而且大多代码量都挺大的不是很实用。不过终于在网上找到了一个(现在忘了是哪位大神些的呢,莫怪我!),根据他的思路,我仿照写了一个简单易懂的且实用的展开菜单功能!适合新手学习
class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {
var tableView : UITableView!
let cellIDstr : String = "cell"
var Arr = NSMutableArray() //存放列表上的显示数据
//点击cell出发方法,弹出下拉框(原作者中将我这里的NSIndexPath写成的是Int类型,我这里实用的tableview的row来写的)
var selectedCellIndexPaths:[NSIndexPath] = [] //这里是设置点击展开cell下面菜单的关键
//我的下拉展开内容是用的label写的,因为每一个lable的高度都可能会不一样,所有我这里需要获取单独的label的高度,这里我只给的5个
var textl1 = CGFloat()
var textl2 = CGFloat()
var textl3 = CGFloat()
var textl4 = CGFloat()
var textl0 = CGFloat()
//下面这里的textlArr将5个lable的高度装入数组,方便取出
var textlArr : [CGFloat] = NSArray() as! [CGFloat]
//方向指示箭头
let ico_expand = UIImage(named: "icon_mr")!
let ico_expand1 = UIImage(named: "icon_xl")!
然后实例化UITableView
//这里的cwpCell是我自定义的UItableviewcell,所有的控件,如label都在这里面实例化的
tableView.registerClass(cwpCell.self, forCellReuseIdentifier: cellIDstr)
然后就是cellForRowAtIndexPath里面
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
var cell = tableView.dequeueReusableCellWithIdentifier(cellIDstr) as? cwpCell
//防止视图加载重叠,删除上一次的控件
for cell in cell!.contentView.subviews {
cell.removeFromSuperview()
}
if(cell == nil){
cell = cwpCell(style: .Default, reuseIdentifier: cellIDstr)
}
cell!.selectionStyle = UITableViewCellSelectionStyle.None
//调用cwpCell 里面的方法 实例化控件(这里的Arr里面的数据,我放在一个plist文件里面,通过key来取值cell的标题和label的内容)
cell?.setinitlabel((Arr[indexPath.row]["Title"] as? String)!)
cell?.setUILabelinit((Arr[indexPath.row]["Titlesub"] as? String)!)
textlArr[indexPath.row] = (cell?.textlabel.frame.height)!
//点击展开和收缩改变文字颜色 图片(重点)
if selectedCellIndexPaths.contains(indexPath) {
cell!.labelc.textColor = UIColor(red: 0.0000, green: 0.6824, blue: 0.4627, alpha: 1.0000)
cell!.setinitimage(ico_expand1)
}else{
cell!.labelc.textColor = UIColor(red: 0.3961, green: 0.3961, blue: 0.3961, alpha: 1.0000)
cell!.setinitimage(ico_expand)
}
cell!.layer.masksToBounds = true
return cell!
}
再然后就是点击cell展开下面lable的内容(高度)
func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
var sdwsa = CGFloat()
//根据类容lable的高度 改变cell的高度
if(selectedCellIndexPaths.contains(indexPath)){
sdwsa = textlArr[indexPath.row] + 50
}else{
//这里cell的高度我默认设置是40
sdwsa = 40
}
return sdwsa
}
//根据点击的cell的来进行展开或收缩
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
//点击展开或收缩
if let index = selectedCellIndexPaths.indexOf(indexPath) {
selectedCellIndexPaths.removeAtIndex(index)
}else{
selectedCellIndexPaths.append(indexPath)
}
//别忘了还要重新刷新cell
tableView.reloadRowsAtIndexPaths([indexPath], withRowAnimation: .Automatic)
}
展开的lable的实例化我这里是在我的自定义cell里面写的方法
func setUILabelinit(str : String) -> NSMutableAttributedString{
textlabel = UILabel()
textlabel.frame = CGRectMake(48, 40, Screen_W - 48 - 20, 0)
textlabel.font = UIFont.systemFontOfSize(15)
textlabel.numberOfLines = 0
//用NSMutableAttributedString来给label设置行间距
let attributedString = NSMutableAttributedString(string: str)
let paragraphStyle = NSMutableParagraphStyle()
paragraphStyle.lineSpacing = 3
attributedString.addAttribute(NSParagraphStyleAttributeName, value: paragraphStyle, range: NSMakeRange(0, str.characters.count))
textlabel.attributedText = attributedString
self.contentView.addSubview(textlabel)
textlabel.sizeToFit()
return attributedString
}
初次在简书上写代码文章,谈谈自己的经验,写的不好的地方,还望给位多多见谅、多多指点!
代码下载地址:http://code.cocoachina.com/view/133825