MIT School Muslimah : [X-Code] Membuat ScrollView

Untuk mengembangkan aplikasi, kadang terkendala dengan ukuran layar tampilan. Ukuran layar bisa lebih kecil dibanding ukuran tampilan aplikasi. Untuk mengatasi hal itu, X-Code memiliki elemen yang bernama ScrollView.

ScrollView berfungsi untuk memuat suatu layar agar dapat ditampilkan secara penuh. dengan menaikkan layar ke atas atau ke bawah.

Tanpa ScrollView, informasi yang kita sampaikan akan terpotong sebatas layar device, sisanya tidak terlihat.

Berikut adalah contoh ScrollView

Siapkan ViewController. Ketikkan scroll view pada library pane, drag elemen Scroll View ke view controller,

Screen Shot 2016-05-30 at 1.41.12 PM    Screen Shot 2016-05-30 at 1.43.52 PM

Selanjutnya drag Label ke tengah Scroll View,

scrScreen Shot 2016-05-30 at 1.44.41 PM

Cari text yang berisi banyak tulisan masukkan Attributes inspector, karena barisnya banyak tidak bisa dihitung ubah lines menjadi 0.

Screen Shot 2016-05-30 at 1.45.53 PM  Screen Shot 2016-05-30 at 1.46.09 PM

Drag Scroll View dan Label ke file brain

ll scr

Saatnya ngoding .. mudah kok singkat pula, panggil nama dari Scroll View dalam func viewDidload tambahkan “.contenSize.heigh = 500.0” ini adalah ukuran panjang Scroll Viewnya.

Screen Shot 2016-05-30 at 2.17.41 PM

Finish!! saatnya mencoba di simulator.
Lihat peredaannya setelah layar dinaikan

Screen Shot 2016-05-31 at 12.16.20 AM  Screen Shot 2016-05-31 at 12.16.42 AM

Screen Shot 2016-05-31 at 12.16.58 AM

Gimana mudah kan mudah kan mudah kan ?? boleh dicoba sendiri
Selamat mencoba dan terus gali pengetahuan.

 

Astri Novia Putri

Madani IT School

Loading Facebook Comments ...