Membuat animasi slide Tab View

 

Pada tutorial tab bar ini, kita sudah membuat Tab Bar menjadi center.

Nah, sekarang kita akan membuat View dari Tab Bar tersebut bisa berpindah kesamping dan melakukan animasi slide

 

Pertama, buat View/Container Content

  1. Tambahkan 2 view
  2. Set constraint/auto layout seperti pada gambar

Jika sudah, kita akan merubah X position pada View Tab 2

Ubah X = selebar ukuran view layar (disini saya set menjadi 414)

  1. Klik logo segitiga ∆ kuning
  2. Pastikan value X adalah lebar ukuran dari layar
  3. Pilih Update Constraint
  4. Klik Fix Misplacement

Ok, next kita tambahkan Label pada masing-masing View

Selanjutnya kita akan mereferensikan (IBOutlet)sisi-sisi (Leading & Trailing) View kita seperti pada gambar dibawah.

Lanjut …
Kita pindah ke file .swift untuk coding animasi nya

Tambahkan code ini pada function delegate UICollectionViewDelegate

 

Ok, sekarang coba di run …

See ya on the next tutorial

Kategori: Mobile Apps