Membuat Aplikasi Kalkulator Sederhana di iOS: Panduan dan Penjelasan

Dalam tutorial ini, kita akan membuat aplikasi kalkulator sederhana untuk iOS menggunakan Swift dan Xcode. Kami akan membuat antarmuka pengguna (UI) dengan Interface Builder dan menulis logika kalkulator di kode Swift.

1. Mempersiapkan Proyek

1. Buka Xcode dan pilih "Create a new Xcode project".
2. Pilih template "App" dan klik "Next".
3. Isi nama proyek, misalnya "Kalkulator", dan pastikan "Language" diatur ke "Swift". Klik "Next" dan pilih lokasi untuk menyimpan proyek. Klik "Create".

2. Mendesain Antarmuka Pengguna

Kita akan mulai dengan mendesain antarmuka pengguna aplikasi kalkulator. Antarmuka ini terdiri dari tampilan untuk hasil perhitungan dan tombol-tombol kalkulator.

Menggunakan Interface Builder

1. Buka Main.storyboard di Xcode.
2. Seret UILabel dari Object Library ke View Controller. Ini akan menjadi tampilan hasil perhitungan. Atur constraints agar menempel di bagian atas layar dengan ukuran yang sesuai.
3. Tambahkan UIButton untuk setiap tombol kalkulator (0-9, +, -, *, /, =, C) di bawah tampilan hasil. Anda bisa menggunakan Stack View untuk menyusun tombol-tombol secara rapi.
4. Beri label pada setiap tombol sesuai fungsinya.

Menghubungkan Elemen UI dengan Kode

1. Buka Assistant Editor dengan mengklik ikon dua lingkaran di kanan atas Xcode.
2. Ctrl-drag dari UILabel dan setiap UIButton ke file ViewController.swift untuk membuat outlet dan action.

3. Menambahkan Logika Kalkulator

Sekarang kita akan menambahkan logika kalkulator di file ViewController.swift.

Kode Swift untuk ViewController.swift

https://link-hub.net/1218768/prog-kalkulator-di-ios

Penjelasan Kode

1. Outlet dan Action

   • @IBOutlet weak var displayLabel: UILabel!: Referensi ke tampilan hasil perhitungan.
   • @IBAction func digitButtonTapped(_ sender: UIButton): Menangani tombol angka. Menambahkan angka ke tampilan hasil atau menampilkan angka baru jika operator sudah ditekan.
   • @IBAction func operatorButtonTapped(_ sender: UIButton): Menangani tombol operator. Menyimpan nilai operand dan operator yang dipilih.
   • @IBAction func equalsButtonTapped(_ sender: UIButton): Menghitung hasil berdasarkan operand dan operator yang dipilih.
   • @IBAction func clearButtonTapped(_ sender: UIButton): Menghapus semua nilai dan mereset kalkulator.

2. Calculator Struct

   • operand: Menyimpan nilai saat ini.
   • pendingOperation: Menyimpan operasi yang tertunda (misalnya, operasi biner).
   • operations: Menyimpan semua operasi matematika yang tersedia dalam kalkulator.
   • setOperand(_:): Menetapkan nilai operand saat ini.
   • setOperation(_:): Menetapkan operasi yang dipilih dan menyimpan operand jika diperlukan.
   • performPendingOperation(): Menjalankan operasi biner yang tertunda.
   • clear(): Menghapus operand dan operasi yang tertunda.
   • result: Mengembalikan hasil perhitungan saat ini.

4. Menjalankan Aplikasi

1. Klik tombol "Run" di Xcode untuk menjalankan aplikasi di simulator iOS atau perangkat iOS fisik.
2. Uji semua tombol kalkulator untuk memastikan bahwa aplikasi berfungsi sesuai harapan.

Kesimpulan

Dalam tutorial ini, kami telah membuat aplikasi kalkulator sederhana di iOS dengan antarmuka pengguna yang intuitif dan logika kalkulator dasar menggunakan Swift. Anda dapat mengembangkan aplikasi ini lebih lanjut dengan menambahkan fitur tambahan seperti penanganan kesalahan, dukungan untuk operasi matematika yang lebih kompleks, dan pengaturan tampilan yang lebih baik.

Dengan mengikuti panduan ini, Anda telah mempelajari dasar-dasar pengembangan aplikasi kalkulator di iOS dan dapat melanjutkan untuk menjelajahi lebih banyak fitur dan teknik dalam pengembangan aplikasi iOS.