swift-使用tableview实现折叠面板的效果
2019-03-12 本文已影响6人
瑟闻风倾
1. 需求描述
仿QQ的好友分组，每组列表可折叠可展开；但此处每组的展现内容的布局形式不一样。故不仅要实现折叠效果还要对每组的cell单独设计。
2. 页面展示
页面展示.png
3. 界面设计
界面设计.png
4. 效果实现
(1)CollapsibleTableViewController.swift
//
// CollapsibleTableViewController.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
import Alamofire
import SwiftyJSON
//
// MARK: - View Controller
//
class CollapsibleTableViewController: UITableViewController {
var sections = sectionsData//扩展-PBBData
override func viewDidLoad() {
super.viewDidLoad()
// Auto resizing the height of the cell
tableView.estimatedRowHeight = 44.0
tableView.rowHeight = UITableView.automaticDimension
}
}
//
// MARK: - View Controller DataSource and Delegate
//
extension CollapsibleTableViewController {
override func numberOfSections(in tableView: UITableView) -> Int {
return sections.count
}
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return sections[section].collapsed ? 0 : sections[section].items.count
}
// Cell
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell: CollapsibleTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleTableViewCell ??
CollapsibleTableViewCell(style: .default, reuseIdentifier: "cell")
if (indexPath.section == 0) {
let cell: CollapsibleTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleTableViewCell ??
CollapsibleTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}else if (indexPath.section == 1) {
let cell: CollapsibleCountTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleCountTableViewCell ??
CollapsibleCountTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}else if (indexPath.section == 2) {
let cell: CollapsibleMachineTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleMachineTableViewCell ??
CollapsibleMachineTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}else if (indexPath.section == 3) {
let cell: CollapsibleMaintainTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleMaintainTableViewCell ??
CollapsibleMaintainTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}
return cell
}
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return UITableView.automaticDimension
}
// Header
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let header = tableView.dequeueReusableHeaderFooterView(withIdentifier: "header") as? CollapsibleTableViewHeader ?? CollapsibleTableViewHeader(reuseIdentifier: "header")
header.titleLabel.text = sections[section].name
header.arrowLabel.text = ">"
header.setCollapsed(sections[section].collapsed)
header.section = section
header.delegate = self
return header
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 44.0
}
override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
return 1.0
}
}
//
// MARK: - Section Header Delegate
//
extension CollapsibleTableViewController: CollapsibleTableViewHeaderDelegate {
func toggleSection(_ header: CollapsibleTableViewHeader, section: Int) {
let collapsed = !sections[section].collapsed
// Toggle collapse
sections[section].collapsed = collapsed
header.setCollapsed(collapsed)
tableView.reloadSections(NSIndexSet(index: section) as IndexSet, with: .automatic)
}
}
(2) CollapsibleTableViewHeader.swift
//
// CollapsibleTableViewHeader.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
protocol CollapsibleTableViewHeaderDelegate {
func toggleSection(_ header: CollapsibleTableViewHeader, section: Int)
}
class CollapsibleTableViewHeader: UITableViewHeaderFooterView {
var delegate: CollapsibleTableViewHeaderDelegate?
var section: Int = 0
let titleLabel = UILabel()
let arrowLabel = UILabel()
override init(reuseIdentifier: String?) {
super.init(reuseIdentifier: reuseIdentifier)
// Content View
contentView.backgroundColor = UIColor(hex: 0x2E3944)//扩展-ColorHelper
let marginGuide = contentView.layoutMarginsGuide
// Arrow label
contentView.addSubview(arrowLabel)
arrowLabel.textColor = UIColor.white
arrowLabel.translatesAutoresizingMaskIntoConstraints = false
arrowLabel.widthAnchor.constraint(equalToConstant: 12).isActive = true
arrowLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
arrowLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
arrowLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
// Title label
contentView.addSubview(titleLabel)
titleLabel.textColor = UIColor.white
titleLabel.translatesAutoresizingMaskIntoConstraints = false
titleLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
titleLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
titleLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
titleLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
//
// Call tapHeader when tapping on this header
//
addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(CollapsibleTableViewHeader.tapHeader(_:))))
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//
// Trigger toggle section when tapping on the header
//
@objc func tapHeader(_ gestureRecognizer: UITapGestureRecognizer) {
guard let cell = gestureRecognizer.view as? CollapsibleTableViewHeader else {
return
}
delegate?.toggleSection(self, section: cell.section)
}
func setCollapsed(_ collapsed: Bool) {
//
// Animate the arrow rotation (see Extensions.swf)
//
arrowLabel.rotate(collapsed ? 0.0 : .pi / 2)
}
}
(3)CollapsibleTableViewCell.swift
//
// CollapsibleTableViewCell.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
class CollapsibleTableViewCell: UITableViewCell {
let nameLabel = UILabel()
let detailLabel = UILabel()
// MARK: Initalizers
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
let marginGuide = contentView.layoutMarginsGuide
// configure nameLabel
contentView.addSubview(nameLabel)
nameLabel.translatesAutoresizingMaskIntoConstraints = false
nameLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
nameLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
nameLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
nameLabel.numberOfLines = 0
nameLabel.font = UIFont.systemFont(ofSize: 16)
// configure detailLabel
contentView.addSubview(detailLabel)
detailLabel.lineBreakMode = .byWordWrapping
detailLabel.translatesAutoresizingMaskIntoConstraints = false
detailLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
detailLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
detailLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
detailLabel.topAnchor.constraint(equalTo: nameLabel.bottomAnchor, constant: 5).isActive = true
detailLabel.numberOfLines = 0
detailLabel.font = UIFont.systemFont(ofSize: 12)
detailLabel.textColor = UIColor.lightGray
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
(4)CollapsibleCountTableViewCell.swift
//
// CollapsibleCountTableViewCell.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
class CollapsibleCountTableViewCell: UITableViewCell {
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
override func setSelected(_ selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
let nameLabel = UILabel()
let detailLabel = UILabel()
// MARK: Initalizers
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
let marginGuide = contentView.layoutMarginsGuide
// configure detailLabel
contentView.addSubview(detailLabel)
detailLabel.lineBreakMode = .byWordWrapping
detailLabel.translatesAutoresizingMaskIntoConstraints = false
detailLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
detailLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
detailLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
detailLabel.numberOfLines = 0
//detailLabel.adjustsFontSizeToFitWidth = true
detailLabel.font = UIFont.systemFont(ofSize: 12)
detailLabel.textColor = UIColor.lightGray
// configure nameLabel
contentView.addSubview(nameLabel)
nameLabel.translatesAutoresizingMaskIntoConstraints = false
nameLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
nameLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
nameLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
nameLabel.topAnchor.constraint(equalTo: detailLabel.bottomAnchor, constant: 5).isActive = true
nameLabel.numberOfLines = 0
nameLabel.font = UIFont.systemFont(ofSize: 16)
nameLabel.text = "计件信息"
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
(5)CollapsibleMachineTableViewCell.swift
//
// CollapsibleMachineTableViewCell.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
class CollapsibleMachineTableViewCell: UITableViewCell {
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
override func setSelected(_ selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
let nameLabel = UILabel()
let detailLabel = UILabel()
// MARK: Initalizers
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
let marginGuide = contentView.layoutMarginsGuide
// configure nameLabel
contentView.addSubview(nameLabel)
nameLabel.translatesAutoresizingMaskIntoConstraints = false
// nameLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
// nameLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
// nameLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
nameLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
nameLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
nameLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
nameLabel.numberOfLines = 0
nameLabel.font = UIFont.systemFont(ofSize: 16)
// configure detailLabel
contentView.addSubview(detailLabel)
detailLabel.lineBreakMode = .byWordWrapping
detailLabel.translatesAutoresizingMaskIntoConstraints = false
// detailLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
// detailLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
// detailLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
// detailLabel.topAnchor.constraint(equalTo: nameLabel.bottomAnchor, constant: 5).isActive = true
detailLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
detailLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
detailLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
detailLabel.leadingAnchor.constraint(equalTo: nameLabel.trailingAnchor, constant: 15).isActive = true
detailLabel.numberOfLines = 0
//detailLabel.adjustsFontSizeToFitWidth = true
detailLabel.font = UIFont.systemFont(ofSize: 12)
detailLabel.textColor = UIColor.lightGray
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
(6)CollapsibleMaintainTableViewCell.swift
//
// CollapsibleMaintainTableViewCell.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
class CollapsibleMaintainTableViewCell: UITableViewCell {
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
override func setSelected(_ selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
let nameLabel = UILabel()
let detailLabel = UILabel()
// MARK: Initalizers
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
let marginGuide = contentView.layoutMarginsGuide
// configure nameLabel
contentView.addSubview(nameLabel)
nameLabel.translatesAutoresizingMaskIntoConstraints = false
// nameLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
// nameLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
// nameLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
nameLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
nameLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
nameLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
nameLabel.numberOfLines = 0
nameLabel.font = UIFont.systemFont(ofSize: 16)
// configure detailLabel
contentView.addSubview(detailLabel)
detailLabel.lineBreakMode = .byWordWrapping
detailLabel.translatesAutoresizingMaskIntoConstraints = false
// detailLabel.leadingAnchor.constraint(equalTo: marginGuide.leadingAnchor).isActive = true
// detailLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
// detailLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
// detailLabel.topAnchor.constraint(equalTo: nameLabel.bottomAnchor, constant: 5).isActive = true
detailLabel.topAnchor.constraint(equalTo: marginGuide.topAnchor).isActive = true
detailLabel.trailingAnchor.constraint(equalTo: marginGuide.trailingAnchor).isActive = true
detailLabel.bottomAnchor.constraint(equalTo: marginGuide.bottomAnchor).isActive = true
detailLabel.leadingAnchor.constraint(equalTo: nameLabel.trailingAnchor, constant: 15).isActive = true
detailLabel.numberOfLines = 0
//detailLabel.adjustsFontSizeToFitWidth = true
detailLabel.font = UIFont.systemFont(ofSize: 12)
detailLabel.textColor = UIColor.lightGray
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
(7)数据模型PBBData.swift
//
// PBBData.swift
// JackUChat
//
// Created by 李艳 on 2019/3/11.
// Copyright © 2019 Liy. All rights reserved.
//
import Foundation
//
// MARK: - Section Data Structure
//
public struct Item {
var name: String
var detail: String
public init(name: String, detail: String) {
self.name = name
self.detail = detail
}
}
public struct Section {
var name: String//对应tableview每个section的表头
var items: [Item]//对应tableview每个section下的多个cell
var collapsed: Bool
public init(name: String, items: [Item], collapsed: Bool = true) {
self.name = name
self.items = items
self.collapsed = collapsed
}
}
public var sectionsData: [Section] = [
Section(name: "工作时间图", items: [
Item(name: "测试", detail: "数组")
]),
Section(name: "当日计件信息", items: [
Item(name: "计件数量", detail: "0件"),
Item(name: "工作时间", detail: "0秒"),
Item(name: "剪线次数", detail: "0"),
Item(name: "针数", detail: "0"),
Item(name: "抬压脚次数", detail: "0")
]),
Section(name: "机器信息", items: [
Item(name: "机器型号", detail: "-"),
Item(name: "电控类型编号", detail: "-"),
Item(name: "电控软件版本", detail: "-"),
Item(name: "面板软件版本", detail: "-")
]),
Section(name: "保养设置", items: [
Item(name: "保养周期", detail: "666")
])
]
拓展：数据模型(DataHelper.swift)可与swift实现tableview分组-防微信通讯录的实现中的模型(Staff.swift)的建立和封装(staffsDict)进行比较和参考。
5. 网络数据获取与解析显示
(1) 网络数据
{
"code": "0",
"msg": "success",
"data": {
"params": {
"": null,
"a": 1,
"b": 2,
"c": 3,
"d": 4,
"e": 5,
"f": 6,
"g": 7,
"h": 8,
"i": 9,
"j": 10,
"k": 11,
"l": 12,
"m": 13,
"n": 14,
"o": 15,
"p": 16,
"q": 17,
"r": 18,
"s": 19,
"t": 20,
"u": 21,
"v": 22,
"w": 23,
"x": 24,
"y": 25,
"z": 26
},
"valid_time": 1552437569,
"machine": {
"machine_id": "61",
"cate": "6",
"cate2": "109",
"name": "测试平缝",
"sn": "jkpf001",
"channel": "1",
"price": "0.000",
"description": null,
"image": "/upload/image/2018/10/23fed7e680dec25980ac761b216e99b5.jpg",
"tags": null,
"protocol": null,
"location": "",
"device_id": "45959395",
"imsi": null,
"ProductKey": null,
"DeviceName": null,
"DeviceSecret": null,
"IotId": null,
"lac": "0",
"ci": "0",
"csq": "0",
"rssi": null,
"lat": "",
"lng": "",
"software": null,
"build_time": "0",
"hardware": null,
"ota_time": "0",
"add_time": "1538985180",
"is_oem": "0",
"rent_out": "1",
"status": "0",
"status_time": null,
"login_type": "7",
"maintain_time": "666",
"last_time": "2018",
"params": "{\"a\":1,\"b\":2,\"c\":3,\"d\":4,\"e\":5,\"f\":6,\"g\":7,\"h\":8,\"i\":9,\"j\":10,\"k\":11,\"l\":12,\"m\":13,\"n\":14,\"o\":15,\"p\":16,\"q\":17,\"r\":18,\"s\":19,\"t\":20,\"u\":21,\"v\":22,\"w\":23,\"x\":24,\"y\":25,\"z\":26}",
"param_time": "1539581807",
"parameter": null,
"params_set": "{\"\":null}",
"devctrl": "1",
"sale_type": "0",
"is_del": "0"
},
"companyMachine": {
"cm_id": "700",
"company_id": "50",
"machine_id": "61",
"ct_id": "0",
"cate": "0",
"cust_group": "0",
"is_rent": "0",
"is_test": "0",
"price": "0.000",
"is_min": "0",
"min_num": "0",
"order_total": "0.00",
"order_money": "0.00",
"order_num": "0",
"order_status": "1",
"is_overdue": "0",
"bg_time": "1551429719",
"end_time": "1552034519",
"del_time": "0",
"is_lock": "0",
"force_lock": "0",
"status": "1",
"add_time": "1551429719",
"is_online": "0",
"devctrl": "1",
"con_type": "1",
"sale_type": "0",
"parent_id": "699",
"origin": "wxapp_user_id:43",
"machine_tag": "0",
"bg_day": "2019-03-01",
"end_day": "2019-03-08"
},
"cust_group": 0,
"machineCate": {
"cate_id": "109",
"sort": "0",
"parent_id": "6",
"cate_name": "A5",
"image": "/upload/image/2018/10/23fed7e680dec25980ac761b216e99b5.jpg",
"machine_num": "0",
"unit": "个",
"time_unit": "秒",
"is_jtj": "0",
"tiered_num": "0",
"tiered_discount": "0.00"
},
"is_ota": 1,
"ota": {
"ota_id": "4",
"version": "v1.0.0",
"size": "36544",
"target": "dev"
},
"state": null,
"work_time": [],
"piece": {
"num": "0件",
"DevEletime": null,
"DevRunningtime": null,
"DevCutcount": null,
"DevPincount": null,
"DevActioncount": null,
"work_time": "0秒"
}
}
}
(2)数据解析与显示:CollapsibleTableViewController.swift
func getDetailByAlomafire(machine_id:String) {
let params:Parameters = ["machine_id":machine_id]
AlamofireHelper.shareInstance.requestData(.post, url: "machine/detail", parameters: params) { (result) in
let jsonDictory = JSON(result as Any)
let code = jsonDictory["code"].string
let msg = jsonDictory["msg"].string
if(code == "0"){
print("成功:"+code!+","+msg!)
//var workTimes:[String]//工作时间图(work_time)
let workTimes = jsonDictory["data"]["piece"]["work_time"].string ?? "0"
self.sections[0].name = "工作时间图"
self.sections[0].items[0].name = "当前无相关数据"
self.sections[0].items[0].detail = workTimes
let countNum = jsonDictory["data"]["piece"]["num"].string ?? "0"//计件数量(num)
let workTime = jsonDictory["data"]["piece"]["work_time"].string ?? "0"//工作时间(work_time)
let cutCount = jsonDictory["data"]["piece"]["DevCutcount"].string ?? "0"//剪线次数(DevCutcount)
let pinCount = jsonDictory["data"]["piece"]["DevPincount"].string ?? "0"//针数(DevPincount)
let actionCount = jsonDictory["data"]["piece"]["DevActioncount"].string ?? "0"//抬压脚次数(DevActioncount)
self.sections[1].name = "当日计件信息"
self.sections[1].items[0].name = "计件数量"
self.sections[1].items[0].detail = countNum
self.sections[1].items[1].name = "工作时间"
self.sections[1].items[1].detail = workTime
self.sections[1].items[2].name = "剪线次数"
self.sections[1].items[2].detail = cutCount
self.sections[1].items[3].name = "针数"
self.sections[1].items[3].detail = pinCount
self.sections[1].items[4].name = "抬压脚次数"
self.sections[1].items[4].detail = actionCount
let machineCate = jsonDictory["data"]["machine"]["cate"].string ?? "-"//机器型号(cate)
let hardware = jsonDictory["data"]["machine"]["hardware"].string ?? "-"//电控类型编号(hardware)
let software = jsonDictory["data"]["machine"]["software"].string ?? "-"//电控软件版本(software)
let panelSoftware = jsonDictory["data"]["machine"]["software"].string ?? "-"//面板软件版本(假数据)
self.sections[2].name = "机器信息"
self.sections[2].items[0].name = "机器型号"
self.sections[2].items[0].detail = machineCate
self.sections[2].items[1].name = "电控类型编号"
self.sections[2].items[1].detail = hardware
self.sections[2].items[2].name = "电控软件版本"
self.sections[2].items[2].detail = software
self.sections[2].items[3].name = "面板软件版本"
self.sections[2].items[3].detail = panelSoftware
let maintainTime = jsonDictory["data"]["machine"]["maintain_time"].string ?? "-"//保养周期(maintain_time)
self.sections[3].name = "保养设置"
self.sections[3].items[0].name = "保养周期"
self.sections[3].items[0].detail = maintainTime
dump(self.sections)//打印
//异步获取数据,需在主线程中更新
OperationQueue.main.addOperation {
self.tableView.reloadData()
self.tableView.refreshControl?.endRefreshing()//加载完数据后停止下拉刷新动画
}
}else{
print("失败")
}
}
}
(3)完整代码:CollapsibleTableViewController.swift
//
// CollapsibleTableViewController.swift
// JackUChat
//
// Created by 徐云 on 2019/3/12.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
import Alamofire
import SwiftyJSON
//
// MARK: - View Controller
//
class CollapsibleTableViewController: UITableViewController {
var sections = sectionsData//扩展-DataHelper
//界面传值
var device : Device!
var relayName:String = ""
@IBOutlet weak var deviceNameLabel: UILabel!
@IBOutlet weak var deviceNoLabel: UILabel!
@IBOutlet weak var relayNameLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
// Auto resizing the height of the cell
tableView.estimatedRowHeight = 44.0
tableView.rowHeight = UITableView.automaticDimension
//self.title = "杰克优产"
showDeviceInfo(device: device)
getDetailByAlomafire(machine_id: device.machine_id)
}
func showDeviceInfo(device:Device) {
deviceNameLabel.text = device.deviceName
deviceNoLabel.text = device.deviceSn
relayNameLabel.text = relayName
}
func getDetailByAlomafire(machine_id:String) {
let params:Parameters = ["machine_id":machine_id]
AlamofireHelper.shareInstance.requestData(.post, url: "machine/detail", parameters: params) { (result) in
let jsonDictory = JSON(result as Any)
let code = jsonDictory["code"].string
let msg = jsonDictory["msg"].string
if(code == "0"){
print("成功:"+code!+","+msg!)
//var workTimes:[String]//工作时间图(work_time)
let workTimes = jsonDictory["data"]["piece"]["work_time"].string ?? "0"
self.sections[0].name = "工作时间图"
self.sections[0].items[0].name = "当前无相关数据"
self.sections[0].items[0].detail = workTimes
let countNum = jsonDictory["data"]["piece"]["num"].string ?? "0"//计件数量(num)
let workTime = jsonDictory["data"]["piece"]["work_time"].string ?? "0"//工作时间(work_time)
let cutCount = jsonDictory["data"]["piece"]["DevCutcount"].string ?? "0"//剪线次数(DevCutcount)
let pinCount = jsonDictory["data"]["piece"]["DevPincount"].string ?? "0"//针数(DevPincount)
let actionCount = jsonDictory["data"]["piece"]["DevActioncount"].string ?? "0"//抬压脚次数(DevActioncount)
self.sections[1].name = "当日计件信息"
self.sections[1].items[0].name = "计件数量"
self.sections[1].items[0].detail = countNum
self.sections[1].items[1].name = "工作时间"
self.sections[1].items[1].detail = workTime
self.sections[1].items[2].name = "剪线次数"
self.sections[1].items[2].detail = cutCount
self.sections[1].items[3].name = "针数"
self.sections[1].items[3].detail = pinCount
self.sections[1].items[4].name = "抬压脚次数"
self.sections[1].items[4].detail = actionCount
let machineCate = jsonDictory["data"]["machine"]["cate"].string ?? "-"//机器型号(cate)
let hardware = jsonDictory["data"]["machine"]["hardware"].string ?? "-"//电控类型编号(hardware)
let software = jsonDictory["data"]["machine"]["software"].string ?? "-"//电控软件版本(software)
let panelSoftware = jsonDictory["data"]["machine"]["software"].string ?? "-"//面板软件版本(假数据)
self.sections[2].name = "机器信息"
self.sections[2].items[0].name = "机器型号"
self.sections[2].items[0].detail = machineCate
self.sections[2].items[1].name = "电控类型编号"
self.sections[2].items[1].detail = hardware
self.sections[2].items[2].name = "电控软件版本"
self.sections[2].items[2].detail = software
self.sections[2].items[3].name = "面板软件版本"
self.sections[2].items[3].detail = panelSoftware
let maintainTime = jsonDictory["data"]["machine"]["maintain_time"].string ?? "-"//保养周期(maintain_time)
self.sections[3].name = "保养设置"
self.sections[3].items[0].name = "保养周期"
self.sections[3].items[0].detail = maintainTime
dump(self.sections)//打印
//异步获取数据,需在主线程中更新
OperationQueue.main.addOperation {
self.tableView.reloadData()
self.tableView.refreshControl?.endRefreshing()//加载完数据后停止下拉刷新动画
}
}else{
print("失败")
}
}
}
}
//
// MARK: - View Controller DataSource and Delegate
//
extension CollapsibleTableViewController {
override func numberOfSections(in tableView: UITableView) -> Int {
return sections.count
}
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return sections[section].collapsed ? 0 : sections[section].items.count
}
// Cell
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell: CollapsibleTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleTableViewCell ??
CollapsibleTableViewCell(style: .default, reuseIdentifier: "cell")
if (indexPath.section == 0) {
let cell: CollapsibleTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleTableViewCell ??
CollapsibleTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}else if (indexPath.section == 1) {
let cell: CollapsibleCountTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleCountTableViewCell ??
CollapsibleCountTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.name1Label.text = item.name
cell.detail1Label.text = item.detail
return cell
}else if (indexPath.section == 2) {
let cell: CollapsibleMachineTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleMachineTableViewCell ??
CollapsibleMachineTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}else if (indexPath.section == 3) {
let cell: CollapsibleMaintainTableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell") as? CollapsibleMaintainTableViewCell ??
CollapsibleMaintainTableViewCell(style: .default, reuseIdentifier: "cell")
let item: Item = sections[indexPath.section].items[indexPath.row]
cell.nameLabel.text = item.name
cell.detailLabel.text = item.detail
return cell
}
return cell
}
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return UITableView.automaticDimension
}
// Header
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let header = tableView.dequeueReusableHeaderFooterView(withIdentifier: "header") as? CollapsibleTableViewHeader ?? CollapsibleTableViewHeader(reuseIdentifier: "header")
header.titleLabel.text = sections[section].name
header.arrowLabel.text = ">"
header.setCollapsed(sections[section].collapsed)
header.section = section
header.delegate = self
return header
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 44.0
}
override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
return 1.0
}
}
//
// MARK: - Section Header Delegate
//
extension CollapsibleTableViewController: CollapsibleTableViewHeaderDelegate {
func toggleSection(_ header: CollapsibleTableViewHeader, section: Int) {
let collapsed = !sections[section].collapsed
// Toggle collapse
sections[section].collapsed = collapsed
header.setCollapsed(collapsed)
tableView.reloadSections(NSIndexSet(index: section) as IndexSet, with: .automatic)
}
}
