如何在 iOS 的 swift 中将浮动操作按钮放在 tableView 中？

Posted 2023-02-27

【中文标题】如何在 iOS 的 swift 中将浮动操作按钮放在 tableView 中？

【英文标题】：How to put a floating action button in a tableView in swift in iOS?

【发布时间】：2018-08-22 13:43:19

【问题描述】：

我正在尝试使用 ios 中的浮动操作按钮强加于表格视图，以便我可以在表格视图中添加项目。请帮我写代码。

【问题讨论】：

你可以使用cocoapods.org/pods/KCFloatingActionButton

简单地说，最简单的解决方案是将按钮放在包含tableview的视图中。这样，您就不必担心 tableview 移动时的翻译。这是 Arindam 的回答所采取的基本方法。

【参考方案1】：

这是它的完整代码。它是在不使用情节提要的情况下完成的。

表格视图：

import UIKit

class ViewController: UIViewController, UITableViewDataSource 

    let nameArray = ["India","Usa","UK"]

    let tableView: UITableView = 
        let table = UITableView()
        table.translatesAutoresizingMaskIntoConstraints = false
        return table
    ()



    let btnFloating : UIButton = 
        let floating = UIButton()
        floating.translatesAutoresizingMaskIntoConstraints = false
        floating .backgroundColor = .cyan
        floating.setTitle("ADD", for: .normal)
        return floating
    ()


    override func viewDidLoad() 
        super.viewDidLoad()
        view.addSubview(tableView)
        tableView.addSubview(btnFloating)
        tableView.dataSource = self
        setuoConstrain()
        //Set the action of add button
        btnFloating.addTarget(self, action: #selector(btnAddTapp(sender:)), for: .touchUpInside)
    

    func setuoConstrain()
        tableView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        tableView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        tableView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true

        //Constrain For Button :
        btnFloating.heightAnchor.constraint(equalToConstant: 64).isActive = true
        btnFloating.widthAnchor.constraint(equalToConstant: 64).isActive = true
        btnFloating.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -24).isActive = true
        btnFloating.bottomAnchor.constraint(equalTo: self.view.bottomAnchor, constant: -36).isActive = true


    

    //This function is for add button . What action you want , can put inside this function
    @objc func btnAddTapp(sender: UIButton)
        print("add button tapp")
    


    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
        return nameArray.count
    



    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
        let  nameCell = NameTableCell(style: .default, reuseIdentifier: "NameTableCell")
        nameCell.lblName.text = nameArray[indexPath.row]
        return nameCell
    

TableViewCell：

import UIKit

class NameTableCell: UITableViewCell 

    let lblName: UILabel = 
        let name = UILabel()
        name.translatesAutoresizingMaskIntoConstraints = false
        return name
    ()



    override init(style: UITableViewCellStyle, reuseIdentifier: String?) 
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        self.addSubview(lblName)

        constrain()
    

    required init?(coder aDecoder: NSCoder) 
        fatalError("init(coder:) has not been implemented")
    


    func constrain()
        lblName.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true

    

【参考方案2】：

func setupFloatingActionButton() 

    Floaty.global.button.buttonImage = UIImage(named: "icon-social")
    Floaty.global.button.buttonColor = UIColor.white
    let facebookItem = FloatyItem()
    facebookItem.icon = UIImage(named: "icon-facebook")
    facebookItem.title = "Facebook"
    Floaty.global.button.addItem(item: facebookItem)

    let gmailItem = FloatyItem()
    Floaty.global.button.addItem("Gmail", icon: UIImage(named: "icon-gmail"), handler: _
        in
        print("Gmail Button tapp")
    )   

    let twitterItem = FloatyItem()
    Floaty.global.button.addItem("Twitter", icon: UIImage(named: "icon-twitter"), handler: _ in
        print("twitter Button tapp")
    )

    //Floaty.global.button.animationSpeed = 0.50
    Floaty.global.button.openAnimationType = .fade
    //Floaty.global.button.rotationDegrees = 90.00
    Floaty.global.show()