- Mesajlar
- 967
5 İle Ait Fındık Üretimini ve Çiftçi Sayısını Listeleyen Net MAUI Mobil Uygulaması |
| Mobil uygulamalarda sayısal ve alfasayısal verilerin listelenmesi için değişik yöntemler kullanılmaktadır. Bu uygulamada 5 ile ait fındık üretimini ve çiftçi sayısını listeleyeceğiz. Uygulamayı yapmaya başlayalım. Visual Studio programını açalım. İsmi FindikUretimi olan bir .Net MAUI projesi oluşturalım. MainPage.xaml dosyasını 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/2009/xaml" x:Class="FindikUretimi.MainPage" Title="Fındık Üretimi"> <CollectionView ItemsSource="{Binding FindikListesi}"> <!-- Başlık --> <CollectionView.Header> <Grid Padding="10" ColumnSpacing="10" BackgroundColor="Black"> <Grid.ColumnDefinitions> <ColumnDefinition Width="2*" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Label Text="İl" FontAttributes="Bold" TextColor="White" Grid.Column="0" /> <Label Text="Üretim Miktarı" FontAttributes="Bold" TextColor="White" HorizontalTextAlignment="End" Grid.Column="1" /> <Label Text="Çiftçi Sayısı" FontAttributes="Bold" TextColor="White" HorizontalTextAlignment="End" Grid.Column="2" /> </Grid> </CollectionView.Header> <!-- Veri Şablonu --> <CollectionView.ItemTemplate> <DataTemplate> <Grid Padding="10" ColumnSpacing="10"> <Grid.ColumnDefinitions> <ColumnDefinition Width="2*" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Label Text="{Binding Il}" Grid.Column="0" /> <Label Text="{Binding UretimMiktari, StringFormat='{}{0:N0}'}" HorizontalTextAlignment="End" Grid.Column="1" /> <Label Text="{Binding CiftciSayisi, StringFormat='{}{0:N0}'}" HorizontalTextAlignment="End" Grid.Column="2" /> </Grid> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView> </ContentPage> Bu tasarımı kullanacak MainPage.xaml.cs dosyasını düzenleyelim. using System.Collections.ObjectModel; namespace FindikUretimi { public partial class MainPage : ContentPage { public ObservableCollection<FindikVerisi> FindikListesi { get; set; } public MainPage() { InitializeComponent(); FindikListesi = new ObservableCollection<FindikVerisi> { new FindikVerisi { Il = "Ordu", UretimMiktari = 230000, CiftciSayisi = 58000 }, new FindikVerisi { Il = "Giresun", UretimMiktari = 90000, CiftciSayisi = 27000 }, new FindikVerisi { Il = "Sakarya", UretimMiktari = 80000, CiftciSayisi = 22000 }, new FindikVerisi { Il = "Düzce", UretimMiktari = 75000, CiftciSayisi = 20000 }, new FindikVerisi { Il = "Trabzon", UretimMiktari = 70000, CiftciSayisi = 19000 }, }; BindingContext = this; } } public class FindikVerisi { public string Il { get; set; } public int UretimMiktari { get; set; } // Ton cinsinden public int CiftciSayisi { get; set; } } } Projeyi kaydedip çalıştıralım.  |
