UITableView that switch cells - ios

Question

I want to have a tableview that has 2 cells.
One with a label that increases the height and one without that label. The user adds things to this tableview (sort of like a todo list) and if the user selects an option, the label is visible in the tableviewcell of the new item that they added, but if they don't select the option, then they add a tableviewcell without that label. Is there anyway in which I can choose when to display the cell with the label.
I first thought of just making the label invisible if the option isn't selected, however that affect the height of the other label and the constraints.
Would it be possible to create 2 different cells with different identifiers, and call which one to add depending on whether the option is selected.
According to solutions, I tried switching between 2 different cells and this was my code for doing so.
if newMode==true{
let cell = tableView.dequeueReusableCell(withIdentifier: "monthlyCell", for: indexPath) as! MonthlyExpenseTableViewCell
let screenSize: CGRect = UIScreen.main.bounds
cell.dateLabelBackground.frame = CGRect(x: 0, y: 0, width: screenSize.width, height: 31)
cell.dateLabel.text = dateString
cell.expenseName2.text = expense.name
cell.expenseAmount2.text = finalDisplayed
cell.expenseCategory2.text = expense.category
cell.expenseCollection2.text = expense.collection
if (expense.expense) {
cell.expenseAmount2.textColor = UIColor.red
}
else if (expense.income){
cell.expenseAmount2.textColor = UIColor.green
}
if (expense.cash) && (expense.expense){
cell.cashOrCredit.image = #imageLiteral(resourceName: "Cash-Expense Icon")
}
else if (expense.cash) && (expense.income){
cell.cashOrCredit.image = #imageLiteral(resourceName: "Cash-Income Icon")
}
else if (expense.credit) && (expense.income){
cell.cashOrCredit.image = #imageLiteral(resourceName: "Credit-Income Icon")
}
else if (expense.credit) && (expense.income){
cell.cashOrCredit.image = #imageLiteral(resourceName: "Credit-Expense Icon")
}
}
else if newMode==false{
let cell = tableView.dequeueReusableCell(withIdentifier: "monthlyCell2", for: indexPath) as! MonthlyExpenseTableViewCellShort
cell.expenseName3.text = expense.name
cell.expenseAmount3.text = finalDisplayed
cell.expenseCategory3.text = expense.category
cell.expenseCollection3.text = expense.collection
if (expense.expense) {
cell.expenseAmount3.textColor = UIColor.red
}
else if (expense.income){
cell.expenseAmount3.textColor = UIColor(red:0.49, green:0.83, blue:0.13, alpha:1.0)
}
if (expense.cash) && (expense.expense){
cell.cashOrCredit3.image = #imageLiteral(resourceName: "Cash-Expense Icon")
}
else if (expense.cash) && (expense.income){
cell.cashOrCredit3.image = #imageLiteral(resourceName: "Cash-Income Icon")
}
else if (expense.credit) && (expense.income){
cell.cashOrCredit3.image = #imageLiteral(resourceName: "Credit-Income Icon")
}
else if (expense.credit) && (expense.income){
cell.cashOrCredit3.image = #imageLiteral(resourceName: "Credit-Expense Icon")
}
}
return cell
}
The problem with this, is that it only returns on cell at a time for some reason. When I delete the cell, it shows the next one.
Here is the code for me setting the boolean "newMode"
if indexPath.row == 0{
newMode = true
}
if indexPath.row>1{
let previousExpensesData = monthlyExpenses[indexPath.row - 1].modificationDate
let day = Calendar.current.component(.day, from: expense.modificationDate as! Date) // Do not add above 'date' value here, you might get some garbage value. I know the code is redundant. You can adjust that.
let previousDay = Calendar.current.component(.day, from: monthlyExpenses[indexPath.row - 1].modificationDate! as Date)
if day == previousDay {
newMode = false
} else {
newMode = true
}
}
For my heightForRowAtIndexPath, I use this code
func tableView(_ tableView: UITableView,
heightForRowAt indexPath: IndexPath) -> CGFloat
{
if newMode==true {
return 95
}
else if newMode==false {
return 64
}
else {
return 0
}
}
And this is the code for numberOfRows
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
if monthlyExpenses.count == 0{
noExpenseLabel.isHidden = false
}
return monthlyExpenses.count
}
Here are what the 2 cells look like

Answer 1

Actually you will no need of having two different cell. As you just said in your question "I first thought of just making the label invisible if the option isn't selected, however that affect the height of the other label and the constraints."
Just use one cell.
Now to overcome this thing use UIStackView.Put that label in this stackView. Give proper constraints to stackView. And hide/unhide the label according to your option. UIStackView will do the things for you. :)
It will give you the result as you want. For more information about UIStackView, read this awesome tutorial by Raywenderlich.
EDIT: As per your comment
I have created a cell like this..
I managed all subviews of that cell like this..
And I just wrote a line of code in cellForRow
cell.label.isHidden = indexPath.row % 2 == 1
And I'm getting the output this....