WPF MVC Patern’i Nedir

WPF ‘te MVC (Model View Controller) Patern’i Nasıl Kullanılır ?

Not : Bu yazı Aykut TAŞDELEN’in WPF kitabından alıntıdır izinsiz kullanımı suçtur ! Konuyla ilgili diğer kısımlar kitapta yer almaktadır.

MVC (Model-View-Controller) patern’inin kısaca ne olduğunu anlatmak, hatta kabaca bir tanım getirmek gerekirse;

  • Model nitelemesi; uygulamanın üzerinde çalıştığı verileri,
  • View; model’in sunumunu,
  • Controller ise; klavye, mouse, stylus gibi sistem girdilerinin ve bunlara ilişkin event’lerin yönetimini ifade etmektedir.

Gevşek bağlı modüllerden oluşan böylesi bir sistemin esası; parçalar arasındaki doğrudan referans’ları azaltmaktır. Yapılması gereken şey; parçalar arasında interface’ler veya soyut sınıflar kullanılarak (dependency injection ve object mocking diye bilinen kavramlar) gevşek bağlar oluşturulmasıdır.

MVC’nin WPF’teki İmplementasyonu

WPF’te MVC patern’i implemente edilirken şu dört  temel WPF özelliğinden faydalanılır. Bu özelliklerin tümü, MVC’ye ilişkin Model-View-Controller kısımlarının birbirlerine loosely coupled yani gevşek bağlı olmasını sağlar.

  1. Rotalanmış Komutlar (Routed Commands)
  2. Veri Bağlama (Data Binding)
  3. Collection View
  4. Kaynak (Resource) kullanımı

Örnek : Aşağıdaki uygulamada MVC patern’inin nasıl kullanılabileceği gösterilmektedir. Senaryo kısaca şöyledir :

Model kısmında yer alan CStok sınıfı ve bu sınıf türündeki nesneleri bir kolleksiyon olarak barındıran StokCollection uygulamanın üzerinde çalıştığı verileri ifade eder. Amaç bu kolleksiyonun elemanlarının bir ListBox’ta gösterilmesidir. Ancak listeleme gibi görevleri (aksiyonları) işleyen bir de Controller isimli sınıf söz konusudur.

MVC’ye ilişkin temek unsurlar ve bu unsurları temsil eden sınıflar ekran çıktısında da görüldüğü gibi ayrı ayrı klasörlere alınmıştır. Şüphesiz gerçek hayatta bu sınıfların ayrı ayrı dll’lerin içinde yer almaları tercih edilmelidir.

 

Şekil 11.3 :Uygulamanın temel yapıları

Model Kısmı

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Collections.ObjectModel;

namespace WPF_MVC.Model

{

    public class CStok : INotifyPropertyChanged

    {

        private int m_StokID;

        public int StokID

        {

            get { return m_StokID; }

            set { m_StokID = value; }

        }

        private int m_Adet;

        public int Adet

        {

            get { return m_Adet; }

            set

            {

                m_Adet = value;

                OnChanged(“Adet”);

            }

        }

        private string m_Urun;

        public string Urun

        {

            get { return m_Urun; }

            set

            {

                m_Urun = value;

                OnChanged(“Urun”);

            }

        }

public CStok(int StokID, string urun, int adet)

        {

            m_StokID = StokID; 

            m_Adet = adet;

            m_Urun = urun;

        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnChanged(string prop_name)

        {

            if (this.PropertyChanged != null)

            {

                PropertyChanged(this,
                   new PropertyChangedEventArgs(prop_name));

            }

        }

    }

    //////////////////////////////////////////////////////////
 

    public class StokCollection : ObservableCollection<CStok>

    {

        public static StokCollection Yukle()

        {

            StokCollection stoklar = new StokCollection();

            stoklar.Add(new CStok(1, “CD-ROM”, 200));

            stoklar.Add(new CStok(2, “Mouse”, 10));

            stoklar.Add(new CStok(3, “Pinter”, 23));

            return stoklar;

        }

    }

}

View Kısmı

StokEkrani.xaml
<Window x:Class=”WPF_MVC.StokEkrani”

    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;

    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;

    Title=”StokEkrani” Height=”300″ Width=”300″>

    <Grid>

        <ListBox Margin=”12,11,12,45″ Name=”lstStoklar” />

        <Button Height=”26″ Margin=”14,0,10,10″ Name=”btnListele”
                VerticalAlignment=”Bottom”
                Click=”btnListele_Click”>Listele</Button>

    </Grid>
</Window>

——————————————————

StokEkrani.xaml.cs

using WPF_MVC.Controller;

using WPF_MVC.Model;

namespace WPF_MVC

{

    public partial class StokEkrani : Window

    {

        private StokController controller;

        public StokEkrani()

        {

            InitializeComponent();

            controller = new StokController(this, StokCollection.Yukle ()); 

        }

        private void btnListele_Click(object sender, RoutedEventArgs e)

        {

            controller.Listele(); 

        }

    }

}

Controller Kısmı

Controller.cs

using System;

using System.Collections.Generic;

using System.Windows;

using System.Text;

using WPF_MVC.Model;

using System.Windows.Controls;

using System.Windows.Data;

namespace WPF_MVC.Controller

{

    public interface IController

    {

        void Listele();

        // …

    }

    public class StokController : IController

    {

        private StokCollection m_stoklar;  // Model

        private StokEkrani m_Wnd;          // View  

        public StokController(StokEkrani wnd, StokCollection stoklar)

        {

            m_Wnd = wnd;

            m_stoklar = stoklar;

        }

        #region IController Members

        public void Listele()

        {

            ListBox lst = (ListBox) m_Wnd.FindName(“lstStoklar”);

            lst.DisplayMemberPath = “Urun”;

            lst.ItemsSource = m_stoklar;

            lst.IsSynchronizedWithCurrentItem = true; 

        }

        #endregion

    }

}

Şüphesiz gerçek hayatta beklentiler uygulama yapısının daha karmaşık olmasını gerektirir. Ancak burada amaç; kılavuz olabilecek anlaşılırlığa sahip, basit bir örnek vermektir.

Reklamlar