在这我已经实现了集合视图需要使布局无效并且需要在我选择一个按钮时实现表格视图（列表视图）图像如下所示
谁能告诉我如何在 swift 3 中实现这一点？
上面提到的这张图片已经在代码中实现了，现在我需要更改为上面图片中提到的那样。
【问题讨论】：
试试这个
import UIKit
class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource ,UICollectionViewDelegate,UICollectionViewDataSource{
@IBOutlet weak var tableView: UITableView!
@IBOutlet weak var collectionView: UICollectionView!
override func viewDidLoad() {
super.viewDidLoad()
tableView.alpha = 0
collectionView.alpha = 1
}
@IBAction func Button1(_ sender: Any) {
tableView.alpha = 0
collectionView.alpha = 1
}
@IBAction func Button2(_ sender: Any) {
tableView.alpha = 1
collectionView.alpha = 0
}
// Table View
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 4
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as! TableViewCell
cell.lblName.text = "dd "
cell.lblreview.text = " fff"
return cell
}
//Collection View
func numberOfSections(in collectionView: UICollectionView) -> Int {
return 1
}
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 5
}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell
return cell
}
【讨论】：
添加tableViewDelegate
class ViewController:UIViewController,UITableViewDelegate,UITableViewDataSource
现在添加三个协议
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return item_name.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "MedicineTableViewCell", for: indexPath) as! MedicineTableViewCell
cell.btnAdd.addTarget(self, action: #selector(BtnHide), for: .touchUpInside)
cell.btnAdd.tag = indexPath.row
return cell
}
这是当你的单元格被点击时
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
}
这是当你的按钮被点击时
func BtnHide(sender: UIButton) {
print(sender.tag)
}
不要忘记连接数据源并从表格视图委托到情节提要中的 ViewController
【讨论】：
添加这个 UICollectionViewDelegateFlowLayout
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
if self.varname == "Collection" {
return CGSize(width: self.view.frame.width*0.47, height: self.view.frame.height*0.21)
}else{
return CGSize(width: self.view.frame.width, height:
self.view.frame.height*0.21)
}
}
【讨论】：
使用 Collectionview :- 将 gridview 更改为 listview 或反之亦然的简单方法。
制作两个布局
private lazy var listCVLayout: UICollectionViewFlowLayout = {
let collectionFlowLayout = UICollectionViewFlowLayout()
collectionFlowLayout.sectionInset = UIEdgeInsets(top: 0, left: 30, bottom: 0, right: 30)
collectionFlowLayout.itemSize = CGSize(width: SCREEN_WIDTH, height: 80)
collectionFlowLayout.minimumInteritemSpacing = 0
collectionFlowLayout.minimumLineSpacing = 0
collectionFlowLayout.scrollDirection = .vertical
return collectionFlowLayout
}()
private lazy var gridCVLayout: UICollectionViewFlowLayout = {
let collectionFlowLayout = UICollectionViewFlowLayout()
collectionFlowLayout.scrollDirection = .vertical
collectionFlowLayout.sectionInset = UIEdgeInsets(top: 0, left: 30, bottom: 0, right: 30)
collectionFlowLayout.itemSize = CGSize(width: (SCREEN_WIDTH - 80) / 2 , height: SCREEN_HEIGHT*0.16)
collectionFlowLayout.minimumInteritemSpacing = 20
collectionFlowLayout.minimumLineSpacing = 20
return collectionFlowLayout
}()
最后在切换视图时使用这个
self.listCV.startInteractiveTransition(to: isListView ? self.listCVLayout : self.gridCVLayout, completion: nil)
self.listCV.finishInteractiveTransition()
【讨论】：