Kivy ile Android Uygulama Geliştirme - Python (2) / Turkish Tutorial

Neler Öğreneceğiz?

• Giriş Formu Oluşturma.
• Butonlara görev verme
• Koşullu işlem

Gereksinimler

• Python
• Kivy

Zorluk Derecesi

• Orta Düzey

Konu Anlatımı

Kivy ile android uygulama geliştirme serisinde bu ikinci dersimiz ilk derste kısaca neler yaptık hatırlayalım. basit bir uygulama oluşturduk label + button oluşturduk bu derste bir kaç adım daha ileri gidiyoruz ve bir giriş sayfası oluşturacağız. giriş şartları sağlanırsa giriş ekranına gelsin fakat yanlış girerse hatalı girdiniz ekranına yönlendirsin. giriş sayfasında çıkış butonumuz mevcut ve TextInput bir yazı girdiğimizde direk ekrana basacak bir işlemde yaptık. Yavaştan kodlarla detaylı anlatıma geçelim. ilk olarak import dosyalarımızı projelerimizin içine dahil ediyoruz. main.py diye açtım ben.

from kivy.app import App
from kivy.properties import StringProperty
from kivy.lang import Builder
from kivy.uix.label import Label
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.textinput import TextInput
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.screenmanager import ScreenManager, Screen, SlideTransition
import os
Builder.load_file('hb.kv')

burada işimize yaracak bütün kütüphaneleri import ettik. bu kütüphaneler yapı kütüphanesi, kelime , sayfa düzeni, giriş kutusu ve ekran ayaları hakkında kütüphaneler ve en son satırda hb.kv adlı dosyayı yani düzen yaptığımız dosyayı projeye çağırıyoruz.

ilk sayfamız olarak anasayfamızı düzenleyelim ve önce main.py kodlarını inceleyim. bu satır kodlarını main.py ye ekleyiniz.

class Anasayfa(Screen):
    def giris(self, kadiText, sifreText):
    app = App.get_running_app()
    app.kullanici = kadiText
    app.sifre = sifreText
    if app.kullanici == "admin" and app.sifre == "admin":
        self.manager.transition = SlideTransition(direction="left")
        self.manager.current = 'giris'
    else:
        self.manager.transition = SlideTransition(direction="right")
        self.manager.current = 'hatali'
    app.config.read(app.get_application_config())
    app.config.write()

önce Anasayfa adında bir class oluşturduk ve ekran fonksiyonu olarak belirledik bu classı daha sonra iç fonksiyon değerlerine geçelim. İlk fonksiyonumuz giriş fonksiyonu yani gelen kullanıcı ve şifreyi alıp bir işlem yapacağız. iç parametre olarak kadiText, sifreText bunları belirledik zaten kadi nin karakterlerini ve sifrenin karakterlerini alan bir method bunlar. app değişkenine projenin çalıştırılmasını atıyoruz ve kadiText 'i kullanici ya atıyoruz sifreText i sifreye atıyoruz. if koşuluylu eğer giren kullanici adı admin ise ve şifre admin iste giriş gerçekleştirilsin ve giriş ekranına sol tarafa kayarak geçiş yapsın. eğer giriş gerçekleştirelemezse hatali ekranına sağa kayarak geçiş yapacak. Ana sayfamızın fonksiyonları ve arka plan kodları bunlardı bir görüntü kısmı olan kv uzantılı dosyamızın anasayfa kodlarını inceleyelim.

<Anasayfa>:
    BoxLayout
    id: kullanici_sayfasi
    orientation: 'vertical'
    padding: [10,50,10,50]
    spacing: 50
    Label:
        text: 'Hoş Geldin Utopian'
        font_size: 32
    BoxLayout:
        orientation: 'vertical'
        Label:
            text: 'Kullanici adi'
            font_size: 18
            halign: 'left'
            text_size: root.width-20, 20
        TextInput:
            id: kadi
            multiline:False
            font_size: 28
    BoxLayout:
        orientation: 'vertical'
        Label:
            text: 'sifre'
            halign: 'left'
            font_size: 18
            text_size: root.width-20, 20
        TextInput:
            id: sifre
            multiline:False
            password:True
            font_size: 28
    Button:
        text: 'Giriş'
        font_size: 24
        on_press: root.giris(kadi.text, sifre.text)

Anasayfamızdaki kodlar bunlar burada ilk olarak bir katman oluşturuyoruz id'sini yatay mı dikey olmasını ve boşlukları ayarlıyoruz. ilk label'ımızı ekliyoruz hoş geldin utopian olarak daha sonra tekrar bir katman oluşturuyoruz ve burada kullanıcı adı ve şifre inputlarını oluşturuyoruz. onlara id belirtiyoruz yazı tiplerini belirliyoruz. button u incelersek. main.py deki fonksiyonumuza kullanıcı ve şifreyi gönderiyor.

Giriş Ekranımız :

Hatali Ekran

Burada yukarıda belirttiğim gibi eğer kullanıcı adını veya şifreyi yanlış girerse bu sayfaya yönlendirelecektir. bu sayfadaki kodları incelersek.

main.py kodları

class hatali(Screen):
    def disconnect(self):
    self.manager.transition = SlideTransition(direction="left")
    self.manager.current = 'anasayfa'
    self.manager.get_screen('anasayfa').resetForm()

buradaki kod satırları şu şekilde hatali ekranı adında bir sınıf oluşturduk ve disconnet adında bir fonksiyon oluşturduk eğer bu fonksiyon çalışırsa anasayfaya gönderecek bizi ve formu sıfırlayacak.
kv dosyasında da görüntü kodları mevcut

hb.kv hatali kodları

<hatali>:
    BoxLayout:
    orientation: 'vertical'
    Label:
        text: "Hatalı Giriş Tekrar dene"
        font_size: 32
    Button:
        text: "Tekrar Dene"
        font_size: 24
        on_press: root.disconnect()

hatali adında bir sayfa oluşturduk ve hemen sonra katman oluşturduk katman şeklimiz yukarıdan aşağı olacak şekilde (vertical) ayarladık. ilk kelimemi Hatalı Giriş Tekrar Dene ekranda gözükecektir. ve button da ise daha demin bir önceki kodda belirttiğim gibi disconnect fonksiyonunu çalıştıracaktır. ve o sayede anasayfaya dönüş olacaktır.

Hatalı Ekran Görüntüsü

Giriş ekranı

Bu ekranda ise eğer kullanıcı doğru bir giriş yaptıysa bu sayfaya yönlendirecektir. Bu sayfada yeni birşeyler yaptık TextInput'a yazdığın bir yazı otomatik olarak label'a atanıyor ve yazdırılıyor. bu ekrandaki main.py ve hb.kv kodlarını incelersek ne demek istediğimi daha rahat anlayacaksınız
kodları inceleyelim

class giris(Screen):
def kelime(self, *args):
label = self.ids['degisken']
def disconnect(self):
self.manager.transition = SlideTransition(direction="right")
self.manager.current = 'anasayfa'
self.manager.get_screen('anasayfa').resetForm()

giriş adında bir sınıf oluşturduk ve daha demin bahsettiğimiz TextInput'a girdiğimiz değerin direk label'a atanmasını kelime fonksiyonu belirleyecek hb.kv deki kodlarla daha da iyi anlayacağınızı düşünüyorum. burada değişen yazının adını degisken olarak belirledik ve ids parametresiyle sözcük niteliği taşıdığı için içindeki değerleri aldık. daha sonra ise alttaki fonksiyonda hatali sayfasındaki fonksiyonla aynıdır. O fonksiyonda bizi anasayfaya yönlendiriyor. Hb.kv kodlarıda şu şekilde.

Hb.kv

<giris>:
    BoxLayout:
    orientation: 'vertical'
    TextInput:
        id: degisinput
        font_size: 15
        size_hint_y: None
        height: 100
        text: 'Utopian'
    Label:
        id: degisken
        text: degisinput.text
        font_size: 15
    Label:
        text: "Başarılı Giriş"
        font_size: 32
    Button:
        text: "Çıkış"
        font_size: 24
        on_press: root.disconnect()

burada giriş ekranını belirledik ve katmanızımı oluşturduk ilk olarak TextInput'u girdik oradaki kodları incelersek, buna bir degiskeninput adında bir id atadık çünkü bu labelde işimize yarayacak. Textinput içinde yazılan yazının boyutunu da belirledik, açıldığında ilk olarak Utopian yazmasını istedik. daha sonra label da ise sözcük yazsının degisinput'un yazsını almasını istiyoruz ve daha sonra ekrana yazdırmasını istiyoruz. main.py ve hb.kv kodlarıyla birlikte otomatik olarak her hangi bir işleme gerek kalmadan direk ekrana yazdıracaktır.

Ekran Görüntüsü :

yukarıdaki gibi sonuç alıyorsak sorun yok demektir :)

evet arkadaşlar bugün bi giriş formu yaptık ve bu giriş formunda doğru şart olursa giriş sayfasına fakat yanlış giriş yaparsa hatali sayfasına yönlendirecektir. giriş sayfasında ki yeni özellik ise yazı yazdığımızda otomatik olarak kelimenin bastırması demektir :)

Teşekkür ederim !

Proje Github Link - https://github.com/webcodetr/kivy-ile-android-uygulama-gelistirme-2

Diğer Dersler

• Ders 1

---

Posted on Utopian.io - Rewarding Open Source Contributors

---