{"id":693,"date":"2010-06-28T10:46:05","date_gmt":"2010-06-28T10:46:05","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=693"},"modified":"2014-01-16T23:30:47","modified_gmt":"2014-01-16T23:30:47","slug":"expression-blend-2-genel-bakis","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=693","title":{"rendered":"Expression Blend 2 – Genel Bak\u0131\u015f"},"content":{"rendered":"

22\/8\/2008<\/em>
\nMerhaba bu makalede Expression Blend 2’yi genel olarak inceleyece\u011fiz.<\/p>\n


\nExpression Blend 2 hen\u00fcz bilgisayar\u0131n\u0131zda yoksa deneme s\u00fcr\u00fcm\u00fcn\u00fc buradan<\/a> indirebilirsiniz.<\/p>\n

Blend’i a\u00e7t\u0131\u011f\u0131n\u0131zda alttaki gibi bir ekranla kar\u015f\u0131la\u015f\u0131rs\u0131n\u0131z.<\/p>\n

\"\"<\/a><\/p>\n

A\u00e7\u0131lan ho\u015fgeldin penceresinin Projects sekmesini kullanarak en son \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131z projeleri veya yeni proje, proje, site a\u00e7abilirsiniz. “Run at startup” \u0131n i\u015faretini kald\u0131rarak Blend her a\u00e7\u0131ld\u0131\u011f\u0131nda ho\u015f geldin penceresinin a\u00e7\u0131lmas\u0131n\u0131 engeleyebilirsiniz.<\/p>\n

\"\"<\/p>\n

Ho\u015f geldin penceresinin Help sekmesini kullanarak yard\u0131m dosyalar\u0131na, online uygulamalara, online topluluklara ula\u015fabilirsiniz.<\/p>\n

\"\"<\/p>\n

Blend 2 ile gelen \u00f6rnek \u00e7al\u0131\u015fmalara ho\u015f geldiniz penceresinin Samples sekmesini kullanarak ula\u015fabilirsiniz.<\/p>\n

\"\"<\/p>\n

Ho\u015f geldiniz ekran\u0131n\u0131 istedi\u011finiz zaman men\u00fcdeki Help>Welcome Screen’i kullanarak a\u00e7abilirsiniz.<\/p>\n

\"\"<\/p>\n

Haz\u0131rlayaca\u011f\u0131n\u0131z tasar\u0131mlar i\u00e7in (her zamanki gibi) en \u00f6nemli b\u00f6l\u00fcm “Toolbox” d\u0131r.<\/p>\n

\"\"<\/p>\n

Blend’in toolbox’\u0131 di\u011fer t\u00fcm vekt\u00f6rel, bitmap tasar\u0131m ara\u00e7lar\u0131n\u0131 toolbox’lar\u0131 ile olduk\u00e7a benzerlik g\u00f6stermektedir.<\/p>\n

\"\"<\/p>\n

Bunun yan\u0131nda Blend’in WPF i\u00e7in \u00f6zel toolbox bille\u015fenleri’de bulunmaktad\u0131r. 3D objeler i\u00e7in “Camera Orbit”,<\/p>\n

\"\"<\/p>\n

“Grid”,<\/p>\n

\"\"<\/p>\n

\u00d6zelle\u015ftirilmi\u015f “Text Box”,<\/p>\n

\"\"<\/p>\n

“Button”,<\/p>\n

\"\"<\/p>\n

“Asset Library” WPF i\u00e7in \u00f6zel toolbox bile\u015fenleridir.<\/p>\n

\"\"<\/a><\/p>\n

“Object and Timeline” layer mant\u0131\u011f\u0131 ile \u00e7al\u0131\u015fma alan\u0131n\u0131zdaki objeleri kontrol edebilece\u011finiz, animasyon i\u00e7in zaman \u00e7izelgesini d\u00fczenleyebilece\u011finiz b\u00f6l\u00fcmd\u00fcr.<\/p>\n

\"\"<\/p>\n

Layerler\u0131n\u0131z\u0131n ve LayoutRoot’un g\u00f6r\u00fcn\u00fcr olup olmamas\u0131n\u0131 ayarlabilir veya onlar\u0131 yaln\u0131\u015f bir i\u015fleme kar\u015f\u0131 kilitleyebilirsiniz.<\/p>\n

\"\"<\/p>\n

Klasik olarak layer’lar\u0131 s\u00fcr\u00fckleyip b\u0131rakarak objelerinizin durumlar\u0131n\u0131 birbirilerine g\u00f6re ayrlamak Blend’de de vard\u0131r. Fakat burada dikkat etmeniz gereken layer s\u0131ralamas\u0131 ile obje s\u0131ralamas\u0131n\u0131n ters olmas\u0131d\u0131r. Alttaki \u00f6rnekte mavi layer’\u0131 en \u00fcstteyken \u00e7al\u0131\u015fma alan\u0131nda mavi kutu en alttad\u0131r.<\/p>\n

\"\"<\/a><\/p>\n

Design ara y\u00fcz\u00fc ile animasyon ara y\u00fcz\u00fcnde ge\u00e7i\u015fleri Window>Active Workspace’i veya “F6″‘y\u0131 kullanarak yapabilirsiniz.<\/p>\n

\"\"<\/p>\n

Timeline’n\u0131n a\u00e7\u0131ld\u0131\u011f\u0131 animasyon ara y\u00fcz\u00fc altad\u0131r.<\/p>\n

\"\"<\/a><\/p>\n

“Project” paneli projedeki t\u00fcm dosyalar\u0131n\u0131z\u0131n listelendi\u011fi b\u00f6l\u00fcmd\u00fcr. Files ve Data olarak ikiye ayr\u0131lm\u0131\u015ft\u0131r.<\/p>\n

\"\"<\/p>\n

Files b\u00f6l\u00fcm\u00fc alt\u0131nda t\u00fcm dosyalar bulunmaktad\u0131r. Blend’de yeni bir proje a\u00e7t\u0131\u011f\u0131n\u0131zda varsay\u0131lan olarak a\u00e7\u0131lan dosyalar altad\u0131r.<\/p>\n

\"\"<\/p>\n

References klas\u00f6r\u00fc projenin referans ald\u0131\u011f\u0131 .dll dosyalar\u0131n\u0131 i\u00e7ermektedir. Bu \u00f6rnekteki Window1.xaml dosyas\u0131 kulland\u0131\u011f\u0131m\u0131z temel dosyad\u0131r ve code behind bir .cs dosyas\u0131 bar\u0131nd\u0131rmaktad\u0131r.<\/p>\n

\"\"<\/p>\n

Projenin isminin bulundu\u011fu s\u00fctuna sa\u011f t\u0131klay\u0131p a\u00e7\u0131lan men\u00fcden projenize yeni dosyalar ekleyebilirsiniz. \u00d6rne\u011fin hard diskinizde bulunan bir imaj\u0131 projeye eklemek i\u00e7in “Add Existing Item”\u0131 kullanmal\u0131s\u0131n\u0131z.<\/p>\n

\"\"<\/p>\n

Add New Item’\u0131 kullanarak \u00e7e\u015fitli dosyalar\u0131 ekleyebilirsiniz.<\/p>\n

\"\"<\/p>\n

Data ise projenizde kullanaca\u011f\u0131n\u0131z datalar\u0131n bulundu\u011fu b\u00f6l\u00fcmd\u00fcr. “+XML” ile projenize XML dosyas\u0131 eklebilirsiniz.<\/p>\n

\"\"<\/p>\n

“+ CLR Object” ile Common Language Runtime objeleri ekleyebilirsiniz.<\/p>\n

\"\"<\/p>\n

Properties panelini kullanarak objelerinizin \u00f6zellikleri \u00fcst\u00fcnde de\u011fi\u015fiklik yapabilirsiniz.<\/p>\n

\"\"<\/p>\n

Properties paneli olduk\u00e7a kalabal\u0131k bir paneldir.<\/p>\n

\"\"<\/p>\n

Bu sebeple properties i\u00e7inde arad\u0131\u011f\u0131n\u0131z \u00f6zelli\u011fe Serach kutusu ile ula\u015fabilirsiniz. Bu kutuya arad\u0131\u011f\u0131n\u0131z \u00f6zelli\u011fi yazd\u0131k\u00e7a Blend sizin i\u00e7in filitreleme yapar.<\/p>\n

\"\"<\/p>\n

Properties paneli ayr\u0131ca objelere yaz\u0131lacak Event’ler i\u00e7inde bir panel bar\u0131nd\u0131rmaktad\u0131r.<\/p>\n

\"\"<\/p>\n

\u00d6rne\u011fin projedeki sar\u0131 kutuya t\u0131kland\u0131\u011f\u0131nda bir olay\u0131n ger\u00e7ekle\u015fmesini istiyorsunuz. Yapman\u0131z gereken Event’leri a\u00e7\u0131p MouseDown Eventi i\u00e7in bir isim bildirmeniz.<\/p>\n

\"\"<\/p>\n

Enter’a bast\u0131\u011f\u0131n\u0131zda e\u011fer bilgisayar\u0131n\u0131zda Visual Studio y\u00fckl\u00fc de\u011filse veya Blend’i VS i\u00e7in ayarlamam\u0131\u015f iseniz alttaki bir mesajla kar\u015f\u0131la\u015f\u0131rs\u0131n\u0131z. Blend size C# i\u00e7in gerekli kodu Clipboard’a yap\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131 bildirmektedir.<\/p>\n

\"\"<\/a><\/p>\n

E\u011fer bu i\u015flemi direk VS \u00fczerinde yapmak istiyorsan\u0131z. Men\u00fcden Tools>Options’a bas\u0131n.<\/p>\n

\"\"<\/p>\n

A\u00e7\u0131lan pencerede “Event handlers” sekmesini se\u00e7in ve “Visual Studio if available” \u0131 i\u015faretleyin.<\/p>\n

\"\"<\/p>\n

Bunun sonucunda Event’i yaz\u0131p Enter’a bast\u0131\u011f\u0131n\u0131zda VS otomatik olarak kodu yazmaya haz\u0131r olarak a\u00e7\u0131l\u0131r.<\/p>\n

\"\"<\/a><\/p>\n

Resources paneliyse projenizde s\u0131k\u00e7a kullanaca\u011f\u0131n\u0131z sitillerin, objelerin tutuldu\u011fu b\u00f6l\u00fcmd\u00fcr. Altta ben \u00f6rnek olarak daha sonra kullanabilmek i\u00e7in sariGradient ad\u0131nda bir f\u0131r\u00e7a sitili yaratt\u0131m. Bunun nas\u0131l yap\u0131ld\u0131\u011f\u0131n\u0131 ve nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 daha sonraki makalelerimde anlataca\u011f\u0131m.<\/p>\n

\"\"<\/p>\n

Bu makalede Expression Blend 2’yi genel olarak inceledik. Zaman i\u00e7inde ad\u0131m ad\u0131m ilerleyecek ve Blend’i kullanmay\u0131 zevkle \u00f6\u011frenece\u011fiz. Ve b\u00f6ylece WPF i\u00e7in windows uygulamas\u0131 ve silverlight site ara y\u00fcz\u00fc geli\u015ftirebilece\u011fiz.<\/p>\n

\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n

Te\u015fekk\u00fcrler.
\nErbu\u011f Kaya<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

22\/8\/2008 Merhaba bu makalede Expression Blend 2’yi genel olarak inceleyece\u011fiz.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[41],"class_list":["post-693","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-blend"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=693"}],"version-history":[{"count":4,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/693\/revisions"}],"predecessor-version":[{"id":2496,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/693\/revisions\/2496"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=693"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}