Visual Studio 2013 için Blend kullanmaya başlama
Blend for Visual Studio is a visual tool for building engaging user interfaces and rich media experiences for Windows desktop, web, Windows Phone, and Windows Store apps.Blend Windows Presentation Foundation (WPF) ve Silverlight destekler ve içeren SketchFlow için prototip oluşturma (sürümlerinde Visual Studio Ultimate ve Premium).
Visual Studio için Blend Expression Blend değiştirir.Diğer ifade ürünleri ve destek seçenekleri hakkında daha fazla bilgi için bkz: Microsoft ifade değişiklikler sayfası.
Blend bir XML tabanlı tanımlayıcı biçimlendirme dilde çalışmanızı depolar (XAML).Web uygulamaları için CSS3/HTML5/JavaScript kodu de destekler.UI yaptığınız değişiklikleri konum olan görsel olarak Tasarım görünümünde, Blend inanılmaz veya XAML UI hassas.(Blend ile XAML UI öğelerinizi tasarım öğrenin.) Visual Studio'da uygulama kodunuza sonra UI takma.
Blend almak nasıl
Blend, Visual Studio yüklediğinizde yüklenir.Kullanılabilir duruma gelir Visual Studio Professional 2013 Update 2 ile ve daha sonra.Açmak için:
Tür Blend Windows Başlat ekranında.
—veya—
Visual Studio WPF, Silverlight, Windows Phone veya Windows mağazası proje açın ve seçin Blend Aç öğesinden Görünüm menü veya proje için kısayol menüsünü.
Blend neden kullanılır?
Visual Studio geliştirme için bir kod ilk yaklaşım sunar.Geliştirme sürecinde uygulamanıza UI öğeleri ekleyebilmesi için mükemmel bir Tasarımcısı da vardır.Windows Presentation Foundation veya Silverlight gibi çerçeveleri, kullanıcı Arabirimi oluşturmak için kullanabilirsiniz.Ancak, animasyon ve özel denetimler genellikle karmaşık kavramları ve kapsamlı kodlama uzmanlık gerektirir.
Blend, yeni kullanıcı Arabirimi oluşturmak veya varolan UI daha hızlı ve kolayca denetlemek görsel bir çalışma alanı sağlar.Çok daha fazlasını yapabilirsiniz blend'ın aracı daha kapsamlı ve Visual Studio'nun paleti daha karmaşık paletidir.(Örneğin, animasyonlar oluşturabilir ve 3B etkileri Tasarımcısı'nda doğrudan denetimleri eklemek için projeksiyonunun planlarını ayarlayın.) Her proje için en iyi aracı kullanarak verimliliğinizi arttırmak: grubunda uygulamanızın kullanıcı Arabirimi tasarlama ve sonra ek işlevler program ve uygulamanızın hatalarını ayıklamak için Visual Studio Kod Düzenleyicisi kullanmak istiyorsanız temel XAML ince ayar.Hem Visual Studio'da ve Blend'de açın ve ileri geri tasarımınızı ve kodunuzu en hızlı sonuçları arasında geçiş proje olabilir.
Örneğin, C# ' taki bir şekle animasyon eklemek için kod aşağıdadır:
.png "C# kod animasyon oluşturma")
Blend deneyimi anlık bir görüntüsü aşağıdadır:
.png "Blend animasyon oluşturma")
Verimliliğinizi arttırmak için aşağıdaki görevleri için Blend kullanmayı düşünün.Daha fazla hızı ve işlevselliği Visual Studio Tasarımcısı veya tek başına kodu daha Blend nerede sunan alanları bunlar.
Amaç |
Visual Studio tek başına |
Visual Studio ile Blend |
Daha fazla bilgi |
|---|---|---|---|
Animasyonlar oluşturma |
Animasyonlar için tasarım aracı yoktur; bunları programlı olarak oluşturmanız gerekir.Bu bir anlayış animasyon ve zamanlama sistemini WPF ve kapsamlı kodlama uzmanlık gerektirir. Windows mağazası uygulamaları için animasyonları oluşturma, XAML veya HTM5, CSS ve JavaScript fluency gerektirir. |
Animasyonları görsel olarak oluşturun ve bunları grubunda önizleyebilirsiniz.Daha hızlı ve doğru kodda, animasyon oluşturmaya daha budur.Kullanıcı etkileşimini işlemek için Tetikleyiciler ekleyebilirsiniz ve olay işleyicileri ve diğer işlevleri eklemek için kod için geçiş yapabilirsiniz. Blend de destekler zaman çizelgesi tabanlı CSS animasyonlarını yazma (W3C belirtildiği gibi) JavaScript kodu gerekmeksizin.Diğer öğeler ile nasıl etkileşime gireceğini görebilmesi, animasyon uygulamanızı içinde doğrudan düzenleyebilirsiniz. |
|
Daha kolay işleme yol şekiller ve metin dönüştürmek |
Desteklenmiyor. |
Zarif veya çarpıcı şekiller (örneğin, dikdörtgen ve elips) için daha iyi düzenleme denetim sağlamak yollara dönüştürülmesiyle değişiklik yapabilirsiniz.Şekillendirmek veya yolları Birleştir ve birden çok şekilleri bileşik yollar oluşturabilir. Ayrıca metin blokları vektör görüntüler olarak yönetileceğini yollarını dönüştürebilirsiniz. |
|
Etkileşim eklemek için kullanıcı Arabirimi tasarımı |
C#, Visual Basic veya C++ kodu gerektirir. |
Sürükle ve bırak denetimleri, statik tasarımı için etkileşim eklemek için üzerine davranışlarını.Davranışlarını sürükle ve bırak, Yakınlaştır ve görsel durum değişiklikleri gibi işlevleri kapsülleyen kullanıma hazır kod parçacıkları mevcuttur.Aralarından seçim yapabileceğiniz davranışlarını büyüyen bir dizi yoktur ve kendi oluşturabilirsiniz. Blend, özelliklerinde değiştirerek veya kodda olay işleyicileri sonra her davranışı özelleştirebilirsiniz. |
Blend'de denetimler ekleme ve bunların davranışlarını değiştirme |
Uygulamanızı etkileşimli olarak Düzenle |
Desteklenmiyor. |
HTML uygulamanızı çalıştıran ve değişiklik gibi etkileşim kurmak (örneğin, iki durumlu bir düğme, bir seçeneği değiştirmek veya bir tuval üzerinde draw).Değişikliklerinizi düzenleme moduna döndüğünüzde korunur.Etkileşimli modda, belirli bir durumdaki çalışan uygulamanızı duraklatma, kendi temel kod düzenleme ve etkileri hemen görmek için de kullanabilirsiniz. |
|
Adobe resmi kullanın |
Desteklenmiyor. |
Illustrator, PhotoShop veya Adobe FXG resimleri içe ve Blend ve Visual Studio kullanıcı Arabirimi uygular. |
|
Denetimleri, şablonlar ve stillerini Düzenle |
Kodlama ve bilgi sahibi WPF stil ve şablonlar gerektirir. |
Herhangi bir görüntü denetime açın. Düzenleme araçlarını şablonun denetimleri, stillerini ve birkaç kere fareyi tıklatarak şablonlarıyla değişiklik yapmak için kullanın. Örneğin, Blend stil kaynakları (örneğin, düğmeleri, liste kutularını, kaydırma çubukları, menüler, vb.) ortak WPF denetimleri uygulayan ve kendi renk, stil veya temel şablonunda doğrudan Blend değiştirmek için kullanabilirsiniz.İsterseniz, ardından son değişiklikleri için kod için geçiş yapabilirsiniz. |
|
UI verilere bağlanın |
SQL Server veritabanları, WCF web Hizmetleri, nesneleri veya gibi SharePoint listeleri kaynaklardan veri kaynağı oluşturun ve veri kaynağı, UI denetimlerine bağlamanıza. Tasarım zamanı veri bir etkileşimli tasarım deneyimi için el ile oluşturulması gerekir. |
Prototip oluşturma ve test için kolayca örnek veriler oluşturun.Hazır olduğunuzda canlı veri geçin. Blend'ın veri oluşturma yetenekleri bekleyen (ekleyebileceğiniz adlarında, sayılar, URL'ler, anında üzerinde kolayca fotoğraf) ve çok zaman tasarrufu sağlar. Canlı veriler için bir XML dosyası veya herhangi bir CLR veri kaynağı için UI bağlayabilirsiniz. |
|
Bir Windows Phone veya Windows mağazası uygulaması tasarlayın |
Sınırlı özellikleri Tasarımcısı'nda; karmaşık iş için XAML kullanmak zorunda. |
(Windows Phone desteği gerektiren Visual Studio Professional 2013 Update 2 veya daha sonra.) Blend kapsamlı tasarım özellikleri sunar ve hızlandırır ve uygulama geliştirme basitleştirir.Blend Tasarımcısı'nda bitiş, öykünücüleri test ve ek işlevsellik için kendi kodunuzla tümleştirmeyi başından uygulamanızı oluşturun. |
Blend ile uygulamaları tasarlama Windows Phone Visual Studio 2012 (Windows mağazası uygulamaları) için Blend Blend Windows mağazası uygulamaları geliştirme (MSDN dergisi) |
Görsel taslakları ve yapılmasına oluşturun |
Visual Basic veya C#, prototip kod veya Adobe yönetmenin veya Flash gibi ayrı bir araç kullanın. |
SketchFlow draw ve reimplementation gerek kalmadan bir işlev app dönüştürülebilir bir çalışma prototip oluşturmak için kullanın. Animasyon ve gösterimler, SketchFlow yapılmasına ekleyin.Ayrıca, yapılmasına başkalarıyla paylaşmak, kullanılabilirlik çalışmaları çalıştırın ve SharePoint üzerinden veya SketchFlow Player geri bildirim alabilir. |
Kaynaklar
Amaç |
Bkz. |
|---|---|
Sonraki çalışmanızı karıştırma destekli bir tur ile |
Blend ile XAML UI öğelerinizi tasarlamaya (Microsoft Virtual Academy) |
Geliştiriciler için Blend neden geçiş kapatma bulun |
Bir Windows 8 uygulaması 24 saat içindeki kolay oluşturma Blend nasıl yapılacağını (blog yayını) |
En son sürümünü Blend yeniliklere bakın |
HTML geliştiriciler için Yenilikler (blog yayını) Windows mağazası XAML uygulamaları için Yenilikler (blog yayını) |
Blend çalışma alanıyla hakkında bilgi sahibi olun. |
Blend'de çalışma alanı renklerini ve yazı tiplerini ayarlama |
Düzen panoları ve denetimleri denetimleri, görüntüleri ve diğer nesnelerin sayfasında düzenlemek için kullanın |
|
Kullanıcıların uygulamanızla etkileşime geçmesini sağlar. |
|
Görsel bir çekicilik görüntüleri, video ve ses küçük resimleri sunarak uygulamanıza ekleyin. |
|
Oluşturma, değiştirme ve 3B nesnelere animasyon. |
|
Şekil ekleme veya serbest biçimli desenleri draw.Bunları stil, bunları denetimlere Dönüştür veya bunları yollarını animasyon oluşturmak için kullanın. |
|
Değişikliği nesneleri şekilde görünür, stil ve birkaç nesnelerine uygulayabileceğiniz şablonları oluşturun. |
|
Nesneleri taşıma kısa animasyonlar oluşturun veya bunları belirerek ve silinerek. |
|
Sayfalarınızı düzenini özelleştirin gibi Tasarımcısı'nda örnek verileri görüntüleyin. |
|
Dönüştürülebilir bir çalışma prototip reimplementation gerek kalmadan bir işlev app oluşturun. |
|
Windows Phone ve Windows mağazası uygulamaları tasarlama |
|
Mağazası uygulamaları geliştirmek için ek kaynaklar edinin |