Wie zu machen, die die Horizontale scrollView und einige buttons in der it (Programmierung)

sorry,ich habe ein problem.Ich glaube nicht, verwenden Sie storyBoard.

Möchte ich eine Ansicht wie diese.

Foto von terenceLuffy/AppStoreStyleHorizontalScrollView

aber ich versuche, dies zu tun.
Finlly,scrollView nur zeigen letzten Knopf wie diese.
Wie zu machen, die die Horizontale scrollView und einige buttons in der it (Programmierung)

Dies ist der code:

var scView:UIScrollView = UIScrollView()
var buttonPadding:CGFloat = 10
var xOffset:CGFloat = 10


scView.backgroundColor = UIColor.blue
scView.translatesAutoresizingMaskIntoConstraints = false


func viewDidLoad() {

for i in 0 ... 10 {

    let button = UIButton()

    button.tag = i
    button.backgroundColor = UIColor.darkGray
    button.setTitle("\(i)", for: .normal)
    button.addTarget(self, action: #selector(btnTouch), for: UIControlEvents.touchUpInside)

    button.frame = CGRect(x: xOffset, y: CGFloat(buttonPadding), width: 70, height: 30)

    xOffset = xOffset + CGFloat(buttonPadding) + button.frame.size.width
    scView.addSubview(button)


}

scView.contentSize = CGSize(width: xOffset, height: scView.frame.height)

}

bitte helfen Sie mir.
Vielen Dank an alle!

Warum nicht UICollectionView mit horizontalem scrollen ???
können Sie zeigen, wie Sie hinzufügen UIScrollView, um Ihre Ansicht?
Blick.addSubview(scView)
scheint der code nicht jedes Problem. außer, Sie nennen es im Blick hast, laden. versuchen Sie bitte meine Antwort und lassen Sie mich wissen, wenn jede Frage
ich habe versucht deinen code und es funktioniert perfekt, vielleicht haben Sie andere Methoden, das ändern der offset-position von uiscrollview, oder was?

InformationsquelleAutor | 2016-12-22

Ich habe versucht deinen code und es ein bisschen geändert. Es funktioniert wie erwartet, es sei denn, Sie haben etwas anderes geht:

var scView:UIScrollView!
let buttonPadding:CGFloat = 10
var xOffset:CGFloat = 10

override func viewDidLoad() {
    super.viewDidLoad()
    scView = UIScrollView(frame: CGRect(x: 0, y: 120, width: view.bounds.width, height: 50))
    view.addSubview(scView)

    scView.backgroundColor = UIColor.blue
    scView.translatesAutoresizingMaskIntoConstraints = false

    for i in 0 ... 10 {
        let button = UIButton()
        button.tag = i
        button.backgroundColor = UIColor.darkGray
        button.setTitle("\(i)", for: .normal)
        //button.addTarget(self, action: #selector(btnTouch), for: UIControlEvents.touchUpInside)

        button.frame = CGRect(x: xOffset, y: CGFloat(buttonPadding), width: 70, height: 30)

        xOffset = xOffset + CGFloat(buttonPadding) + button.frame.size.width
        scView.addSubview(button)


    }

    scView.contentSize = CGSize(width: xOffset, height: scView.frame.height)
}

InformationsquelleAutor Sasha Kozachuk

9

Gibt es zwei Arten erreichen 🙂 Man den harten Weg mit scrollView und Berechnung von offset und festlegen von Ansichten programmatisch auf ScrollView als Untersicht anderes verwenden CollectionView

Schritt 1:

Hinzufügen einer UICollectionView, storyboard, legen Sie die Höhe der collectionView, um entsprechend Ihrer Anforderung 🙂

Schritt 2

Erstellen Sie eine Zelle, die Größe von denen hängt von Ihrer Anforderung. Habe ich eine Zelle mit Hintergrundfarbe orange/pink. Hinzugefügt wurde ein label auf Sie, zeigen Sie Ihre Nummer.

Schritt 3:

Legen Sie die wiederverwendbare cell-id der Zelle, und legen Sie seine Klasse als gut 🙂

Schritt 4 :

Set collectionView scroll-Richtung auf die horizontale 🙂

Schritt 5:

Nun umsetzen collectionView Delegierten und Datenquellen-Methoden 🙂
```
extension ViewController : UICollectionViewDataSource,UICollectionViewDelegate {
    func numberOfSections(in collectionView: UICollectionView) -> Int {
        return 1
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 10
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "myCell", for: indexPath) as! MyCollectionViewCell
        cell.myLabel.text = "ABCD"
        return cell;
    }
}
```
Thats all 🙂

Finale O/P

Blick auf collectionView mit Zelle ABCD 😀

Zusätzliche Info

Wenn Sie ziehen eine collectionView auf UIViewController, könnte man sehen, dass die collectionView hinterlässt eine Lücke an der Spitze, die Sie lösen können, indem ScrollView Anpassen Abstände ViewController 🙂

danke,aber ich möchte nur zu verwenden, scrollView, um zu zeigen, wie ich meine.

InformationsquelleAutor Sandeep Bhandari

import UIKit

class ViewController: UIViewController {

    var imageStrings:[String] = []
     var myScrollView:UIScrollView!


    @IBOutlet weak var previewView: UIImageView!



    var scrollWidth : CGFloat = 320
    let scrollHeight : CGFloat = 100
    let thumbNailWidth : CGFloat = 80
    let thumbNailHeight : CGFloat = 80
    let padding: CGFloat = 10

    override func viewDidLoad() {
        super.viewDidLoad()

        imageStrings = ["image01","image02","image03","image04","image05","image06","image07","image08"]

        scrollWidth = self.view.frame.width

        //setup scrollView
        myScrollView = UIScrollView(frame: CGRectMake(0, self.view.frame.height - scrollHeight, scrollWidth, scrollHeight))

        //setup content size for scroll view
        let contentSizeWidth:CGFloat = (thumbNailWidth + padding) * (CGFloat(imageStrings.count))
        let contentSize = CGSize(width: contentSizeWidth ,height: thumbNailHeight)

        myScrollView.contentSize = contentSize
        myScrollView.autoresizingMask = UIViewAutoresizing.FlexibleWidth


        for(index,value) in enumerate(imageStrings) {
            var button:UIButton = UIButton.buttonWithType(.Custom) as! UIButton
            //calculate x for uibutton
            var xButton = CGFloat(padding * (CGFloat(index) + 1) + (CGFloat(index) * thumbNailWidth))
            button.frame = CGRectMake(xButton,padding, thumbNailWidth, thumbNailHeight)
            button.tag = index

            let image = UIImage(named:value)
            button.setBackgroundImage(image, forState: .Normal)
            button.addTarget(self, action: Selector("changeImage:"), forControlEvents: .TouchUpInside)

            myScrollView.addSubview(button)
        }
        previewView.image = UIImage(named: imageStrings[0])
        self.view.addSubview(myScrollView)
    }
        //Do any additional setup after loading the view, typically from a nib.


    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        //Dispose of any resources that can be recreated.
    }

    func changeImage(sender:UIButton){
        let name = imageStrings[sender.tag]
        previewView.image = UIImage(named: name)
    }


}

InformationsquelleAutor Akshay Kumar Both

1

Seine leicht, mit minimalem Einsatz von storyboard. Sie können vermeiden, dass es eher leicht. Alles, was Sie benötigen, sind:
1. Scroll-view
2. Horizontalen stack-Ansicht
3. Legen Sie die Einschränkungen der wie oben gezeigt in das Projekt
4. Eine Reihe von Tasten - beliebig viele view-Controller, die angezeigt werden müssen.
5. Eine container-Ansicht diese Ansicht, halten Sie den aktiven view-controller.
Bitte Lesen Sie dieses Projekt für einige Beispiel-code:
https://github.com/equitronix/horizontalScrollMenu

InformationsquelleAutor Arun Saxena

    //make that variable gloabl
   let button = UIButton.init(type: .custom)
    var arrMmenu :  NSMutableArray = []
    var  selectedIndex : Int = 0
     @IBOutlet weak var btnScrollView: UIScrollView!
    var lineArray : NSMutableArray = []
    var buttonArray : NSMutableArray = []

//Aufruf buttonCreated()

  //MARK:- Create an Horizontral LayOut
func buttonCreated()
{

    btnScrollView.contentSize.width = 0
 namesOfMenu = ["GMC","GPA","GTL"]
    var scrollwidth: CGFloat = 10.0

    for j in 0..<namesOfMenu.count
    {
        let name = namesOfMenu[j] as! String
        let size : CGSize? = name.size(withAttributes : [NSAttributedStringKey.font : UIFont.systemFont(ofSize: 10.0)])


        let textsize = CGSize(width : CGFloat(ceilf(Float(size!.width))), height : CGFloat(ceilf(Float(size!.height))))

        var strikwidth : CGFloat = textsize.width
        strikwidth = textsize.width + 30
        let frame = CGRect(x: scrollwidth , y : CGFloat(7),width :CGFloat(strikwidth + 20) , height :CGFloat(20))
        let frameLine = CGRect(x: scrollwidth , y : CGFloat(30),width :CGFloat(strikwidth + 20) , height :CGFloat(2))
        let button = UIButton(type: .custom)
        let line = UIView()
        line.frame = frameLine
        button.tag = j
        view.tag = j
        button.frame = frame
        line .backgroundColor = UIColor.red
        button.backgroundColor = UIColor.red
        button.setTitleColor(UIColor.white, for: UIControlState.normal)
        button.layer.borderColor = UIColor.white.cgColor
        button.titleLabel?.textAlignment = .center
        button.addTarget(self, action: #selector(self.buttonEvent(_:)), for: .touchUpInside)
        button.setTitle(name, for : .normal)
        scrollwidth = scrollwidth + strikwidth + 30
        let strofMenu = namesOfMenu[selectedIndex] as! String

        if (j == selectedIndex)
        {

            if(strofMenu == "GMC")
            {
                //apicall()
            }

            line.backgroundColor = hexStringToUIColor(hex: "#3174C7")
            button.backgroundColor = UIColor.clear

            button.setTitleColor(hexStringToUIColor(hex: "#3174C7"), for: UIControlState.normal)


        }else
        {
            line.backgroundColor = UIColor.clear
            button.backgroundColor = UIColor.clear

            button.setTitleColor(MyConstant.Color.dark_gray_shade, for: UIControlState.normal)

        }
        button.titleLabel?.font =  MyConstant.fontApp.Regular

        buttonArray.add(button)

        lineArray.add(line)

        btnScrollView.addSubview(button)

        btnScrollView.addSubview(line)

    }

    btnScrollView.contentSize = CGSize(width : CGFloat(scrollwidth), height :  CGFloat(40.0))

    btnScrollView.isPagingEnabled = false

    btnScrollView.showsHorizontalScrollIndicator = false

    btnScrollView.showsVerticalScrollIndicator = false
}

//MARK:- Button Event

@objc func buttonEvent(_ sender : UIButton)

{

    let index = sender.tag

    selectedIndex = index

    let getRepoName = namesOfMenu[index] as! String

    print(getRepoName)


    for i in 0..<buttonArray.count

    {

        let buttonone : UIButton = (buttonArray[i] as! UIButton)

        let line : UIView  = (lineArray[i]) as! UIView

        if i == selectedIndex
        {
            buttonone.backgroundColor = UIColor.clear

            line.backgroundColor = hexStringToUIColor(hex: "#3174C7")

            buttonone.setTitleColor(hexStringToUIColor(hex: "#3174C7"), for: .normal)
            //
            //               if(getRepoName == "GMC")
            //               {
            //                   clickedCellIndexes.add(0)
            //
            //                   arrmutablefordata.removeAllObjects()
            //                   tblhome.reloadData()
            //                   apicall()
            //               }


            //buttonone.titleLabel
        }else
        {
            buttonone.backgroundColor = UIColor.clear

            line.backgroundColor = UIColor.clear

            buttonone.setTitleColor(MyConstant.Color.dark_gray_shade, for: .normal)

        }





    }

}

Herzlich willkommen auf Stack Overflow. Bitte Lesen Sie Wie Schreibe ich eine gute Antwort.

InformationsquelleAutor sandip jadhav

0

Tun es aus der storyboard mit scroll-view und stack Aussicht macht dies eine sehr einfache Lösung. Zusammen mit einer Reihe von sub-view-Controller und übergänge. Ich habe geschrieben Beispielcode auf GitHub. Bitte schauen Sie hier:

https://github.com/equitronix/horizontalScrollMenu

Lassen Sie mich wissen, ob das funktioniert.

InformationsquelleAutor Arun Saxena

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.