Tutorial Kivy Phyton : Membangun Attractive Aplikasi Mobile Di Phyton

Last Updated on April 16, 2022 by

Dalam tutorial Kivy Python ini, Anda akan belajar bagaimana menggunakan Kivy untuk pengembangan attractive aplikasi mobile di Python. Pada akhirnya, Anda akan memahami cara mulai membuat aplikasi lintas platform untuk Android, iOS, dan Windows menggunakan Python.

Python adalah bahasa pemrograman yang kuat, fleksibel, dan ramah pemula yang telah berkembang pesat menjadi salah satu opsi paling populer bagi pengembang. Tetapi sementara Python menyambut baik pendatang baru dan cukup fleksibel untuk para profesional, mendapatkan hasil maksimal darinya biasanya akan membutuhkan sedikit bantuan.

Artinya, tidak banyak yang bisa Anda buat dengan Python di luar kotak. Jika Anda ingin membuat game, Anda memerlukan modul Pygame. Jika Anda berencana membuat situs web, Anda harus menggunakan salah satu kerangka kerja Python yang populer, seperti Flask.

Tetapi bagaimana jika Anda ingin membuat attractive aplikasi mobile? Dalam hal ini, Anda membutuhkan Kivy!

Kivy adalah pustaka Python yang mendukung pengembangan lintas platform. Itu berarti Anda dapat menggunakan satu basis kode untuk membuat aplikasi Android, iOS, dan bahkan Windows, Linux, dan MacOS. Kivy menyediakan elemen UI yang fleksibel dan modern dan, tentu saja, memungkinkan Anda terus menggunakan bahasa favorit baru Anda untuk membangun semuanya!

Jadi bagaimana kamu memulainya? Mari cari tahu di pada penjelasan di bawah ini.

Tutorial Kivy Python : Menyiapkan

Pertama-tama perlu mengunduh dan menginstal Kivy. Untungnya, Anda dapat melakukannya melalui pip. Jadi pertama-tama, pastikan Python diinstal di mesin Anda.

Selanjutnya, Anda harus membuka command prompt di folder Python Anda, atau menambahkan Python ke PATH, jika Anda menggunakan Windows. Atau Anda bisa menggunakan terminal.

Pastikan Anda memiliki  pip, wheel, dan virtualenv terbaru dengan menjalankan perintah berikut di Command Line:

python -m pip install --upgrade pip wheel setuptools virtualenv
Selanjutnya, buat virtual environment untuk proyek Kivy Anda:
python -m virtualenv kivy_venv
kivy_venv \ Skrip \ aktifkan

Jika tidak berhasil, coba gunakan “py”, bukan “python”. Selanjutnya, instal dependensi yang Anda butuhkan. Ini membutuhkan sedikit ruang, jadi jika Anda ingin:
python -m pip install docutils pygments pypiwin32 kivy_deps.sdl2 == 0.1 . * kivy_deps.glew == 0.1 . *

python -m pip instal kivy_deps.gstreamer == 0.1 . *

python -m pip install kivy_deps.angle == 0.1 . * ( Jika Anda memiliki Python 3.5 +)
Terakhir, instal Kivy itu sendiri dan contohnya:
python -m pip install kivy == 1.11 .1
python -m pip install kivy_examples == 1.11 .1
Setelah Anda melakukan semua ini, mengapa tidak melihat salah satu contohnya?
python kivy_venv \ share \ kivy-example \ demo \ showcase \ main.py

Di sini, Anda akan menemukan berbagai tata letak tombol yang berbeda dan dapat berinteraksi dengannya; wawasan tentang jenis antarmuka pengguna yang dapat Anda buat dengan pengembangan attractive aplikasi mobile di Python melalui Kivy!
Perhatikan bahwa Anda perlu membuat lingkungan virtual Anda setiap kali Anda memulai pengembangan. Jadi, jangan tutup jendela CMD itu dulu!

Aplikasi pertama Anda

Untuk memulai, muat Kivy IDE / editor pilihan Anda.
Sekarang masukkan kode berikut:
import kivy
kivy.require ( '1.9.0' )

from kivy.app import App
from kivy.uix.button import Label
class HelloWorld (App) :
def build (self) :
return Label (text = "Hello Wolrd" )
helloWorld = HelloWorld ()
helloWorld.run ()

Untuk menjalankan ini, Anda perlu beralih kembali ke terminal / baris perintah, temukan file, lalu luncurkan. Anda dapat memanggil dengan Python_Kivy_Example.py.
Jika semuanya berjalan lancar, Anda akan disambut dengan kata “Halo Dunia!” di atas layar:

Ingat: Anda harus menggunakan Kivy environment yang Anda siapkan agar ini berfungsi. jika Anda Dalam skrip ini, pertama-tama kita mengimpor Kivy dan masing-masing elemen yang kita butuhkan (aplikasi dan label). Kivy.require () adalah apa yang kami gunakan untuk menargetkan versi minimum Kivy.

Selanjutnya, kami membuat class yang disebut HelloWorld , dengan fungsi yang disebut build , yang akan mengembalikan label dengan teks “Hello World”.
Terakhir, kami membuat objek Hello World dan menjalankannya. Boom! Di sana Anda memiliki attractive aplikasi mobile Kivy Python pertama Anda!

Lebih banyak hal yang bisa kita lakukan
Itu adalah proyek pengantar yang sangat sederhana untuk menunjukkan kepada Anda bagaimana Kivy bekerja untuk tujuan tutorial Kivy Python ini.
Jadi, apa lagi yang bisa dilakukan bocah nakal ini? Satu hal cerdas yang dapat kita lakukan dengan Kivy, adalah memisahkan lapisan UI dari kode – seperti yang kita lakukan di Android Studio (di mana UI ditangani oleh XML dalam file terpisah).

Kami akan melakukan ini dengan membuat file Kivy terpisah yang kemudian dapat menampilkan tombol dan sejenisnya. Jadi, mari buat file Kivy baru dan beri nama HelloWorld. Di sini, tambahkan kode berikut:
< label >:
text : "Hello World"
Pastikan file ini disimpan di folder yang sama dengan file Python Anda menggunakan ekstensi “.kv”, lalu edit sedikit kode aslinya:
import kivy
kivy.require ( '1.9.0' )
from kivy.app import App
from kivy.uix.button import Label
class HelloWorld (App) :
def build (self) :
return Label ()
helloWorld = HelloWorld ()
helloWorld.run ()

Anda akan melihat bahwa semua yang kami lakukan adalah menghapus konten tanda kurung setelah Label. Penting bagi kita untuk memberi nama yang sama pada class dan file Kivy, karena beginilah cara Python mengaitkan keduanya! Pukul lari, dan Anda akan melihat bahwa semuanya tampak seperti sebelumnya!
Sekarang Anda dapat melakukan hal-hal seperti mengubah warna dan ukuran label:
< label >:
text : "Hello World"
pos: 0 , 100
size: 100 , 50
color:. 8 ,. 9 , 0 , 1
font_size: 32
Perhatikan bahwa agar ini berfungsi, Anda juga perlu mengimpor “warna”.
from kivy.graphics import Color
Jika kita ingin menumpuk banyak widget dalam satu tata letak, kita perlu membuat beberapa perubahan kecil. Alih-alih mengembalikan label, kami akan mengembalikan tata letak. Kami akan menggunakan tata letak kotak, yang merupakan salah satu opsi paling sederhana.
Ini hanya akan menumpuk widget Anda dari atas ke bawah, atau dari kiri ke kanan, bergantung pada apakah Anda menyetelnya ke “verticle” atau “horizontal”.
< BoxLayout >:
orientasi : 'vertikal'
Label:
teks: 'Label 1'
Label:
teks: 'Label 2'
Label:
teks: 'Label 3'
Anda kemudian dapat menampilkan ini menggunakan kode berikut:
import kivy
kivy.require ( '1.9.0' )

from kivy.app impor App
from kivy.uix.button impor Label
from kivy.uix.boxlayout impor BoxLayout

class HelloWorld (App) :
def build (self) :
return BoxLayout ()

helloWorld = HelloWorld ()
helloWorld.run ()
Penekanan tombol penanganan
Hal berikutnya yang dibutuhkan oleh tutorial attractive aplikasi mobile Python kivy yang bagus, adalah cara untuk menangani event dan logika. Jika kita ingin menukar label tersebut dengan tombol, kita dapat melakukannya dengan sangat mudah dengan mengimpor “Tombol” alih-alih label dan menukar setiap referensi.
Tapi kami tidak akan melakukan itu. Sebagai gantinya, untuk membuat semuanya tetap sederhana, kami akan tetap menggunakan hanya satu tombol. Tombol ini akan mencetak “Hello World” ke CMD/terminal saat diklik.
File KV Anda akan terlihat seperti ini:
< Pengontrol >:
BoxLayout :
orientasi: ‘vertikal’

Tombol:
teks: ‘Tombol 1’
on_press: root. button_pressed ()
Di sini, kami telah menambahkan dua fitur baru yang menarik: tag pengontrol dan on_press. Tag pengontrol adalah “widget root” kami. Semua widget lain dalam file tersebut adalah “anak” dari root tersebut. Tempat menarik lainnya adalah “on_press”. Ini memanggil fungsi yang kami tambahkan ke kode.
Kode itu terlihat seperti ini:
import kivy
kivy.require ( ‘1.9.0’ )

from kivy.app impor App
from kivy.uix.button impor Tombol
from kivy.uix.label impor Label
from kivy.uix.boxlayout impor BoxLayout

class RootWidget ( BoxLayout ) :
def __init__ (sendiri) :
super (RootWidget, self) .__ init __ ()

def button_pressed (self) :
print ( "Halo yang disana" )
class HelloWorld (App) :
def build (self) :
kembalikan RootWidget ()
helloWorld = HelloWorld ()
helloWorld.run ()

Seperti yang Anda lihat, kami sekarang mengembalikan “RootWidget” sebagai pandangan kami. Sementara itu, RootWidget memiliki classnya sendiri, yang berisi sedikit kode boilerplate untuk menginisialisasi tampilan, bersama dengan fungsi button_pressed . Di sinilah kami.
Kami bahkan dapat mengambil tutorial Kivy Python ini selangkah lebih maju dengan menunjukkan kepada Anda cara mengubah tata letak dari kode. Untuk melakukan ini, kita hanya perlu membuat label untuk salah satu tampilan kita, sehingga kita bisa mereferensikannya nanti.
File Kivy baru:
import kivy
kivy.require ( '1.9.0' )

from kivy.app impor App
from kivy.uix.button impor Tombol
from kivy.uix.label impor Label
from kivy.uix.boxlayout impor BoxLayout

class RootWidget ( BoxLayout ) :
def __init__ (sendiri) :
super (RootWidget, self) .__ init __ ()

def button_pressed (self) :
self.lbl.text = "Halo Dunia!"
class HelloWorld (App) :
def build (self) :
kembalikan RootWidget ()

helloWorld = HelloWorld ()
helloWorld.run ()
File Python baru:
< RootWidget >:
lbl : label_saya

BoxLayout:
orientasi: ‘vertikal’

Tombol:
teks: ‘Tombol 1’
on_press: root. button_pressed ()

Label:
id: label_saya
teks: ‘Menunggu …’
Mengklik tombol sekarang akan menampilkan “Hello World!” pada label yang diposisikan tepat di bawah.
Masih banyak lagi yang dapat Anda lakukan, tetapi semoga tutorial attractive aplikasi mobile Python Kivy ini memberi Anda dasar yang baik untuk membangunnya. Ada banyak sumber daya dan tutorial di luar sana, jadi pilihlah proyek yang mudah dan cobalah!

Jika Anda ingin tahu lebih banyak informasi seputar teknologi pembangunan website maupun aplikasi, jangan lupa kunjungi Web App di https://appkey.id atau download aplikasinya di Google Play Store agar Anda tidak ketinggalan informasi terbaru.