![\"\"](\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002138_01.jpg\")
<\/p>\n6\/3\/2009
\nMerhaba Expression ile WPF Uygulamas\u0131n\u0131n 2. makalesiyle devam ediyoruz. Bu makalede Expression Blend ile yeni bir WPF projesi olu\u015fturup, Expression Design ile haz\u0131rlad\u0131\u011f\u0131m\u0131z tasar\u0131m\u0131 bu projeye aktaraca\u011f\u0131z ve XML’i kullanarak kontrol\u00fcm\u00fcze veri \u00e7ekece\u011fiz.<\/p>\n
\nBa\u015flayal\u0131m. Expression Blend 2 yi a\u00e7\u0131n. File>New Project’e bas\u0131n.<\/p>\n
<\/p>\n
New Project penceresinden “WPF Application (.exe)” yi se\u00e7in. Proje isminizi, proje klas\u00f6r\u00fcn\u00fcz\u00fc, kod dilinizi (bu makale dizisinde kod kullanmayaca\u011f\u0131z) ve framework’u belirleyin.<\/p>\n
Projeniz a\u00e7\u0131l\u0131nca sa\u011fdaki Project tab\u0131na bas\u0131p, proje isminizin oldu\u011fu ba\u015fl\u0131\u011fa sa\u011f klik yap\u0131n ve “Add Existing Item” a t\u0131klay\u0131n.<\/p>\n Haz\u0131rlam\u0131\u015f oldu\u011funuz XML’i ve Expression Design’dan \u00e7\u0131kan XAML’\u0131n\u0131z\u0131 s\u0131rayla projeye ekleyin.<\/p>\n Yine ayn\u0131 yere sa\u011f klik yap\u0131p bu sefer “Add New Folder” a bas\u0131n.<\/p>\n Bu klas\u00f6re images ad\u0131n\u0131 verin.<\/p>\n images klas\u00f6r\u00fcne sa\u011f t\u0131klay\u0131n ve “Add Existing Item” a bas\u0131n.<\/p>\n Veriler i\u00e7in haz\u0131rlam\u0131\u015f oldu\u011funuz imajlar\u0131 projenize ekleyin.<\/p>\n Project penceresi \u015fu durumdad\u0131r.<\/p>\n Solution sat\u0131r\u0131na sa\u011f t\u0131klay\u0131p projenizden Visual Studio ya da ge\u00e7i\u015f yapabilirsiniz.<\/p>\n Blend\u00a0 ve Visual Studio ayn\u0131 proje penceresine sahipler.<\/p>\n Blend’de her zaman F5<\/strong> e basarak projeyi \u00e7al\u0131\u015ft\u0131rabilir ve sonucu g\u00f6rebilirsiniz.<\/p>\n “Objects and Timeline” kutusunda Window layer \u0131na \u00e7ift t\u0131klay\u0131n.<\/p>\n Window se\u00e7iliyken sa\u011f tarafta Properties tab\u0131ndaki Layout\u00a0 k\u0131sm\u0131nda a\u00e7\u0131lacak pencerenin boyunun ve y\u00fcksekli\u011fini ayarlay\u0131n.<\/p>\n Proje penceresinde FRPKitap.xaml’ e \u00e7ift t\u0131klay\u0131p a\u00e7\u0131n.<\/p>\n Blend’de FRPKitap.xaml g\u00f6r\u00fcnt\u00fcs\u00fc. Design’de nas\u0131l haz\u0131rlad\u0131ysak \u00f6yle g\u00f6z\u00fck\u00fcyor.<\/p>\n FRPKitap.xaml da Background layer\u0131na sa\u011f klik yap\u0131p onu kopyalay\u0131n.<\/p>\n \u00dcst taraftaki tab sistemini kullanarak Blend’le olu\u015fturdu\u011funuz XAML’e geri d\u00f6n\u00fcn.<\/p>\n LayoutRoot layer\u0131n\u0131 \u00e7ift t\u0131klayarak se\u00e7in ve art board da bo\u015f bir yere t\u0131klay\u0131p CTRL+V yap\u0131n.<\/p>\n Sonu\u00e7. Altta.<\/p>\n F5 <\/strong>e basarsan\u0131z uygulaman\u0131z\u0131n durumunu g\u00f6rebilirsiniz.<\/p>\n Layer d\u00fczeni \u015fu \u015fekilde olmal\u0131d\u0131r.<\/p>\n Genel tasar\u0131m\u0131 tamamlad\u0131\u011f\u0131m\u0131za g\u00f6re \u015fimdi i\u00e7eri\u011fimizi olu\u015fturabiliriz. Bunun i\u00e7in Tool Box’dan “Asset Library” ikonuna t\u0131kl\u0131yoruz ve a\u00e7\u0131lan pencereden ListBox kontrol\u00fcn\u00fc se\u00e7iyoruz. ListBox kontrol\u00fc g\u00f6z\u00fckm\u00fcyorsa sa\u011f \u00fcst k\u00f6\u015fedeki “Show All” kutucu\u011funu i\u015faretleyin.<\/p>\n![\"\"](\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002138_02.jpg\")
<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/p>\n