How to add multiple button in a scrollView programmatically

Question

I am trying to put multiple buttons in a scrollView but it just scrolls background view.

class HomeVC: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        navigationItem.title = "Home"

        let scrollView = UIScrollView()

        let view = UIView()
        scrollView.frame =  self.view.bounds
        self.view.backgroundColor = .green
        scrollView.backgroundColor = .blue
        scrollView.addSubview(view)
        self.view.addSubview(scrollView)
        scrollView.isPagingEnabled = true
        scrollView.contentSize = CGSize(width: self.view.frame.size.width, height: self.view.frame.size.height * 3)
        view.frame = CGRect(x: 0, y: self.view.frame.size.height, width: self.view.frame.size.width, height: self.view.frame.size.height)
        view.backgroundColor = .yellow

        attractivePlaceButtonSetup()
        eatDrinkButtonSetup()
        ShoppingButtonSetup()
        festivalEventButtonSetup()
        hotelGuestHouseButtonSetup()
        travellerEssentialButtonSetup()
        dealButtonSetup()
        seeDoButtonSetup()
    }

I wrote this code for button frame func eatDrinkButtonSetup(){

        let button = UIButton()
        button.frame = CGRect(x: 5, y: 225, width: self.view.frame.size.width - 10, height: 150)
        button.setTitle("Eat & Drink", for: .normal)
        button.setBackgroundImage(#imageLiteral(resourceName: "imageName"), for: .normal)
        button.titleEdgeInsets = UIEdgeInsets(top: -120, left: -200, bottom: 0, right: 0)
          button.addTarget(self, action: #selector(targetEatDrink), for: .touchUpInside)

        view.addSubview(button)

    }

}

I also try to such way but it just scroll a button.

scrollView.addSubview(attractivePlaceButtonSetup)
self.view.addSubview(scrollView)

Why are you setting view frame y to self.view.frame.size.height ? in line view.frame = CGRect(x: 0, y: self.view.frame.size.height, width: self.view.frame.size.width, height: self.view.frame.size.height) — Jasmeet Kaur
– Jasmeet Kaur, Commented Apr 6, 2017 at 18:26
What are your ButtonSetup() functions doing? Can you also show the code at least one of them? — DonMag
– DonMag, Commented Apr 6, 2017 at 18:34
Is there any specific reason you are using scrollview for add multiple buttons ?This can achieved easily using UICollectionView with Collection cell. — Venkat057
– Venkat057, Commented Apr 6, 2017 at 18:34

Swifty Codes · Accepted Answer · 2017-07-21 09:09:18Z

    //Try this...
    //Background Scroll Creation

            var stickersScrollViewCount = 0
            func stickersScrollContents() {

                var xCoord: CGFloat = 5
                let yCoord: CGFloat = 5
                let buttonWidth:CGFloat = 45.0
                let buttonHeight: CGFloat = 45.0
                let gapBetweenButtons: CGFloat = 5

                for i in 0..<stickersImageArray.count{
                    stickersScrollViewCount = i
                    // Button properties
                    let filterButton = UIButton(type: .custom)
                    filterButton.frame = CGRect(x: xCoord, y: yCoord, width: buttonWidth, height: buttonHeight)
                    filterButton.tag = stickersScrollViewCount
                    filterButton.backgroundColor = UIColor.clear
                    filterButton.setTitleColor(UIColor.white, for: .normal)
                    filterButton.titleLabel?.adjustsFontSizeToFitWidth = true
                    filterButton.showsTouchWhenHighlighted = true
                    let myimage = UIImage(named: stickersImageArray[stickersScrollViewCount])
                    filterButton.setImage(myimage, for: .normal)
                    filterButton.addTarget(self, action:#selector(StickersActionTapped), for: .touchUpInside)
                    filterButton.layer.cornerRadius = 5
                    filterButton.clipsToBounds = true
                    xCoord +=  buttonWidth + gapBetweenButtons
                    bgScrollView.addSubview(filterButton)

                }
                bgScrollView.contentSize = CGSize(width: buttonWidth * CGFloat(stickersScrollViewCount+2), height: yCoord)

            }

//Call the function where ever you want viewDidLoad() or on Button Click!!

//Hope this helps!!!

Collectives™ on Stack Overflow

How to add multiple button in a scrollView programmatically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related