Cara Membuat User Input Text Field Menggunakan KivyMD
Sebagaimana kita tahu bahwa KivyMD merupaka n salah satu package dari Python untuk membuild apliksi mobile. Sedrhananya package ini merupakan alternatif baru bagi para programmer untuk membuild aplikasi mobile.
Nah di sini kita akan belajar bagaimana membuat User input Menggunakan Text Field. Text Field sendiri biasanya digunakan dalam aplikasi mobile dan sangat sering kita jumpai, oleh karena itu mempelajari Text Field sendiri merupakan kewajiban bagi para programmer.
Langkah awal untuk membuat text fiel ini pastikan teman teman sudah mengimport beberapa hal yang penting dalam membuat text field ini. Untuk jelasnya teman teman bisa lihat pada gambar ini.
Nah dua baris awalan dari program tersebut meruppakan proses menginport MDApp sendiri yang dimana MDApp ini berfungsi untuk membuat aplikasi mobilenya. Sedangkan untuk screennya yaitu untuk tampilannya yang akan ditampilkan nantinya saaat program dijalankan.
Bari nomer lima berfungsi sebagai class dari aplikasi kita yaitu DemoApp. Setelah mendefinisikan classnya dilanjutkan dengan mebuild programnya dengan mengetikkan def build(self): tersebut. Setelah itu membuat variable screen yang dimana akan mengimport Screen dari KivyMD. Kemudian return screen bertujuan untuk menampilkan screen itu sendiri. Kemudian baris terakhir adalah perintah agar program dijalankan.
Itu merupakan baris kode awal dari TextField, selanjutkan bisa dilihat pada gambar berikut ini.
Nah di gambar ini saya mengimport program untuk menampilakan TextField nantinya. Teman teman bisa melihat saya membuat variable username yang berisi MDTextField yang dimana MDTextField diisi dengan text=(“Enter Username”). nah tulisan enter username ini akan muncul didalam textfield yang berfungsi sebagai perintah yang diberikan pada pnrggunanyauntuk memasukkan usernamenya. Nah kemudian posisi dari textfieldnya di kunci pas di tengah tengah dengan menggunakan “pos_hint” dimana nilai posisi x = 0.5 dan y = 0.5 yang menjadikannya tepat di tengah dari screennya nanti. Nah disini juga terdapat “pos_hint_x=None” ini dimaksud apabila saat screen dikecilkan nanti ukuran dari textfield di dimensi x tidak berubah dan dengan lebar 300px. Dan teman teman jangan lupa menambahkan programdi atas tulisan return screen dan mengisinya dengan screen.ad_widget(username) yang berfungsi untuk menampilkan textfieldnya nanti.
Setelah itu ada improvisasi disini yang bisa teman teman coba. Untuk contohnya bisa dilihat pada gambar ini.
Teman teman bisa menghapus MDTextFieldnya dan menggantinya dengan builder. Nanti MDTextField ini akan kita pindahkan pada program yang dimana program trsebut bisa mamnggil fungsi dari MDTextField ini. Fungsi dari username_helper ini merupakan variabel yang didalamnya terdapat fungsi dari MDTextField. Nah saat menggunakan comand “””….””” petik tiga tersebut dia tidak akan mengenali tanda ‘=’ namun dia mengenali tanda ‘:’ sebagai pengganti dari tanda = tersebut.seperti yang teman teman lihat pada program sebelumnya variabel usernamenya dimana pos_hint untuk mendefinisikan fungsinya dia menggunakan tanda = sedangkan dalam variabel username_helper kita menggunakan tanda :. nah variable username disini sudah diganti dengan variabel username baru yang diaman username baru ini akan memanggil isi dari usename_helper.
Umtuk hasil running dari program bisa dilihat seperti ini :
Cara Membuat Binding Input and Button pada KivyMD
Halo teman-teman, ini merupakan lanjutan dari tuutorial kita sebelumnya yaitu Cara Membuat Username Text Field Pada KivyMD. Nah di sini kita akan melanjutkannya dengan membuat button dan binding text.
Untuk langkahnya temen temen bisa melihat gambar ini :
Nah temen temen bisa memindahkan varibel yang berisi function MDTextField pada program lainnya yang nantinya dia akan dipanggil dengan function lain. Nah temen temen bisa membuat program baru dengan nama helper.py yang berisi username_helper tadi.
Setelah itu temen temen bisa menambahkan program untuk mengimport helper yang didalamnya terdapat username_helper yang teman teman buat tadinya. Kalian juga harus membuat program untuk menggunakan function button dan membuat variabel button yang berisi tulisan show dan telah diposisikan sedemikian rupa dan juga memanggil button itu sendiri agar dapat ditampilkan di layar dengan kode screen.add_widget(button) seperti gambar brikut.
Nah itu merupakan program untuk membuat buttonya