如何在 swift in iOS 的 tableView 中放置一个浮动操作按钮？

Question

我正在尝试使用 iOS 中的浮动操作按钮来强加 table 视图，以便我可以使用它在 table 视图中添加项目。请帮我看看代码。

Answer 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
    }
}

表格视图单元格：

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

    }
}

Answer 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()
}

如何在 swift in iOS 的 tableView 中放置一个浮动操作按钮？

How to put a floating action button in a tableView in swift in iOS?

uitableview

ios

swift

floating-action-button