Pemrograman Mobile KivyMD | User Input With text field/KivyMD | Tutorial - 5|Tugas 10, 11,12

Nama : Aris Sofian

NIM    : 18.01.013.022

Mata Kuliah : Pemrograman Mobile

Tugas: Rangkuman Materi dari video pembelajaran di YouTube dengan judul user input with text field.

Link Video: https://youtu.be/6uGZfBTl8Xc

Hasil Rangkuman :

User Input With Text Field.

Redo Series di mana kita akan belajar cara mengambil input dari pengguna menggunakan bidang teks sekarang ada dua cara untuk membuat elemen di dalam kivymd yaitu :

1. Menggunakan kode kita yang telah kita lakukan di bawah ini untuk membuat label dan tombol,

2. Menggunakan metode Builder

    Dalam metode membangun kami menambahkan elemen menggunakan kekuatan multi-garis dan Kivy secara otomatis mengenali kekuatan dan lakukan elemen untuk kami di video ini kita akan belajar bagaimana mengambil input dari pengguna menggunakan kedua metode ini metode membangun sangat penting karena kami akan menggunakan lebih banyak dan lebih banyak dari metode ini di video yang akan datang tentang seperti apa 3 video berikutnya

    Jadi inilah yang kami buat di video ini dan dukungan video berikutnya adalah mengambil masukan dari pengguna dan Anda dapat melihat ketika kami mengkliknya, ia pergi ke Misi yang indah ini dan ini bukan nama pengguna yang bertindak dikenal sebagai teks petunjuk di dalam kvmd dan Anda dapat melihatnya memiliki Android yang keren di sini dan ini adalah android pikir dalam dua video terakhir dan video tim dan pesan video label dan saya bisa tahu dari mana mendapatkannya.

     Anda juga bisa menggunakan bahasa Python dan item lain seperti ini dan kemudian di sini di bagian bawah tertulis atau klik lupa nama pengguna ini dikenal sebagai teks pembantu dalam video ini kita akan mempelajari semua hal ini dan kemudian di video berikutnya tentang cara mengambil input dari contoh bagaimana kami meminta Anda mengambil input dari sini dan mengirimkannya ke orang lain sejauh ini cukup jika kita memasukkan arahan di sini dan kita mengklik tombol bagikan Anda dapat melihat bahwa kebenarannya tetapi dalam menampilkan pada kotak dialog ini ini dikenal sebagai mengikat input pengguna ke tombol dan jika Anda mengklik tombol ini, ia mengambil rute ini atau apa pun yang telah kami alami di sini dan mengirimkannya ke tempat lain, jadi misalnya, ia mengirimkannya ke sini di dalam kotak dialog kami Dukungan bidang teks

  Cara membuat user input with text field adalah sebagai berikut:

  1. Kita buat tampilannya dengan source code di bawah:

masukkan sintak sebagai berikut username = MDTextField(text='enter username', pos_hint={'center_x':0.5,'center_y':0.5})



       2. ini adalah tampilan dari source code diatas setelah di run


       3. jiaka ingin menambah ukuran hint kita tambahkan source code di bawah:
            username = MDTextField(text='enter username',pos_hint=                       {'center_x':0.5,'center_y':0.5},size_hint=(0.5,1))


        4. Ini adalah tampilan setelah ditambah source code seperti diatas maka ini adalah tampilan nya disini ada perbedaan dari outputnya dimana output sebelumnya tulisan yang warna biru posisinya full dari kanan kekiri sekrang outputnya ada jarak antara kiri dan kanan jadi posisinya sekarang berada di tengah.



        5.Setelah outputnya di perkecil maka tampilannya seperti dibawah ini :


        6.Sekarang coba kita tambahkan source code:

username = MDTextField(text='enter username', pos_hint={'center_x':0.5,'center_y':0.5},size_hint_x=None,width=200)

maka hasilnya Ketika tampilan di perkecil ukuran samping kanan dan kiri tetap dan tidak akan mengecil 



        7. supaya tampilan lebih menarik Masukkan source code seperti tampilan di bawah


        8. Menambahkan forgot username

Masukkan sintak seperti pada gambar di bawah lalu run




        9. maka outputnya akan muncul seperti dibawah ini


        10. Supaya tampilan lebih menarik saat di klik masukkan source code seprti gambar di bawah ini:


11. di bawah ini adalah output setelah ditambahkan source code di atas akan ada dua tampillan
ini adalah tampilan pertamanya :


ini tampilan keduannya :


        12. Untuk anda inigin menambah icon android, masukkan source code seperti dibawah ini :


        13. setelah ditambah source code di atas maka outputnya seperti gambar dibawah :


        14. Jika anda ingin mengubah tampilan text nya bewarna hijau masukan source code seperti gambar dibawah ini :


        15. maka tampilan setelah di run seperti gambar dibawah ini :



Sekian Tugas Rangkumannya mudah mudahan bermanfaat, Terima kasih

























Komentar

Posting Komentar