WinUI 3 notları uygulaması oluşturma

Bu öğretici serisinde XAML ve C# kullanarak Bir WinUI uygulamasının nasıl oluşturulacağı gösterilmektedir. Oluşturacağınız uygulama, kullanıcının birden çok not oluşturabileceği, kaydedebildiği ve yükleyebileceği bir not uygulamasıdır. Bu öğreticinin kodunu GitHub deposundan indirebilir veya görüntüleyebilirsiniz.

Boş bir proje oluşturup çalıştırdıktan sonra buradan başlayın. Bu, Visual Studio kullanarak WinUI 3 temel bilgilerine adım adım giriş niteliğindedir; yapay zeka kodlama yardımcısı veya MVVM Araç Seti gerekmez.

Bu eğitimde şunları öğreniyorsunuz:

  • Uygulamanın kullanıcı arabirimini tanımlamak için XAML işaretlemesini kullanın.
  • C# kodu aracılığıyla XAML öğeleriyle etkileşime geçin.
  • Yerel dosya sisteminden dosyaları kaydedin ve yükleyin.
  • Görünümler oluşturun ve bunları verilere bağlayın.
  • Uygulamadaki sayfalara ve sayfalardan gitmek için gezintiyi kullanın.
  • Kendi uygulamanızı oluşturmak için belgeler ve örnek uygulamalar gibi kaynakları kullanın.

Not girmek ve yerel uygulama depolama alanına kaydetmek için kullanabileceğiniz bir uygulama oluşturacaksınız. Uygulamanın iki sayfası olur:

  • NotePage - tek bir notu düzenlemek için bir sayfa.
  • AllNotesPage - kaydedilen tüm notları göstermek için bir sayfa.

Son uygulama aşağıda gösterilmiştir:

AllNotesPage

Üç kaydetme notunu gösteren notlar uygulamasının son ekran görüntüsü.

Not Sayfası

Yeni bir boş not gösteren notlar uygulamasının son ekran görüntüsü.

Visual Studio project oluşturma

Hızlı Başlangıç: Araç yükleme ve proje oluşturma için WinUI 3 projesi oluşturma ve çalıştırma başlığı altındaki Visual Studio yolunu izleyin. Şu öğreticiye özgü ayarlarla paketlenmiş bir C# projesi kullanın:

  • Proje Adı

    Bu, WinUINotes olarak ayarlanmalıdır. Proje farklı bir adla adlandırılırsa, bu kılavuzdan kopyalayıp yapıştırdığınız kod derleme hatalarıyla sonuçlanabilir. Bunun nedeni, Visual Studio uygulama kodunuz için varsayılan namespace olarak project adını kullanmasıdır.

  • Windows Uygulama SDK'sı

    Bu öğreticide, Windows Uygulama SDK'sı 1.7 ve sonraki sürümlerde kullanılabilen özellikler kullanılır. Windows Uygulama SDK'sı NuGet paketinin 1.7 veya sonraki bir sürüme güncelleştirildiğinden emin olun.

Devam etmeden önce boş WinUINotes projeyi derleyin ve başlatın. Şuna benzer boş bir pencere görmeniz gerekir:

Başlık çubuğu ve boş içerik alanı içeren notlar uygulaması penceresi.

Tavsiye

Windows uygulamaları oluştururken sıklıkla API başvuru belgelerine ve kavramsal belgelere başvuracaksınız. Bu öğreticide, metinde ve "Belgelerde daha fazla bilgi edinin:" etiketli gruplarda satır içi bağlantılar göreceksiniz. Bu bağlantılar isteğe bağlıdır; öğreticiyi tamamlamak için izlemeniz gerekmez. Bunlar, kendi uygulamalarınızı oluşturmaya başladığınızda ihtiyacınız olan bilgileri nerede bulabileceğinizi not etmek istemeniz durumunda sağlanır.