Birkaç gün önce StackOverflow’da sorulara göz gezdirirken
grafiklerle ilgili bir soru gördüm. Soru ile uğraşayım derken öğrendim ki Visual
Studio’da hazır grafik kontrolü yok fakat bunun için geliştirilmiş paketler
var. Bu paketlerin kimi ücretli kimi ise ücretsiz. Bu yazımda CodePlex’de indirilmeye hazır bulunan Modern UI Metro Charts paketini kullanarak nasıl
uygulamamıza grafik ekleyeceğimizi anlatacağım.
Modern UI
(Metro) Charts
Modern UI Charts WPF, Silverlight ve Windows 8 uygulamalarına
grafik ekleyebilmemiz için bize gerekli kütüphaneyi sağlayan bir proje. Windows
8.1’de de gayet güzel çalışıyor. Metro Charts’ı kullanarak oluşturabileceğimiz
grafik türleri ise şöyle:
·
ColumnChart
(ClusteredColumnChart, StackedColumnChart, StackedColumnChart100Percent)
·
PieChart
(PieChart and Dognut)
·
BarChart
(ClusteredBarChart, StackedBarChart, StackedBarChart100Percent)
·
Doughnut
Chart
·
Radial
Gauge Chart
Fakat Metro
Charts’ın yazarından bir uyarı var; proje beta sürümünde ve hata içeriyor
olabilir. Şimdi isterseniz bu paketi kullanarak çok basit kodlarla bir proje
hazırlayalım.
Projemize
başlıyoruz!
Bir Windows 8.1 store app projesi başlatıyoruz ve NuGet’i
kullanarak paketi ekliyoruz. Bunun için yapmamız gereken projenin ismine sağ
tıklamak ve “Manage NuGet Packages” seçeneğine tıklayarak NuGet penceresini
açmak. Açılan penceredeki arama çubuğuna “modern ui charts” yazıyoruz ve
gerekli paketi yüklüyoruz.
Ben projemde bazı öğrencilerin notlarını gösteren bir sütun
grafiği yapmıştım. Bunun için öncelikle Student adlı bir sınıf oluşturuyoruz ve
bu sınıfta Name ve Grade adlı iki “property” tanımlıyoruz.
Şimdi MainPage için DataContext olarak kullanılacak sınıfımızı
oluşturalım. Ben bu sınıfın adına
MyDataSource dedim, isterseniz farklı isim verebilirsiniz. Daha sonra
oluşturduğumuz bu sınıfta _students adında bir liste ve Students adında bir
property oluşturuyoruz. Ardından yapıcı metodumuzu kullanarak listeye
elemanlarımızı ekliyoruz.
MainPage isimli sayfamızın kod kısmında da DataContext’i belirtmeyi unutmuyoruz tabi.
Şimdi tek yapmamız gereken XAML ile MainPage’e grafiğimizi eklemek. Bunun için önce gerekli olan alan adını, daha sonra da sütun grafiğini ekleyecek olan XAML kodunu yazıyoruz.
Grafiğimiz kullanıma hazır!
Farklı türde grafik oluşturmak istersek tek yapmamız gereken
grafik türünü değiştirmek. Örneğin aşağıdaki kod pasta grafiği oluşturmamızı
sağlar.
Bu yazımda şimdilik bu kadar. Bir dahaki yazımda grafiklerin görünümlerini nasıl değiştirebileceğimizden bahsedeceğim. Eğer merak edeniniz olursa Modern Charts’a ait sayfaya göz gezdirmenizi tavsiye ederim. Özellikle Documentation sekmesine tıkladığınızda daha ayrıntılı bilgilere oluaşabilirsiniz.
Kolay gelsin!
Hiç yorum yok:
Yorum Gönder