MAS RIDJI

Mas Ridji | Blog tentang totorial dan informasi

Thursday, February 15, 2018

Construct 2 | Cara Berganti Layout, Dari 1 Layout ke Layout Lainnya


Selamat pagi semua, salam semangat pagi untuk kita semua agar kita selalu semangat dalam menjalani hari demi hari.

Pada kesempatan kali ini Admin Galiilmu1.blogspot.co.id akan membagi informasi tentang Construct 2. Penjelasan tentang Construct 2 telah admin jelaskan pada artikel sebelumnya di Link ini. Artikel sebelumnya menjelaskan tentang Hello World dan juga behavior Sprite. Informasi kali ini yaitu tentang cara memanggil layout 1 ke layoutlainnya atau cara memanggil layout lain. Untuk material yang digunakan anda dapat mencarinya di mesin pencarian internet.


Baca Juga : Tutorial Construct 2 | Hello World

Langsung saja kita mulai membuat nya :

Langkah 1. Buka Aplikasi Construct 2 Kalian.

Langkah 2. Buat File Baru dengan cara Pilih File > New > Empty Project > Open.



Langkah 3. Pada Properties Project kalian isikan saja sama dengan gambar, samakan dengan tulisan yang berwarna hitam tebal.



Langkah 4. Klik pada lembar kerja putih kalian. Maka akan tampil properties layoutkalian. Isikan sama dengan gambar saja.



Langkah 5. Jika telah selesai maka tampilan seperti ini.


Langkah 6. Selanjutnya pada langkah ini kita akan memasukkan Sprite gambar pendukung lainnya.
Untuk memasukkan Sprite kita klik kanan pada lembar kerja dan pilih Insert New Object kemudian pilih Sprite  Berikan nama Background dan Insert.


Klik pada lembar kerja dan akan tampil seperti gambar dibawah. 


Kita akan memasukkan gambar background dengan memilih gambar yang ada dalam komputer kita dengan klik Icon Open Filekemudian cari gambar background yang akan kalian gunakan.
Setelah kalian pilih gambar background kalian,klik CloseKemudian kalian atur hingga pas dengan latar putih. Contoh nya pada gambar dibawah.





Langkah 7. Lakukan hal yang sama dengan Langkah 6, Namun kali ini kita akan memasukkan Sprite Tombol/Button yang berfungsi sebagai tombol kelayout lain. Untuk memasukkan Sprite tombol kita klik kanan pada lembar kerja dan pilih Insert New Object kemudian pilih Sprite  Berikan nama sprite tombol.
Jika sudah maka akan tampil seperti gambar berikut.






Langkah 8. Pada langkah ini kita akan membuat layout baru untuk dapat dipanggil dari layout sebelumnya. Cara nya yaitu dengan Klik Kanan pada Layout samping kanan atas > Add Layout > Add Event Sheet.




Maka Hasil nya akan seperti ini. 


Kemudian pada Properties Layout atur seperti langkah 3.



Langkah 9. Kita akan mengatur tampilan layout 2 dengan backgorund warna, teks dan tombol kembali. Langkah untuk Backgrund dan tombol sama dengan langkah sebelumnya. Untuk Teks, Kita klik kanan pada lembar kerja pilih Insert New Object > Text > Insert.



Kemudian atur pada Properties sesuai keinganan kalian. Dan maka tampilan seperti ini.




Langkah 10. Untuk tampilan admin rasa telah selesai.
Selanjutnya kita akan memasukkan perintah Touch yang berfungsi untuk jika kita tekan object maka akan melakukan perintah. Cara nya Klik kanan pada lembar kerja > Pilih Touch > Insert seperti pada gambar.


Langkah 11. Langkah terakhir adalah dengan memasukkan logika pada event sheet tiap layout. Klik kanan pada Event sheet 1  > open seperti pada gambar ini.





Kemudian akan tampil halaman seperti ini. 



Ini tempat untuk memasukkan logika  kita sehingga aplikasi yang kita buat dapat berjalan seperti yang kita mau, kurang lebih seperti itu.

Mari kita Mulai. Klik  pada Add Event maka akan tampil seperti pada gambar berikut (maaf untuk nama sprite belum di ubah, namun gambar sprite tetap sama).


Karena kita ingin pada layout 1 memanggil layout 2 dengan cara klik tombol pada layout 1. Maka langkahnya seperti ini pada  Add Event terdapat Touch maka kita pilih touch Klik 2x atau Next kemudian pilih Is Touching Object klik 2x.




Kemudian terdapat  pilihan memasukkan object, kita pilih tombol masuk dan pilih Done seperti pada gambar berikut.






Jika benar, maka tampilan seperti ini.



Kemudian kita pilih Add Action > System > Go to layout >Pilih layout 2 > Done.





Sampai tahap ini kita dapat memanggil layout 2 dengan cara menekan tombol masuk pada layout 1. Untuk layout 2, jika ingin melakukan pemanggilan layout 1 dengan menekan tombol home maka langkahnya sama dengan langkah 11 sebelumnya pada saat ingin memanggil layout 2. Namun ini dilakukan pada Event Sheet 2 dikarenakan memanggil layout 1 dan layout 2
Jika tidak ada salah maka Event pemanggilan layout 1 dari layout 2 seperti ini (sama seperti Event Sheet 1 namun berbeda object saja).


Setelah semua selesai kalian dapat menjalankan program aplikasi kalian dengan menekan tombol RUN pada bagian atas dan akan menampilkan pada google crome. Kalian dapat menjalankan aplikasi kalian.
Selamat mencoba.
Tutorial selanjutnya kita akan membahas tentang cara Eksport file yang kita buat di Construct 2 menjadi file .Apk sehingga kita dapat menjalannya di Smartphone kita.


Baca Juga : 



No comments:

Post a Comment

Adbox