22/8/2008
Merhaba bu makalede Expression Blend 2’yi genel olarak inceleyeceğiz.
Expression Blend 2 henüz bilgisayarınızda yoksa deneme sürümünü buradan indirebilirsiniz.
Blend’i açtığınızda alttaki gibi bir ekranla karşılaşırsınız.
Açılan hoşgeldin penceresinin Projects sekmesini kullanarak en son çalıştığınız projeleri veya yeni proje, proje, site açabilirsiniz. “Run at startup” ın işaretini kaldırarak Blend her açıldığında hoş geldin penceresinin açılmasını engeleyebilirsiniz.
Hoş geldin penceresinin Help sekmesini kullanarak yardım dosyalarına, online uygulamalara, online topluluklara ulaşabilirsiniz.
Blend 2 ile gelen örnek çalışmalara hoş geldiniz penceresinin Samples sekmesini kullanarak ulaşabilirsiniz.
Hoş geldiniz ekranını istediğiniz zaman menüdeki Help>Welcome Screen’i kullanarak açabilirsiniz.
Hazırlayacağınız tasarımlar için (her zamanki gibi) en önemli bölüm “Toolbox” dır.
Blend’in toolbox’ı diğer tüm vektörel, bitmap tasarım araçlarını toolbox’ları ile oldukça benzerlik göstermektedir.
Bunun yanında Blend’in WPF için özel toolbox billeşenleri’de bulunmaktadır. 3D objeler için “Camera Orbit”,
“Grid”,
Özelleştirilmiş “Text Box”,
“Button”,
“Asset Library” WPF için özel toolbox bileşenleridir.
“Object and Timeline” layer mantığı ile çalışma alanınızdaki objeleri kontrol edebileceğiniz, animasyon için zaman çizelgesini düzenleyebileceğiniz bölümdür.
Layerlerınızın ve LayoutRoot’un görünür olup olmamasını ayarlabilir veya onları yalnış bir işleme karşı kilitleyebilirsiniz.
Klasik olarak layer’ları sürükleyip bırakarak objelerinizin durumlarını birbirilerine göre ayrlamak Blend’de de vardır. Fakat burada dikkat etmeniz gereken layer sıralaması ile obje sıralamasının ters olmasıdır. Alttaki örnekte mavi layer’ı en üstteyken çalışma alanında mavi kutu en alttadır.
Design ara yüzü ile animasyon ara yüzünde geçişleri Window>Active Workspace’i veya “F6″‘yı kullanarak yapabilirsiniz.
Timeline’nın açıldığı animasyon ara yüzü altadır.
“Project” paneli projedeki tüm dosyalarınızın listelendiği bölümdür. Files ve Data olarak ikiye ayrılmıştır.
Files bölümü altında tüm dosyalar bulunmaktadır. Blend’de yeni bir proje açtığınızda varsayılan olarak açılan dosyalar altadır.
References klasörü projenin referans aldığı .dll dosyalarını içermektedir. Bu örnekteki Window1.xaml dosyası kullandığımız temel dosyadır ve code behind bir .cs dosyası barındırmaktadır.
Projenin isminin bulunduğu sütuna sağ tıklayıp açılan menüden projenize yeni dosyalar ekleyebilirsiniz. Örneğin hard diskinizde bulunan bir imajı projeye eklemek için “Add Existing Item”ı kullanmalısınız.
Add New Item’ı kullanarak çeşitli dosyaları ekleyebilirsiniz.
Data ise projenizde kullanacağınız dataların bulunduğu bölümdür. “+XML” ile projenize XML dosyası eklebilirsiniz.
“+ CLR Object” ile Common Language Runtime objeleri ekleyebilirsiniz.
Properties panelini kullanarak objelerinizin özellikleri üstünde değişiklik yapabilirsiniz.
Properties paneli oldukça kalabalık bir paneldir.
Bu sebeple properties içinde aradığınız özelliğe Serach kutusu ile ulaşabilirsiniz. Bu kutuya aradığınız özelliği yazdıkça Blend sizin için filitreleme yapar.
Properties paneli ayrıca objelere yazılacak Event’ler içinde bir panel barındırmaktadır.
Örneğin projedeki sarı kutuya tıklandığında bir olayın gerçekleşmesini istiyorsunuz. Yapmanız gereken Event’leri açıp MouseDown Eventi için bir isim bildirmeniz.
Enter’a bastığınızda eğer bilgisayarınızda Visual Studio yüklü değilse veya Blend’i VS için ayarlamamış iseniz alttaki bir mesajla karşılaşırsınız. Blend size C# için gerekli kodu Clipboard’a yapıştırdığını bildirmektedir.
Eğer bu işlemi direk VS üzerinde yapmak istiyorsanız. Menüden Tools>Options’a basın.
Açılan pencerede “Event handlers” sekmesini seçin ve “Visual Studio if available” ı işaretleyin.
Bunun sonucunda Event’i yazıp Enter’a bastığınızda VS otomatik olarak kodu yazmaya hazır olarak açılır.
Resources paneliyse projenizde sıkça kullanacağınız sitillerin, objelerin tutulduğu bölümdür. Altta ben örnek olarak daha sonra kullanabilmek için sariGradient adında bir fırça sitili yarattım. Bunun nasıl yapıldığını ve nasıl kullanıldığını daha sonraki makalelerimde anlatacağım.
Bu makalede Expression Blend 2’yi genel olarak inceledik. Zaman içinde adım adım ilerleyecek ve Blend’i kullanmayı zevkle öğreneceğiz. Ve böylece WPF için windows uygulaması ve silverlight site ara yüzü geliştirebileceğiz.
İyi çalışmalar
Teşekkürler.
Erbuğ Kaya
