.Net MAUI

Girilen Bir Hayvan Adını Görüntüleyen Net MAUI Mobil Uygulaması

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 hayvan adı girmesini isteyeceğiz ve ardından girilen hayvan 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ı UlkeGoster 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="UlkeGoster.MainPage">

    <VerticalStackLayout Spacing="25" Padding="30">
        <Label Text="Hayvan Adı Girin:"
               FontSize="20"
               HorizontalOptions="Center" />

        <Entry x:Name="CountryEntry"
               Placeholder="Hayvan adı yazın"
               FontSize="18"
               HorizontalOptions="Center" />

        <Button Text="Hayvan Adını 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 hayvan adı 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 hayvan 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 hayvan adını al
            string countryName = CountryEntry.Text;

            // Hayvan adını Label üzerinde göster
            if (!string.IsNullOrEmpty(countryName))
            {
                CountryLabel.Text = $"Girilen Hayvan Adı: {countryName}";
            }
            else
            {
                CountryLabel.Text = "Lütfen bir hayvan 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 hayvan 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.


İlgili Makaleler
Api Kullanarak Uzak Sunucuda Bulunan Üyeler Tablosundaki Kayıtları Listeleyen Net MAUI Uygulaması
İki Boylam Arasındaki Şehirlere Ait Saat Farkını Bulan Net MAUI Uygulaması
Net MAUI Nedir? Temel Özellikleri Nelerdir? Nasıl Kullanılır?
Girilen Bir Futbolcu Adını Görüntüleyen Net MAUI Mobil Uygulaması
İki Açısı Verilen Bir Üçgende Üçüncü Açıyı Bulan Net MAUI Uygulaması
Girilen Bir Futbol Takımı Adını Görüntüleyen Net MAUI Mobil Uygulaması
Girilen Bir Hayvan Adını Görüntüleyen Net MAUI Mobil Uygulaması
Girilen Bir Ülke Adını Gösteren Net MAUI Mobil Uygulaması
Net MAUI Projesi Oluşturulamıyor Hatasını Düzeltme
Girilen Bir Şehir Adını Görüntüleyen Net MAUI Mobil Uygulaması
Girilen Bir Bitki Adını Görüntüleyen Net MAUI Mobil Uygulaması
Atom Numarası ve Nötron Sayısı Verilen Bir Atomun Kütle Numarasını Bulan Net MAUI Uygulaması

Yorum Ekle
   
Kötü İyi