KivyMD - life goes on / Sudo Null IT News

Baik Teman – teman pada edisi kali ini ijinkan saya untuk membagikan bagaimana cara membuat user input pada KivyMd di python

langsung saja

untuk langkah awal silahkan buka pycharm pada sistem operasi masing masing

setelah aplikasinya terbuka silahkan buat new file dengan nama userinput.py

kita coba buatkan codingan standar untuk menampilkan screen

from kivymd.app import MDApp
from kivymd.uix.screen import Screen

class UserInput(MDApp):
def build(self):
screen = Screen()
return screen

UserInput().run()

Setelah selesai mengetik code silahkan lakukan di jalankan untuk mengecek apakah ada error pada code nya

Adapun function yang akan kita gunakan adalah Builder dari kivy.lang

from kivymd.app import MDApp
from kivymd.uix.screen import Screen 
from kivy.lang import Builder
username_helper = """
MDTextField:
    hint_text: "Enter Username" 
    helper_text: "or forgot username"
    helper_text_mode : 'on_focus'
    icon_right : 'android'
    icon_right_color : app.theme_cls.primary_color
    pos_hint : {'center_x':0.5, 'center_y': 0.5}
    size_hint_x : None
    width: 300
"""
class UserInput(MDApp):
    def build(self):
        screen = Screen()
        self.theme_cls.primary_palette = 'Green'
        username = Builder.load_string(username_helper)
        screen.add_widget(username)
        return screen
 
UserInput().run()

function yang di import antara lain

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

username_helper = “””
MDTextField: (agar kita bisa menggunakan textfield)
hint_text: “Enter Username” (Tulisan didalam text field)
helper_text: “or forgot username” (untuk memunculkan pesan ketika diklik filednya)
helper_text_mode : ‘on_focus’ (mode pada helper textnya
icon_right : ‘android’ (icon android pada text field
icon_right_color : app.theme_cls.primary_color (untuk mengambil warna dari theme app
pos_hint : {‘center_x’:0.5, ‘center_y’: 0.5} (posisi tengah dari field
size_hint_x : None
width: 300 ( lebarnya 300 px)
“””

mungkin sekian yang bisa saya sampaikan

Nama : samsurya

Nim : 19.01.013.075

Prodi : informatika 2019

Leave a Reply

Your email address will not be published. Required fields are marked *