在swift中制作简单的手风琴TableView?

时间:2016-02-14 16:35:37

标签: swift tableview accordion

有没有什么方法可以像在Calendar Event Create中那样快速制作简单的Accordion View?我不想使用其他第三方库以及其他代码。

我在github和google上找到了很多答案。但是,仍然不能满足我的要求。

其实我想添加两个表视图。

第一个是显示(纽约,洛杉矶,拉斯维加斯等)城市的部分

当我点击其中一个城市时,它会在tableview中显示商店地址,这意味着有很多商店。

所有商店和数据都来自json。

我想要做的手风琴视图就像iOS上的Calendar App那样简单。但是,我要插入两个tableView(每个部分内的Section Header& Inner Records)的数据是动态的。

任何帮助?请指导我,帮帮我。

更新:请看一下

enter image description here

2 个答案:

答案 0 :(得分:3)

@TechBee提供的答案适用于那些对不使用部分和使用单元格感兴趣的人。

可以使用UITableView以非常简单的方式在Swift中实现 Accordion Menu ,只需要两个单元格用于父单元格,另一个单元格用于子单元格和每个时刻都会保持单元格的展开或折叠轨迹,因为每次新单元格展开或折叠时它都会更改indexPath.row

tableView.beginUpdates()tableView.endUpdates()的调用块中始终使用insertRowsAtIndexPaths(_:withRowAnimation:)deleteRowsAtIndexPaths(_:withRowAnimation:)功能并更新数据源中的项目总数或模拟它会改变我们可以通过包含动画的非常简单的方式在UITableView中实现新单元格的删除插入。

我已经使用Swift和UITableView以简单易懂的方式在Github中实现了自己的存储库以及上面解释的所有AccordionMenu。它允许几个细胞扩展或只有一个细胞。

答案 1 :(得分:2)

试试这个:

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    arrayForBool = ["0","0","0"]
    sectionTitleArray = ["Pool A","Pool B","Pool C"]
    var tmp1 : NSArray = ["New Zealand","Australia","Bangladesh","Sri Lanka"]
    var string1 = sectionTitleArray .objectAtIndex(0) as? String
    [sectionContentDict .setValue(tmp1, forKey:string1! )]
    var tmp2 : NSArray = ["India","South Africa","UAE","Pakistan"]
    string1 = sectionTitleArray .objectAtIndex(1) as? String
    [sectionContentDict .setValue(tmp2, forKey:string1! )]


    self.tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "Cell")


}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    return sectionTitleArray.count
}


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

    if(arrayForBool .objectAtIndex(section).boolValue == true)
    {
        var tps = sectionTitleArray.objectAtIndex(section) as! String
        var count1 = (sectionContentDict.valueForKey(tps)) as! NSArray
        return count1.count
    }
    return 0;
}

func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    return "ABC"
}

func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {

    return 50
}

func tableView(tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
    return 1
}

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    if(arrayForBool .objectAtIndex(indexPath.section).boolValue == true){
        return 100
    }

    return 2;
}

func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    let headerView = UIView(frame: CGRectMake(0, 0, tableView.frame.size.width, 40))
    headerView.backgroundColor = UIColor.grayColor()
    headerView.tag = section

    let headerString = UILabel(frame: CGRect(x: 10, y: 10, width: tableView.frame.size.width-10, height: 30)) as UILabel
    headerString.text = sectionTitleArray.objectAtIndex(section) as? String
    headerView .addSubview(headerString)

    let headerTapped = UITapGestureRecognizer (target: self, action:"sectionHeaderTapped:")
    headerView .addGestureRecognizer(headerTapped)

    return headerView
}

func sectionHeaderTapped(recognizer: UITapGestureRecognizer) {
    println("Tapping working")
    println(recognizer.view?.tag)

    var indexPath : NSIndexPath = NSIndexPath(forRow: 0, inSection:(recognizer.view?.tag as Int!)!)
    if (indexPath.row == 0) {

        var collapsed = arrayForBool .objectAtIndex(indexPath.section).boolValue
        collapsed       = !collapsed;

        arrayForBool .replaceObjectAtIndex(indexPath.section, withObject: collapsed)
        //reload specific section animated
        var range = NSMakeRange(indexPath.section, 1)
        var sectionToReload = NSIndexSet(indexesInRange: range)
        self.tableView .reloadSections(sectionToReload, withRowAnimation:UITableViewRowAnimation.Fade)
    }

}

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{

    let CellIdentifier = "Cell"
    var cell :UITableViewCell
    cell = self.tableView.dequeueReusableCellWithIdentifier(CellIdentifier) as! UITableViewCell

    var manyCells : Bool = arrayForBool .objectAtIndex(indexPath.section).boolValue

    if (!manyCells) {
        //  cell.textLabel.text = @"click to enlarge";
    }
    else{
        var content = sectionContentDict .valueForKey(sectionTitleArray.objectAtIndex(indexPath.section) as! String) as! NSArray
        cell.textLabel?.text = content .objectAtIndex(indexPath.row) as? String
        cell.backgroundColor = UIColor .greenColor()
    }

    return cell
}