Ekranlar Arası Veri Taşıma

Screen Lifecycle

About this lesson

Bu öğrenme içeriğinde bir ekrandan başka bir ekrana veri taşıma konusunu detaylı ve örnek bir senaryo bağlamında inceleyeceğiz.

Bu konuyu bir senaryo üzerinden ele alalım. Elimizde bir personel listesi var ve liste içerisinden seçtiğimiz bir personelin detay kaydını başka bir ekranda göstermek istiyoruz. Bu, tam bir ekran olabileceği gibi, Modal ya da Drawer ekranlar da olabilir. Bunun için detayın gösterileceği ekrana, hangi kaydın detayını göstereceğimizi belirtmemiz gerekiyor. Bu işlem, ekranlar arasında bir anahtar taşıyarak gerçekleştirilir. Örneğin, bu anahtar bir personel için sicil ya da ID numarası olabilir. Anahtarlarla ilgili önemli olan, tek bir kayda işaret edebilmelidir.

Örneği daha da detaylandıralım. Diyelim ki, ID1, ID2 ve ID3 sicil numaralarına sahip kayıtlar var. ID1’in adı John, ID2’nin adı Joe, ID3’ün adı ise Mary’dir.

ID No       FullName

ID1           John

ID2          Joe

ID3          Mary

Seçili kaydın tüm bilgilerini detay ekranına parametre olarak geçirmek mümkündür; ancak bu, sıklıkla uygulanan veya önerilen bir yöntem değildir. Detay gösterilecek ekrana sadece anahtarı vermek ve detay ekranında bu anahtarla veritabanından bilgi sorgulamak daha doğru bir yaklaşımdır.

Bu süreci uygulamanın yolu, detay ekranına bir Screen Input tanımlamaktır. Personel listesi örneğinden devam edecek olursak, detay ekranında ilgili anahtarı transfer etmek için Personnel ID adında ve Guid tipinde bir Screen Input tanımlanabilir. Bu Screen Input sayesinde, ekran açıldığında detaylı bilgilere veri tabanından ulaşılır ve bilgiler gösterilir. Bu, sonraki öğrenme içeriği olan Page Init içeriğinin konusudur.

Personel listesi ekranında, seçilen kaydın detayına ulaşmak için ilgili kaydın OnClick eventine bir Navigate aksiyonu bağlanır. Navigate aksiyonu içerisinde, personel detayını gösterecek olan ekran seçilir. Personel detay ekranında daha önceden Personnel ID adında bir Screen Input tanımlandığı için, Navigate aksiyonu içerisinde bu Screen Input, bir parametre olarak belirlenir. Seçilen kayda ilişkin ID’nin parametre olarak geçirilebilmesi için Symbol Picker içerisinde yer alan Current kategorisi kullanılır. Current, ilgili kaydın anlamında kullanılır ve Table, GalleryView gibi çoklu kayıt içeren nesnelerin OnClick eventlerinde belirir. Personnel ID için Current kategorisi altından ID seçilir.

Bu işlemler sayesinde, özetlemek gerekirse, seçilen personelin ID’si detay gösterecek olan ekrana parametre olarak taşınır. Detay ekranı, bu ID ile personele ait diğer bilgilere ulaşabilir ve bunları gösterebilir.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Bu öğrenme içeriğinde bir ekrandan başka bir ekrana veri taşıma konusunu detaylı ve örnek bir senaryo bağlamında inceleyeceğiz.

Bu konuyu bir senaryo üzerinden ele alalım. Elimizde bir personel listesi var ve liste içerisinden seçtiğimiz bir personelin detay kaydını başka bir ekranda göstermek istiyoruz. Bu, tam bir ekran olabileceği gibi, Modal ya da Drawer ekranlar da olabilir. Bunun için detayın gösterileceği ekrana, hangi kaydın detayını göstereceğimizi belirtmemiz gerekiyor. Bu işlem, ekranlar arasında bir anahtar taşıyarak gerçekleştirilir. Örneğin, bu anahtar bir personel için sicil ya da ID numarası olabilir. Anahtarlarla ilgili önemli olan, tek bir kayda işaret edebilmelidir.

Örneği daha da detaylandıralım. Diyelim ki, ID1, ID2 ve ID3 sicil numaralarına sahip kayıtlar var. ID1’in adı John, ID2’nin adı Joe, ID3’ün adı ise Mary’dir.

ID No       FullName

ID1           John

ID2          Joe

ID3          Mary

Seçili kaydın tüm bilgilerini detay ekranına parametre olarak geçirmek mümkündür; ancak bu, sıklıkla uygulanan veya önerilen bir yöntem değildir. Detay gösterilecek ekrana sadece anahtarı vermek ve detay ekranında bu anahtarla veritabanından bilgi sorgulamak daha doğru bir yaklaşımdır.

Bu süreci uygulamanın yolu, detay ekranına bir Screen Input tanımlamaktır. Personel listesi örneğinden devam edecek olursak, detay ekranında ilgili anahtarı transfer etmek için Personnel ID adında ve Guid tipinde bir Screen Input tanımlanabilir. Bu Screen Input sayesinde, ekran açıldığında detaylı bilgilere veri tabanından ulaşılır ve bilgiler gösterilir. Bu, sonraki öğrenme içeriği olan Page Init içeriğinin konusudur.

Personel listesi ekranında, seçilen kaydın detayına ulaşmak için ilgili kaydın OnClick eventine bir Navigate aksiyonu bağlanır. Navigate aksiyonu içerisinde, personel detayını gösterecek olan ekran seçilir. Personel detay ekranında daha önceden Personnel ID adında bir Screen Input tanımlandığı için, Navigate aksiyonu içerisinde bu Screen Input, bir parametre olarak belirlenir. Seçilen kayda ilişkin ID’nin parametre olarak geçirilebilmesi için Symbol Picker içerisinde yer alan Current kategorisi kullanılır. Current, ilgili kaydın anlamında kullanılır ve Table, GalleryView gibi çoklu kayıt içeren nesnelerin OnClick eventlerinde belirir. Personnel ID için Current kategorisi altından ID seçilir.

Bu işlemler sayesinde, özetlemek gerekirse, seçilen personelin ID’si detay gösterecek olan ekrana parametre olarak taşınır. Detay ekranı, bu ID ile personele ait diğer bilgilere ulaşabilir ve bunları gösterebilir.

Kuika Platformunda yeni bir kullanıcı arayüzüne geçiyoruz ve Kuika Akademi kurslarımızı ve videolarımızı mümkün olan en kısa sürede güncelliyoruz.

Bu öğrenme içeriğinde bir ekrandan başka bir ekrana veri taşıma konusunu detaylı ve örnek bir senaryo bağlamında inceleyeceğiz.

Bu öğrenme içeriğinde bir ekrandan başka bir ekrana veri taşıma konusunu detaylı ve örnek bir senaryo bağlamında inceleyeceğiz.

Bu konuyu bir senaryo üzerinden ele alalım. Elimizde bir personel listesi var ve liste içerisinden seçtiğimiz bir personelin detay kaydını başka bir ekranda göstermek istiyoruz. Bu, tam bir ekran olabileceği gibi, Modal ya da Drawer ekranlar da olabilir. Bunun için detayın gösterileceği ekrana, hangi kaydın detayını göstereceğimizi belirtmemiz gerekiyor. Bu işlem, ekranlar arasında bir anahtar taşıyarak gerçekleştirilir. Örneğin, bu anahtar bir personel için sicil ya da ID numarası olabilir. Anahtarlarla ilgili önemli olan, tek bir kayda işaret edebilmelidir.

Örneği daha da detaylandıralım. Diyelim ki, ID1, ID2 ve ID3 sicil numaralarına sahip kayıtlar var. ID1’in adı John, ID2’nin adı Joe, ID3’ün adı ise Mary’dir.

ID No       FullName

ID1           John

ID2          Joe

ID3          Mary

Seçili kaydın tüm bilgilerini detay ekranına parametre olarak geçirmek mümkündür; ancak bu, sıklıkla uygulanan veya önerilen bir yöntem değildir. Detay gösterilecek ekrana sadece anahtarı vermek ve detay ekranında bu anahtarla veritabanından bilgi sorgulamak daha doğru bir yaklaşımdır.

Bu süreci uygulamanın yolu, detay ekranına bir Screen Input tanımlamaktır. Personel listesi örneğinden devam edecek olursak, detay ekranında ilgili anahtarı transfer etmek için Personnel ID adında ve Guid tipinde bir Screen Input tanımlanabilir. Bu Screen Input sayesinde, ekran açıldığında detaylı bilgilere veri tabanından ulaşılır ve bilgiler gösterilir. Bu, sonraki öğrenme içeriği olan Page Init içeriğinin konusudur.

Personel listesi ekranında, seçilen kaydın detayına ulaşmak için ilgili kaydın OnClick eventine bir Navigate aksiyonu bağlanır. Navigate aksiyonu içerisinde, personel detayını gösterecek olan ekran seçilir. Personel detay ekranında daha önceden Personnel ID adında bir Screen Input tanımlandığı için, Navigate aksiyonu içerisinde bu Screen Input, bir parametre olarak belirlenir. Seçilen kayda ilişkin ID’nin parametre olarak geçirilebilmesi için Symbol Picker içerisinde yer alan Current kategorisi kullanılır. Current, ilgili kaydın anlamında kullanılır ve Table, GalleryView gibi çoklu kayıt içeren nesnelerin OnClick eventlerinde belirir. Personnel ID için Current kategorisi altından ID seçilir.

Bu işlemler sayesinde, özetlemek gerekirse, seçilen personelin ID’si detay gösterecek olan ekrana parametre olarak taşınır. Detay ekranı, bu ID ile personele ait diğer bilgilere ulaşabilir ve bunları gösterebilir.

Dosyalar

No items found.

Kaynaklar

No items found.

Sözlük

No items found.

Ödev

E-Posta Tasarımı
Email Builder Temelleri
Şablonların Kullanımı
Yeni Email Tasarımı
Mobil Arayüz Geliştirme
Mobil Ekran Tasarımlarına Giriş
Tabbar Tasarımı
Dashboard Ekran Tasarımım
Form Ekranının Tasarlanması
Listeleme Ekran Tasarımım
Detay Ekran Tasarımı
Mobile UI Prototipleme
Web UI Prototipleme
Aksiyonlarla Çalışmak
Navigasyonlarla Çalışma
Ekran Gösterim Tipleri
Web Prototip Hazırlama
Notify Ekleme
Preview Alma
Web Arayüz Tasarımına Giriş
Web Ekran Tasarımlarına Giriş
Registration Ekran Tasarımı
Header Tasarımı
Master Ekranlarla Çalışma
Menü Tasarımı
Dashboard Ekran Tasarımı
Listeleme Ekran Tasarımı
Form Ekran Tasarımı
Display Ekran Tasarımı
Elementler
Container Elementler
Date and Time Input Elementler
Display Elementler
Text Input Elementler
Numeric Input Elementler
Select Input Elementler
Data Elementler
Navigation Elementler
Interactive Elementler
Chart Elementler
Kuika'da Arayüz Tasarımına Giriş
Kuika Platformu'nda Kullanıcı Deneyimi
Uygulama Arayüz Tasarımı Süreci
Renklerle Çalışma
Boşlukların Tanımı
Yazı Stilleriyle Çalışma
Kompleks Stillerle Çalışma
Mock Data ile Çalışma
Konsept Tasarımı
Wireframe İlk Fikrin Görselleştirilmesi
Konsept Tasarımlarının Hazırlanması
UX Tasarımı
Kullanılabilirlik İlkeleri
Temel Tasarım İlkeleri
Bilgi Mimarisi
Ekranlar Arası Akış
Analiz ve Planlama
Proje Kapsamını ve Hedeflerini Tanımlama
Analiz Dokümanının Okunması
Örnek Diagramlarla Akış Okuma ve İhtiyaçların Tanımlanması
Projenin Planlanması
Designer Eğitim Seti Giriş
Low-Code Nedir?
Kuika Nedir?
Kuika ile Neler Yapabilirsin?
Platform Arayüzünü İnceleyelim
Öğrenim Sürecini Anlamak