一个 UIView Swift 中的多个 TableViews - 如何同时显示
Posted
技术标签:
【中文标题】一个 UIView Swift 中的多个 TableViews - 如何同时显示【英文标题】：Multiple TableViews in One UIView Swift - How to show both 【发布时间】：2017-03-21 15:45:27 【问题描述】：我很难在我的 UIView 中显示两个表格视图。
如果我隐藏第一个表，它只会显示第二个表。
有什么帮助吗？我需要让它显示两个表，一个在另一个之下。它仅在隐藏另一个时单独工作:(
class AccountsViewController: UIViewController, UITableViewDataSource, UITableViewDelegate
//MARK: Properties
@IBOutlet weak var totalLabel: UILabel!
@IBOutlet weak var tableview1: UITableView!
@IBOutlet weak var tableview2: UITableView!
override func viewDidLoad()
super.viewDidLoad()
//Set the table background as the image
tableview1.backgroundView = UIImageView(image: UIImage(named: "splasnowords-1.png"))
tableview2.backgroundView = UIImageView(image: UIImage(named: "splasnowords-1.png"))
//Use the edit button item provided by the table view controller
navigationItem.leftBarButtonItem = editButtonItem
//self.navigationItem.leftBarButtonItem = self.editButtonItem;
//Calculate the latest totalstandings
BudgetDataModel.calculateTotalStandings()
totalLabel.text = ("Total Current Standings = £\(BudgetDataModel.returnTrueValue(number: BudgetDataModel.total))")
self.tableview1.delegate = self
self.tableview2.delegate = self
self.tableview1.dataSource = self
self.tableview2.dataSource = self
self.tableview2.isHidden = false
self.tableview1.isHidden = true
// self.tableview.reloadData()
// self.tableview2.reloadData()
override func didReceiveMemoryWarning()
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
override func viewDidAppear(_ animated: Bool)
tableview1.reloadData()
tableview2.reloadData()
// MARK: - Table view data source
func numberOfSections(in tableView: UITableView) -> Int
return 1
/*
if (tableView == self.tableview)
return 1
//BudgetDataModel.budgets.count
else if tableView == self.tableview2
return 1
//SavingsDataModel.savings.count
else
return 2
*/
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String?
//reload data?
if (tableView == self.tableview1)
return "Budgets"
else
return "Savings"
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
var rowCount = 0
if (tableView == self.tableview1)
rowCount = BudgetDataModel.budgets.count
if (tableView == self.tableview2)
rowCount = SavingsDataModel.savings.count
return rowCount
// #warning Incomplete implementation, return the number of rows
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
//Table view cells are reused and should be dequeued using a cell identifier.
if (tableView == self.tableview1)
let cellIdentifier = "AccountsTableViewCell"
let cell = self.tableview1.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath) as! AccountsTableViewCell
let budget = BudgetDataModel.budgets[(indexPath as NSIndexPath).row]
cell.nameLabel.text = budget.name
cell.amountLabel.text = ("£\(BudgetDataModel.returnTrueValue(number: budget.amount))")
cell.backgroundColor = UIColor(white: 1, alpha: 0.5)
return cell
//Doesn't go into this if statement below
else
//(tableView == self.tableview2)
let cellIdentifier2 = "SavingsTableViewCell"
let cell = self.tableview2.dequeueReusableCell(withIdentifier: cellIdentifier2, for: indexPath) as! SavingsTableViewCell
let saving = SavingsDataModel.savings[(indexPath as NSIndexPath).row]
cell.savingsnameLabel.text = saving.savingname
cell.savingsamountLabel.text = ("£\(BudgetDataModel.returnTrueValue(number: saving.savingamount))")
cell.backgroundColor = UIColor(white: 1, alpha: 0.5)
return cell
//return cell
/* else preconditionFailure ("unexpected cell type")
*/
// Override to support conditional editing of the table view.
func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool
// Return false if you do not want the specified item to be editable.
return true
// Override to support editing the table view.
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath)
if editingStyle == .delete
if (tableView == self.tableview1)
// Delete the row from the data source
BudgetDataModel.budgets.remove(at: indexPath.row)
BudgetDataModel.saveBudgets()
BudgetDataModel.calculateTotalStandings()
totalLabel.text = ("Total Current Standings = £\(BudgetDataModel.returnTrueValue(number:BudgetDataModel.total))")
// self.tableview.reloadData()
tableView.deleteRows(at: [indexPath], with: .fade)
else if (tableView == self.tableview2)
// Delete the row from the data source
SavingsDataModel.savings.remove(at: indexPath.row)
SavingsDataModel.saveSavings()
//implement BudgetDataModel.calculateTotalStandings()
//implement totalLabel.text = ("Total Current Standings = £\(BudgetDataModel.returnTrueValue(number:BudgetDataModel.total))")
//self.tableview2.reloadData()
tableView.deleteRows(at: [indexPath], with: .fade)
else if editingStyle == .insert
// Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
// Override to support rearranging the table view.
func tableView(_ tableView: UITableView, moveRowAt fromIndexPath: IndexPath, to: IndexPath)
/*
// Override to support conditional rearranging of the table view.
override func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool
// Return false if you do not want the item to be re-orderable.
return true
*/
// MARK: - Navigation
// In a storyboard-based application, you will often want to do a little preparation before navigation
override func prepare(for segue: UIStoryboardSegue, sender: Any?)
if segue.identifier == "ShowDetail"
let budgetDetailViewController = segue.destination as! BudgetViewController
//Get the cell that generated this segue.
if let selectedBudgetCell = sender as? AccountsTableViewCell
let indexPath = tableview1.indexPath(for: selectedBudgetCell)!
let selectedBudget = BudgetDataModel.budgets[indexPath.row]
budgetDetailViewController.budget = selectedBudget
else if segue.identifier == "AddItem"
//self.tableview.reloadData()
print("Adding new budget.")
else if segue.identifier == "ShowSavings"
let savingDetailViewController = segue.destination as! SavingsViewController
//Get the cell that generated this segue.
if let selectedSavingsCell = sender as? SavingsTableViewCell
let indexPath = tableview2.indexPath(for: selectedSavingsCell)!
let selectedSavings = SavingsDataModel.savings[indexPath.row]
savingDetailViewController.saving = selectedSavings
else if segue.identifier == "AddSaving"
//self.tableview2.reloadData()
print ("Adding new saving.")
//MARK: Actions
@IBAction func unwindToBudgetList(_ sender: UIStoryboardSegue)
if let sourceViewController = sender.source as? BudgetViewController, let budget = sourceViewController.budget
if let selectedIndexPath = tableview1.indexPathForSelectedRow
//Update an existing budget.
BudgetDataModel.budgets[selectedIndexPath.row] = budget
self.tableview1.reloadRows(at: [selectedIndexPath], with: .none)
else
//Add a new budget
let newIndexPath = IndexPath(row:BudgetDataModel.budgets.count, section: 0)
BudgetDataModel.budgets.append(budget)
self.tableview1.insertRows(at: [newIndexPath as IndexPath], with: .bottom)
//Save the budgets.
BudgetDataModel.saveBudgets()
BudgetDataModel.calculateTotalStandings()
totalLabel.text = ("Total Current Standings = £\(BudgetDataModel.returnTrueValue(number: BudgetDataModel.total))")
@IBAction func unwindtoSavingsList(_ sender: UIStoryboardSegue)
if let sourceViewController = sender.source as? SavingsViewController, let savings = sourceViewController.saving
if let selectedIndexPath = tableview2.indexPathForSelectedRow
//Update an existing budget.
SavingsDataModel.savings[selectedIndexPath.row] = savings
self.tableview2.reloadRows(at: [selectedIndexPath], with: .none)
else
//Add a new saving
let newIndexPath = IndexPath(row:SavingsDataModel.savings.count, section: 0)
SavingsDataModel.savings.append(savings)
self.tableview2.insertRows(at: [newIndexPath as IndexPath], with: .bottom)
//Save the budgets.
SavingsDataModel.saveSavings()
//implement SavingsDataModel.calculateTotalStandings()
// totalLabel.text = ("Total Current Standings = £\(BudgetDataModel.returnTrueValue(number: BudgetDataModel.total))")
【问题讨论】：
“它只会显示第二个表”是什么意思？你的意思是第一张桌子占据了全屏？您的意思是第一个表的大小正确，但第二个表丢失了吗？您的意思是两个表都显示了，但只有第一个表填充了数据？ @DongMag，澄清一下，我的意思是第一个表的大小是正确的，但第二个表丢失了。 它是否被不良约束“推到视野之外”？您是否尝试过使用 Debug View Hierarchy 来查看表是否存在，如果存在则检查其框架/位置？ @DonMag 我本来以为约束不好，所以把它全部放到堆栈视图中，发现这不是问题。签入 Debug View Hierarchy 并且可以看到我的第二个 tableview 的 UITableView 在焦点列表中，但是当我选择它时，我什么都看不到。 当您在 Debug View Hierarchy 中时，您可以在右侧的 Utilities 窗格中选择 Object 或 Size Inspector。当您在列表中选择了第二个表时，请检查这两个窗格上的详细信息。它将显示帧边界、位置、约束等，等等……如果没有什么明显的，也许可以做一个屏幕截图？ 【参考方案1】：我建议像这样使用 ContainerViews 单独添加它们：
这将使将代码保存在各自的 ViewController 中变得更加容易，并使您的应用程序可访问。
【讨论】：
很好奇，有没有教程教你如何将 UIView 连接到单独的控制器？我以前从未见过这个，非常有趣！ @Jay 我只是 ctrl 从 Container View 拖到 Table View Controller，没什么特别的。这是一个很好的 Swift 3 教程，我用来设置具有动态内容的容器视图：cocoacasts.com/…【参考方案2】：建议在您的视图中使用标准 VC 而不是 TVC 和 2 个表格视图。将每个连接到 VC 作为插座。将协议 UITableViewDelegate、UITableViewDataSource 添加到您的 VC。然后，在 IB 中，控制从每个 tableview 拖动到 VC header 中最左边的图标，并连接 Delegate 和 DataSource。最后，选择每个 TableView 并为其指定一个 Tag 值，以便您可以在 Tableview 方法中区分它们。
【讨论】：
这对我有用。希望有更好的方法。【参考方案3】：不幸的是，在我的情况下，这是由于我的限制，因为我已将它们放入堆栈视图但堆栈视图未设置为正确分发。所以我需要修改故事板中的设置。然后两者都存在并且按预期正确。
【讨论】：
以上是关于一个 UIView Swift 中的多个 TableViews - 如何同时显示的主要内容，如果未能解决你的问题，请参考以下文章
我有一个带有不同/多个 UIView 的情节提要，并且我想要每个 UIView 都有一个 ViewController。迅速
在 Swift 中将多个 UIButton 添加到多个 UIView