1 Mar 2018

Tutorial Swift : Mengirimkan data antar View Controller

Mengirimkan data dari satu view ke view lain menjadi sebuah kebiasaan yang dibutuhkan dalam membuat sebuah aplikasi baik web, mobile, desktop. Nah saat ini kita akan mencoba membuatnya dengan Swift. Seperti pada bahasan-bahasan sebelumnya mengenai pemrograman Swift saya akan sangat simpel membahasnya.

Langsung saja kita buat sebuah project Single View App baru dengan nama SendParam. Jika sudah kita buka Main.storyboard dan kita tambahkan satu buah Text Field dan Button seperti di bawah ini
Tutorial Swift 1 masrahman28


jika sudah kita tambahkan satu buah View Controller yang akan kita gunakan untuk menampilkan hasil isian yang kita submit nanti seperti di bawah ini
Tutorial Swift masrahman28

Jika sudah kita buat sebuah cocoa touch class untuk ViewController yang tadi kita telah buat
Membuat cocoa touch class masrahman28
Lalu kita hubungkan cocoa touch class dengan ViewController seperti di bawah ini

Mengisialisasi View Controller dengan Storyboard masrahman28
Pada gambar di atas, No. 1 itu menghubungkan View dengan class yang kita buat, sementara No.2 menjadi identifikasi yang akan nanti kita gunakan untuk pemanggilan View.

Oke jika sudah kita tambahkan coding berikut di DetailViewController.swift, saya tidak akan menjelaskan bagaimana menghubungkan antara label yang ada di view ke coding ya. Gampang kok tinggal tekan tombol Control dan tarik ke coding (pasti pada udah tau klo pengguna Xcode)

    var strParam:String = ""
    @IBOutlet weak var lblDetail: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        lblDetail.text = strParam
        // Do any additional setup after loading the view.
    }

jika sudah kita masuk ke ViewController.swift dan tambahkan coding pada action button seperti di bawah ini

    @IBOutlet weak var txtIsi: UITextField!
    @IBAction func btnSubmit(_ sender: UIButton) {
        let toDetail = self.storyboard?.instantiateViewController(withIdentifier: "detailView") as! DetailViewController
        toDetail.strParam = txtIsi.text!
        self.present(toDetail, animated: true, completion: nil)
    }

Jika sudah maka aplikasi sudah bisa kita jalankan seperti pada gambar di bawah ini
contoh penggunaan 1 masrahman28

dan ketika kita submit maka akan muncul seperti di bawah ini

Tidak ada komentar:

Posting Komentar