Visual Studio 2022 programında .NET MAUI kullanarak bir program oluşturmak için aşağıdaki adımları izleyebiliriz. Bu örnekte, kullanıcıdan bir futbol takımı adı girmesini isteyeceğiz ve ardından girilen futbol takımı adını ekranda göstereceğiz.
Visual Studio 2022'yi açalım ve yeni bir proje oluşturalım.
Proje türü olarak .NET MAUI App seçelim.
Proje adını TakimGoster olarak belirleyelim. Projenin nereye kaydedileceğini belirleyelim.
Bir sonraki ekranda Framework belirleyelim. Ben 9.0 olarak bırakıyorum. Create diyerek projeyi oluşturalım.
Proje oluşturulduktan sonra, MainPage.xaml ve MainPage.xaml.cs dosyalarını kullanarak kullanıcı arabirimini ve mantığını oluşturacağız.
1. MainPage.xaml
MainPage.xaml dosyasındaki UI kısmını şu şekilde düzenleyelim:
<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="TakimGoster.MainPage">
<VerticalStackLayout Spacing="25" Padding="30">
<Label Text="Takım Adı Girin:"
FontSize="20"
HorizontalOptions="Center" />
<Entry x:Name="CountryEntry"
Placeholder="Takım adı yazın"
FontSize="18"
HorizontalOptions="Center" />
<Button Text="Takımı Göster"
FontSize="18"
HorizontalOptions="Center"
Clicked="OnShowCountryButtonClicked" />
<Label x:Name="CountryLabel"
Text=""
FontSize="20"
HorizontalOptions="Center" />
</VerticalStackLayout>
</ContentPage>
Burada, bir Entry alanı ile kullanıcıdan takımadı alıyoruz, bir Button ile kullanıcı tıklaması sağlıyoruz ve bir Label ile sonucu ekranda gösteriyoruz.
2. MainPage.xaml.cs
MainPage.xaml.cs dosyasına gerekli olay işleyicisini ekleyelim. Bu olay, butona tıklanıldığında girilen takım adını alıp etiketin içine yerleştirecek.
namespace UlkeGoster
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
private void OnShowCountryButtonClicked(object sender, EventArgs e)
{
// Kullanıcının girdiği takım adını al
string countryName = CountryEntry.Text;
// Takım adını Label üzerinde göster
if (!string.IsNullOrEmpty(countryName))
{
CountryLabel.Text = $"Girilen Takım: {countryName}";
}
else
{
CountryLabel.Text = "Lütfen bir takım adı girin!";
}
}
}
}
Bu kodda, OnShowCountryButtonClicked metodu butona tıklanıldığında çalışacak. Kullanıcıdan alınan metin (CountryEntry.Text), boş değilse, CountryLabel üzerinde görüntülenir. Eğer metin boşsa, kullanıcıya "Lütfen bir takım adı girin!" mesajı gösterilir.
3. Projeyi Çalıştırma
Projenizi oluşturduktan sonra Visual Studio 2022'de projeyi çalıştırarak uygulamayı test edebilirsiniz.