Tentang Button和IBAction,juga Label和IBOutlet

晕semua! Yuk mari kita lanjutkan教程iOS应用程序开发教程。

Tutorial kali ini akan membahas beberapa hal yaitu:

  • Komponen标签(sebetulnya sudah kita kenal di tutorial sebelumnya)
  • Komponen Button
  • Apa dan bagaimana视图控制器itu
  • Sekelumit tentang IBAction,丹
  • Sekelumit tentang IBOutlet
  1. 查看布局
  2. 商业逻辑
  3. Tentang View-Controller
  4. Membuat Button的IBAction
  5. Membuat Label的IBOutlet
  6. Ngoding业务逻辑!

Buka Xcode,lalu buat项目iOS / Swift baru。

卢帕/贝鲁·塔胡·卡兰尼亚? Simak教程cara membuat iOS App应用程序Anda disini。

挑战!

Cari komponen 标签 dan Button ,自然布局dan ubah属性-nya hingga menjadi seperti ini:

Petunjuk:

  1. 按钮 :bertuliskan“ Click Me” dengan字体大小35
  2. 标签 :tulisan默认的dengan字体大小30

Logika aplikasi ini sederhana sekali:

Saat tombol diklik / ditap,Maka Tulisan Pada标签Akan Berubah。


Buka(突出显示)文件ViewController.swift dari sidebar kiri:

ViewController adalah模板Anda menuliskan kode yang berhubungan dengan视图(tampilan)dan业务逻辑(控制器)应用程序Anda。

Beberapa Hal Yang Bisa Anda pelajari dari isi默认文件tersebut adalah:

  1. Semua hal didalam tanda“ //” adalah komentar,yang tidak akan dieksekusi oleh Xcode。
  2. ViewController ini menggunakan库“ UIKit” untuk berinteraksi dengan视图。
  3. Didalam class-nya terdapat 2 fungsi默认值:(1)viewDidLoad()untuk menentukan apa saja yang dilakukan saat app pertama kaali di-running,dan(2)didReceiveMemoryWarning()untuk menentukan apa saja yang ungung dilakukan jika device fis资源。

Sedikit percobaan,lakukan seperti ini didalam ViewController ini,lebih tepatnya dalam fungsi viewDidLoad():

Saat sukses di-running(⌘+ R),tambahan kode tersebut akan menuliskan sesuatu dalam控制台,seperti ini:


Sebelumnya,mari kita buat工作区Xcode lebih nyaman digunakan dengan membuat分割窗口(kiri berisi窗口视图,kanan berisi窗口代码)dengan cara:

Pilih(突出显示)文件Main.storyboard dari sidebar kiri,lalu aktifkan助理编辑di menu paling atas pojok kanan

Maka工作区Xcode的中文输入法ini:

Pilih按钮,lalu拖动ke arah窗口编码sepinti ini:

Lepaskan,lalu akan muncul弹出式窗口seperti ini:

Pilih dan isi弹出式窗口tersebut seperti ini:

  1. 连接 :pilih动作
  2. 名称 :beri nama action pada按钮ini。 安达·比萨·古纳坎·纳玛·阿帕蓬,纳蒙·塞拜克妮·赫鲁斯·杰拉斯·玛克苏德·达里·动作·尼。
  3. 类型 :pilih UIButton
  4. 事件 :默认
  5. 参数 :默认

Klik Connect

Akan muncul kode seperti ini:

Selamat! Anda baru saja sukses membuat动作pada suatu按钮。

Catatan :众所周知,“ IB” pada“ @IBAction” adalah singkatan dari“ Interface Builder”。

提示 :Cara(lain)untuk melihat suatu komponen punya action apa saja adalah dengan cara mengklik kanan suatu komponen seperti ini:

Disana akan muncul弹出窗口berisi banyak informationasi termasuk diantaranya adalah:事件apa yang sudah ada action-nya。 Dalam kasus ini adalah事件“ Touch Up Inside”,punya动作dengan nama“ loginPressed”。

Lanjut:Isi fungsi buttonClicked()从头开始:

运行aplikasi(⌘+ R),lalu klik /点击“点击我!”按钮berkali-kali

好极了! Dengan demikian button的动作ini berfungsi sebagaimana mestinya。

提示 :停止aplikasi / simulator dengan⌘+•


Membuat IBOutlet memiliki cara yang sama seperti membuat IBAction diatas。

Pertama buat拆分窗口视图dengan编码。

Pilih标签,lalu drag ke arah窗口编码。

Lepaskan,lalu akan muncul弹出式窗口seperti ini:

Pilih dan isi弹出式窗口tersebut seperti ini:

  1. 连接方式 :默认(插座)
  2. 名称 :商标名称 ini。 安达·比萨·古纳坎·纳帕(Nama)
  3. 类型 :pilih UILabel
  4. 存储 :默认

Klik Connect

Akan muncul kode seperti ini:

Penjelasan dari IBOutlet ini adalah sebagai berikut:

  1. @IBOutlet :menandakan bahwa“ infoLabel” ini adalah sebuah出口untuk对象UILabel
  2. 弱点 :saya akan jelaskan tentang关键字ini教程turikutnya
  3. var :阿达拉·卡拉·斯威夫特Swift Mendeklarasikan suatu variabel
  4. infoLabel ”: 娜玛·达里·奥特尼 ini
  5. UILabel :杰尼斯/ objek达里奥特尼
  6. 坦达“ setelah UILabel:penanda bahwa标签untuk outlet ini harus ada dalam视图,atau sebuah错误akan muncul saat运行时

! Waktunya ngoding业务逻辑数据应用程序sederhana ini。

Ganti isi dari fungsi buttonClicked()

下载:Github


Atribusi Anda berupa 鼓掌分享 ,ngasih komentar ,dan 以下博客ini dapat menimbulkan efek采样berupa semangat menulis yang menggebu bagi saya