TUGAS PRAKTIKUM

Nama        : Arsyah kumalasari

NIM          : 18.01.013.023

MK            : Pemrograman mobile

Kelas         : D

Kivy / kivyMD Tutorial

Binding input and Button

Jadi di blog kali ini adalah lanjutan dari blog sebelumnya yaitu tentang user input with text field. kita akan menambahkan tanda login seperti pada gambar di bawah:

Cara pembuatan Input And button Pada KivyMD

1. Pastikan project kita sudah terinstall Kivy Dan KiyMD 

2. Buka Pycharm lalu open project yang sudah kita buat sebelumnya yaitu tentang  user input with text field 

3.  Buat file python baru dengan nama "inputwithbutton" (Tanpa ada Kutip)

4. Ketik Source Kode Berikut ke dalam Pycharm (inputwithbutton)

from kivymd.app import MDApp
from kivymd.uix.screen import Screen
from kivymd.uix.button import MDRectangleFlatButton
from kivy.lang import Builder
import helpers

class DemoApp(MDApp):
    def build(self):
        self.theme_cls.primary_palette = "Green"
        screen = Screen()
        self.username = Builder.load_string(helpers.username_input)
        button = MDRectangleFlatButton(text='Login', pos_hint={'center_x': 0.5, 'center_y': 0.4}, on_release=self.show_data)

        screen.add_widget(self.username)
        screen.add_widget(button)
        return screen
    def show_data(self,obj):
        print(self.username.text)

DemoApp().run()

berikut gambarnya:

5. Karena folder helpers sudah ada ketika kita membuat projek user input with text field, maka kita tidak perlu membuat python file "helpers" yang baru

6. Run project "inputwithbutton" dengan cara CTRL + SHIFT + F10 

7. Jika berhasil maka gambar sebagai berikut