Kullanıcı arabirimine ve verilere giriş

  • 5 dakika

Tech logo.

Özel bir giyim tasarımcısı şirketinde çalıştığınızı ve müşterilerinizin en sevdiği malzemeleri veya renkleri seçmesine yardımcı olacak bir uygulama oluşturmak istediğinizi varsayalım. Kullanıcının adı, aralarından seçim yapabilecekleri renklerin listesi ve seçilen sık kullanılan renklerin tümü veridir. Bu veriler kullanıcının kullanıcı arabiriminde görüntülenen çeşitli denetimler aracılığıyla girdiği, seçtiği ve gözden geçirerek yaptığı verilerdir: metin kutuları, açılan listeler, düğmeler vb. Tüm bunlar uygulamanın mantığı tarafından denetlendi.

Çoğu uygulamanın üç ana bileşeni vardır:

  • Kullanıcı arabirimi (UI): Kullanıcıya bilgi sunan etiketler, düğmeler, metin kutuları, kaydırıcılar, grafikler ve diğer tüm denetimler. Bu, kullanıcının veri girerek, seçenekler belirleyerek veya komutlar vererek uygulamayla etkileşim kurmasına olanak sağlayan denetimleri de içerir.
  • Veri: Uygulamanın üzerinde çalıştığı bilgiler. Temel hesap makinesi uygulaması için, şu anda görüntülenen sayı, önceki işlemin sonucu veya bellekte depolanan değer olabilir. Bir oyun için veriler oyuncunun ve düşmanların durumunu ve konumunu, ortamın düzenini ve davranışını ya da silahların ve diğer nesnelerin özelliklerini içerebilir. Kurumsal bir uygulama için veriler çalışan veritabanı, sipariş geçmişi vb. olabilir. Örneğimizdeki giyim şirketinin uygulaması için veriler, geçerli saati veya kullanıcı arabiriminin görüntülediği renkleri temsil eden gerçek nesnelerde depolanır.
  • Mantık: Dış kaynaklarla (depolama, veritabanları, çevrimiçi hizmetler veya diğer uygulamalar gibi) iletişim kuran yapı, veriler üzerinde işlemler gerçekleştirir ve kullanıcı arabirimini verilerdeki değişiklikleri yansıtacak şekilde güncelleştirir. Mantık ayrıca kullanıcı arabiriminden kullanıcı girişi alır ve girilen bilgilere veya verilen komutlara göre hareket eder. Örneğimizde mantık saati güncelleştirir, kullanılabilir renklerin listesini oluşturur ve kullanıcının renk tercihlerini depolar ve alır.

Uygulamanın mantığı ve kullanıcı arabirimi arasındaki bağlantı önemlidir. Windows Uygulama SDK'sı, Evrensel Windows Platformu (UWP) ve Windows Presentation Foundation (WPF) gibi çerçeveler, veri bağlama adı verilen kullanıcı arabirimine ve kullanıcı arabiriminden veri aktarmaya yönelik son derece verimli ve çok yönlü bir yöntem içermektedir.

Bu modülde, veri bağlamayı kullanarak şunları yapmayı öğreneceksiniz:

  • Basit metin verilerini görüntüleme ve otomatik olarak güncelleştirme (uygulamada saati görüntüleme).
  • Kullanıcı arabirimi giriş aldığında (kullanıcının adını girerek) C# özelliklerini otomatik olarak güncelleştirin.
  • Kullanıcı arabirimindeki veri değişikliklerini otomatik olarak yansıtır (kullanıcıyı selamlar, saati görüntüler).
  • Daha karmaşık veri yapılarının listesini gösterin ve düzenleyin (kullanılabilir ve sık kullanılan renkleri listeleme).

Ayrıca kullanıcı arabirimi ve mantığın iyi bir şekilde ayrılması için bazı en iyi yöntemleri de ele alacağız. Kullanıcı arabirimini ve mantığı ayırmak, her bileşeni ayrı ayrı test edip hataları daha kolay belirlemenize yardımcı olur. Ayrıca yazmanız gereken ortak kod miktarını da büyük ölçüde azaltır. Daha az ortak kod daha az hata, daha az hata ve uygulamanızla gerçekleştirmek istediğiniz önemli şeylere odaklanmak için daha fazla zaman anlamına gelir.

Önkoşullar

Bu modülden en iyi şekilde yararlanmak için şunları bilmelisiniz:

  • Visual Studio'da yeni UWP veya WPF projeleri oluşturma.
  • C# dili.
  • XAML işaretlemesinin temel kavramları.
  • ve Griddahil olmak üzere StackPanel temel XAML düzen denetimleri.