“Text Input & Button Input” #appios

Screen Shot 2016-03-07 at 11.39.31 AM

Selamat datang para developer…..

langsung saja…. disini penulis aka berbagi tentang ilmu ios yaitu : “text input & button input” …….. Disini penulis Menggunakan Software XCODE dan menggunakan Bahasa pemograman SWIFT….. 🙂

langsung aja point to point …..:P

  1. Jalankan XCODE nya … Dan Buat Project Baru ..! Seperti dibawah ini :

 

2. Dan di bagian Main.storyboard….. bisa buat seperti di bawah ini :Screen Shot 2016-03-07 at 1.55.07 PM

oke…… Bagian apa aja yang ada di atas :

  • Cat Years : Label
  • How old yours cat : Label
  • kotak putih : text field
  • Find age in cat years : Button
  • Dan yang berwarna orange : Label

3. Jika Sudah Buat seperti di atas ……… maka bisa di masukan gambar seperti yang ada dibawah :

Screen Shot 2016-03-07 at 2.04.17 PM

Dan seret ke arah Bawahnya Main.storyboard

Screen Shot 2016-03-07 at 2.04.24 PM

Screen Shot 2016-03-07 at 2.04.27 PM

Dan tekan finish….. maka tampilannya seperti ini

Screen Shot 2016-03-07 at 2.04.32 PM

4. jika sudah seperti di atas tinggal masukan gambarnya….. :

Screen Shot 2016-03-07 at 2.10.30 PM

taraaa…… gambarnya sdh ada di layout……

5. Dan sekarang masuk Ke bagian codingannya ……

draglah bagian kotak putih ke bagian ViewController.swift .. Dengan Cara tekan tombol shift dan command dan arahka ke sini …. dan di beri nama : catAge

Screen Shot 2016-03-07 at 12.04.05 PM

Ikuti panah yang berwarna biru…. dan tulis di bagian sana dengan :

@IBOutlet weak var catAge: UITextField!

jika sudah selesai ….. Sekarang Drag yang button (warna kuning) ke arah tersebut…dan ganti di bagian atas dengan action dan beri nama “buttonPressed” tulis:

@IBAction func buttonPressed(sender: AnyObject) {

        

        let num:Int? = Int(catAge.text!);

        let sum:Int = num! * 7

        

        print(sum)

        

        

        message.text=“Your cat is  \(sum) cat years old”;

jika sudah .. … tinggal satu lagi deh…..

Sekarang Drag yang label (warna jingga) ke arah tersebut…dan   beri nama “message” tulis:

@IBOutlet weak var message: UILabel!

6. Akhirnya selesai juga….. sekarang tinggal di jalankan aplikasinya….. dan apabila di jalankan maka seperti ini jadinya……:

Screen Shot 2016-03-07 at 2.28.58 PM

taraa….. selesai juga… apabila di jalankan maka seperti ini jadinya….. aplikasi yang di gunakan untuk menghitung umur kucing

alhamdulillah……

Selamat Mencoba….. semoga postingannya bermanfaat… 🙂

apabila ada yang kurang mengerti bisa kirim ke email :rizqifatur4@gmail.com

Salam Dari : Santri Developer 😛

Tinggalkan komentar