Silverlight工具彙整

Silverlight工具彙整

作者 James Vastbinder譯者 朱永光

很多組織都開始評估Silverlight在他們的業務應用程式中的可用性。而如今的官方工具選擇只限於Visual Studio 2008和Expression Blend，但也存在一些免費或開源的選擇。

Kaxaml 是由Robby Ingebretsen建立用於代替XAMLPad的工具，其提供了類似功能，甚至透過提供一個程式碼片段庫和XAML刷子來加強使用體驗。最近的測試版已經支援Silverlight，且只有716K的zip下載檔案，它比起XAMLPad來說更輕巧。


雖然它不是一個用於輔助構建Silverlight應用程式的特製工具，不過在Toolico.com上，其作者使用string formatting建立了一個簡單但強大的Silverlight工具來輔助.NET開發人員。

Deep Zoom composer 是一個由微軟的Live Labs SeaDragon建立的免費工具。也許觀看使用這個編輯器所做東西的效果，最好的地方就是Hard Rock的memorabilia網站。

Spket IDE是一個XML編輯器，現在已經支援XAML和基於Silverlight對像模型的JavaScript的語法。這是一個沒有所見即所得（WYSIWYG）或複雜預覽功能的純編輯器。

Moonlight是一個基於Mono的Silverlight的實現。目前，Mono團隊已經做了大量的工作在構建LunarEclipse，一個基於Moonlight的XAML編輯器，它最初是由Alan Mcgovern開發的。他們目前的開發重點，已經由過去的在MonoDevelop和項目中新增程式碼完成功能，轉向了支援Moonlight執行時。這個實現的一個優點是，不需要像Silverlight那樣的宿主的瀏覽器，其可以獨立的執行。

對Silverlight重要測試將在這個夏天到來--NBC將以這個技術來作為奧運報道網站的基礎。NBC承諾將提供超過2200個小時的交互視訊報道節目。


這份列表確實是非常的短，如同Silverlight的時間也不長，Silverlight 2.0版本也還處於中間測試階段，它將在這年夏天晚些時候正式發佈。這個技術自從去年1.0版本發佈以來，已經確確實實在一些閃光的地方得到了進步，如AOL、MLB.com和Cirque du Soleil都對這個技術進行了投入。然而，在富網路應用程式（Rich Internet Application，RIA）領域微軟也有來自於Adobe的Flex和AIR的強大挑戰。

檢視英文原文：Tool Roundup for Silverlight

本文章來自於神魂顛倒論壇 http://bbs.flash2u.com.tw


原文網址:http://bbs.flash2u.com.tw/dispbbs_220_83819_2.html

Silverlight 模擬的 Surface 效果

Silverlight 模擬的 Surface 效果

在 40 分鐘內演示 31 項微軟技術 的視訊中，看到了這個透過 Silverlight 模擬出來的 Surface 效果：手指拉伸縮放圖片。

存取以下地址即可體驗，語言為法語，體驗之前必須安裝 Silverlight：
http://galilee.microsoft.fr/TechDays2008/SL/techdays-2008-silverlight.aspx

Blend 2 與 Silverlight 2 教學

包含按鈕的製作詳解與範例下載

http://www.nibblestutorials.net/

SilverLight中文完全解決方案

下面這篇出自MSDN的文章，詳細介紹了SilverLight中文遇到的問題與解法。




問題的起源是Silverlight的Runtime中沒有內嵌中文字型，而解法簡單地說，有下列三種：




1.下載字型或是 ODTTF(XPS)


2.Path


3.圖型




文中認為最終極的解法不是在Runtime中內嵌中文字型（因為會過於肥大)，最好的解法仍是下載字型，不過目前這個作法會有版權上的問題，因此文中除提供免費字型的下載點之外，也指出微軟也可能提供免費下載的字型，以解決這個困境。




http://www.microsoft.com/taiwan/msdn/columns/huang_jhong_cheng/Silverlight_cht_solutions.htm

探討 XAML 物件的填色技巧－使用 Blend 2 的筆刷工具

影片目的說明：

• 說明 Blend 2 筆刷工具的種類及其用途。


• 示範如何使用筆刷工具與 Brush Transform 工具，並說明填色時所需注意的重點。


• 說明設定線性漸層、放射狀漸層、與漸層選項的方法及其用途。

適合的聽眾：Silverlight 初學者，Blend 2 設計工具初學者

影片下載：http://download.microsoft.com/download/9/6/1/9610a252-d419-4ff0-82a3-6b316827fd69/SilverlightVideoClass02.zip

應用 Expression Encoder 發佈 Silverlight Streaming 視訊

應用 Expression Encoder 發佈 Silverlight Streaming 視訊

Expression 套件中的 Expression Media Encoder 將變為 Expression Encoder, 現在的 preview 版本已經提供了類似於Windows Media Server 的視訊流發佈功能，如下將介紹一下如何在沒有安裝 Windows Media Service 的情況下，利用 Expression Encoder 發佈視訊流，並且用 Silverlight 進行展現。

1. 從 Live Encoding Mode 開始

a. Live Encoding Mode

Expression Encoder 將提供一個 Live Encoding Mode, 可以從"View(視圖)" 選單選擇進入 Live Encoding Mode。

在 Live Encoding Mode 中你可以選擇視訊以及音頻捕獲設備，進行時時的編碼，也可以選擇已經存在的視訊檔案進行 Streaming。

2. 選擇輸出訊息/屬性

b. 輸出格式設定

你可以通過輸出面板設定發佈在本機的輸出通訊埠，最大連結數目，也可以將發佈點設定到其它 Server 上。

你也可以將時時捕獲的視訊信號進行存檔，放在指定的目錄中。

c. 設定碼流屬性

d. 設定 Metadata

3. 使用 Windows Media Player 進行測試

e. 測試 MMS 源

播放成功時，Expression Encoder 的 Connection count (連結數目)會顯示為1.

4. 利用 Silverlight 發佈網站

f. 選擇 Silverlight Player 模板

在 Expression Encoder 中，你可以選擇非 Live 模式對模板進行選擇發佈，之後在本地的 IIS 中把相應檔案夾設定為虛擬目錄，對 StartPlayer.js 檔案做如下變更：

function get_mediainfo(mediainfoIndex) {
switch (mediainfoIndex) {

case 0:
return { "mediaUrl": "mms://10.86.16.17:8080/",
"placeholderImage": "",
"chapters": [
] };
default:
throw Error.invalidOperation("No such mediainfo");
}
}

大功告成，馬上分享你的 Silverlight 視訊直播吧～

支援Silverlight 的 RadControls 控制項

支援Silverlight 的 RadControls 控制項

RadControls for WinForms是一個全面的.NET Winforms使用者界面組件套包，它擁有獨特的圖像向量展示技術：旋轉， 捲動， 動畫， 透明；可執行在所有支援.net 2.0的平台上(Windows XP， Windows Server 2003， Windows Vista等等)；它擁有極強的WinForms程式執行性能；理想的企業級商業系統開發解決方案(支援CAB)；

它包含三種輔助工具，用於提高開發效率：Control Spy，Visual Style Builder和Shape Editor。RadControls for WinForms中包含了25個可靠的使用者界面組件及UI元素，它支援WPF框架結構，所有元素可無限嵌套，並可完全自訂所有元素；RadControls for WinForms支援自訂主題，VS2005互動式設計時支援。它是.NET平台桌面應用程式開發的理想選擇。

支援ASP.NET AJAX, IE7 和Firefox 2.0

這套組件包括
r.a.d.ajax

r.a.d.calendar

r.a.d.chart

r.a.d.combobox

r.a.d.dock

r.a.d.editor

r.a.d.grid

r.a.d.input

r.a.d.menu

r.a.d.panelbar

r.a.d.rotator

r.a.d.spell

r.a.d.splitter

r.a.d.tabstrip

r.a.d.toolbar

r.a.d.treeview

r.a.d.upload

r.a.d.window

將3DS和DXF格式轉換成XAML

將3DS和DXF格式轉換成XAML

Autodesk 公司的 3ds Max 是製作 3D 模型比較的工具，目前，Electric Rain 公司發佈了 ZAM 3D 產品，可以為Microsft Windows Vista 應用程式的開發者和設計者建立 3D 界面的元素提供快速而簡便的解決方案。

另外，它還可以將3ds和dxf格式的檔案轉成XAML格式。可與Microsoft Expression Blend 整合。

相關的下載和教學
http://www.erain.com/products/ZAM3D/DefaultPDC.asp

台灣微軟網站上的Silverlight教學影片

台灣微軟網站上的Silverlight教學影片

推薦：.NET Walker - 董大偉

官方網址：

http://www.microsoft.com/taiwan/msdn/elearning/Teaching.htm

主題：

如何利用 Blend 2 來設計 Silverlight 動畫，並透過 JavaScript 加以控制
利用 Glyphs 與 ODTTF 在 Silverlight 當中顯示各種中文字型
如何建立 Silveright 圖示選單 (Silverlight 的滑鼠事件功能介紹)
如何利用 AJAX 的非同步 Web Services 技術，配合 Silverlight 建立資料庫動態圖表

Canvas 觀念介紹，以及如何透過程式碼動態調整 Canvas

介紹 Silverlight Object Model 觀念，示範以 CreateFromXaml 動態生成 Silverlight 元素

介紹 Silverlight 元素的屬性機制，示範如何以程式碼控制 Silverlight 元素的屬性

介紹如何透過 InlineXaml 將 Silverlight 功能封裝成 UserControl，迅速整合至 ASP.NET 當中

介紹如何透過 AJAX 技術，在 Silverlight 當中動態產生各種中文字

以 InlineXaml 方式建立需要的 Xaml Code，透過 ASP.NET 動態呈現 Silverlight 內容

深度體驗silverlight1.0RC

深度體驗silverlight1.0RC

http://www.riaexpert.cn/2007/08/30/%e4%bd%93%e9%aa%8csilverlight10rc/

雖說silverlight各種嘗鮮版已經出了N多，可是一直沒有時間好好體驗一下這個M$為RIA界帶來的巨大驚喜。曾經沉浸在Ajax中無法自拔，期盼著WPF這個呼之欲出的RIA救世主；漫長的等待中，陰差陽錯的結識了Flex，才發現原來Flash也有爭奪RIA霸主地位的實力。

今天實際使用silverlight開發了一個像素畫的」Hello World」，可以在右邊按鈕選擇畫筆的顏色。源程式碼採用javascript編寫(1.0RC也只支援這個了);詳細的內容請看DEMO,截圖如下：

使用過後，發現silverlight如果要作為真正的RIA開發平台，比起flex還說還是有不短的路要走：

1.在1.0RC中，還沒有行程完成的xaml->object,或是object->xaml的機制，也就是說在你的business logic code中還不能自由的以Class instance的方式來初始化對像；而是使用簡陋的plug.content.createFromXaml(xamlString)來建立一個UIElement;與我們常用的new Class的實例化方式有較大區別。

2.雖然可以使用vs2005做一些基於IDE的開發，但是這種vs的支援僅限於intellisense功能；而不支援WYSIWYG的開發方式，無法發揮IDE的真正作用，當然這也是目前silverlight framework中缺少對於繼承於UIElement的控制項的支援相關的，下面會說到。

3.最不理解的就是，在silverlight發佈之後，M$並沒有緊跟著推出一個基於silverlight的control library，也就是說，如果你要開發一個RIA應用的話，你首先得自己構建一套統一樣式的client control library，你得從按鈕，下拉列表框開始開發；這個對於RIA應用的開發是不可理喻的缺點，也是致命的弱點，雖然這個特性對於很多「大牛」來說，不屑一顧。

4.缺少對於流行RIA應用特性的支援；雖然現在silverlight支援播放流媒體，可是這樣的流媒體僅僅是單向的；silverlight依賴於windows media server的流媒體能力，並不能實現Flash Media Server一樣，client同server端的雙向流媒體通信；同時缺少對於伺服器客戶端通信方面的支援，在這個RIA的年代REST和Webservice顯然是對於多媒體應用無能為力的。

5.目前來說，開發方法非常怪異；與flex和flash中開發方法對比強烈不同，silverlight中混雜了客戶端應用程式與動畫的不同開發方法，讓人無法適從。不過可能未來M$指望用不同的IDE把不同的開發者分開；動畫開發者使用Expression Blend，應用開發者使用VS.net；可是至少在缺少IDE的情況下，真的很怪……

雖然silverlight標榜自己支援multi language,但是如果指望昔日的frontend engineer會使用ruby,python,甚至c#和vb來開發RIA的話，真是天方夜譚，雖然JScript也被CLI支援，但是這個從來就不被看好的孩子，已經面目全非，形同雞肋了；實際上silverlight的多開發語言，並不能取悅開發者；但在這樣的情況下，微軟非但不在silverlight中強化javascript的作用，反而將其弱化到了silverlight與browser的粘合劑的地步，這點絕對會引來RIA最大的潛在開發者–ajax developer的唾棄。

再看flex，雖然使用actionscript3，但是這是與javascript同根生的親兄弟，兩者的差別近乎為0；節省了開發者轉向flex的時間。同時flex有完備的ide,有完備的UI library，可以快速的構建RIA應用；加上易用的Flash Media Server，也就是說一個普通的ajax developer可以很容易的在flex平台上面實現當初在html+javascript平台上無法實現的很多夢想；

綜上，我們也該看到，雖然silverlight有這樣那樣的缺點，但是以M$操作系統的佔有率，silverlight在部署及性能方面佔有極大的優勢，而以M$的開發經驗，完善silverlight的開發環境及體驗也不是很難的事情；這點，大家可以觀察.net如何在java佔領制高點的情況下奪回中小企業使用者市場的案例，很有啟發。

可憐了開發者的我們，還是只能做牆頭草，把兩個平台都摸清，才能有備無患。

Silverlight的Ink功能

Silverlight的Ink功能

http://www.kangting.tw/2007/08/silverlightink.html

這是Silverlight支援的Ink功能，一種俗稱數位墨水的技術，它能夠捕捉使用者利用數位筆或是滑鼠等輸入裝置，在螢幕上所描繪的路徑，並且將其顯示出來，摸擬手寫筆跡的功能。　

由於Silverlight支援Ink功能，因此你可以透過Silverlight，實作出Web版的數位墨水功能，讓使用者在網頁上書寫文字或是描繪圖形。有了Ink功能，相信將來一旦我成為大人物之後，就不用擔心每天簽不完的名了，只要透過網路，就可以輕易的將我的手寫簽名傳遞到全世界給我的仰慕者呀，想想真是幸福啊。

一個Silverlight Slideshow相本範例

一個Silverlight Slideshow相本範例

網站名稱：First Floor網址：http://www.firstfloorsoftware.com/Default.aspx有一個不錯的Silverlight Spy工具

有下列主要功能：

Convenient XAML object explorer
XAML object property grid allows for getting and settings property values
Regeneration of the XAML xml based on the object model
Statistics of used objects
Tracing facility for debugging Silverlight 1.0 applications

還有一個Silverlight Slideshow的相本範例,可以參考

Kit3D 引擎：Silverlight和JavaScript的結合

Kit3D 引擎：Silverlight和JavaScript的結合
本文章來自於神魂顛倒論壇 http://forum.flash2u.com.tw

來源：http://www.markdawson.org/kit3d/
四個範例：
Spinning cubes with solid faces
http://www.markdawson.org/kit3d/demos/cardsandcubes/default.html?solidcubes

Spinning cubes with texture mapped faces

Spinning playing cards with texture mapped faces

3D Picture Grid

官網：http://www.codeplex.com/Kit3D

Silverlight PhotoCarousel (結合flickr)

Silverlight PhotoCarousel (結合flickr)

本文章來自於神魂顛倒論壇 http://forum.flash2u.com.tw

Silverlight PhotoCarousel (結合flickr)
http://www.nikhilk.net/Prototypes/PhotoCarousel/
先搜尋，例如搜尋 Taipei
接著就會將結果以 環狀動畫 的方式呈現

如何在Silverlight控制項中與Html元素互動(含原始碼下載)

如何在Silverlight控制項中與Html元素互動(含原始碼下載)

Silverlight提供一組對像來描述了Html文檔對像模型，包括HtmlPage, HtmlDocument, HtmlElement, HtmlElementCollection等。
我們可以通過這些對像從Silverlight托管程式碼中存取Html頁面的內容，如取得頁面輸入框的值，導航頁面到新的URL等。
注意：如果需要Silverlight控制項可以存取Html頁面的內容，在建立Silverlight控制項的時候必須將enableHtmlAccess設為True。
下面的範例展示了如何在Silverlight控制項中，將訊息顯示到頁面Div中，以及在Silverlight控制項中導航頁面。

本文章來自於神魂顛倒論壇 http://forum.flash2u.com.tw
http://forum.flash2u.com.tw/dispbbs_220_79104_1.html

Silverlight用程式碼動態控制時間軸動畫

http://silverlight.cn/blogs/patrickwj/archive/2007/10/17/safsaf.aspx

目前的Silverlight版本中，如何動態的根據程式碼需要的動畫效果是一個比較常見的問題。

可以使用如下的方法：

在XAML中新建兩個動畫，本例是控制ScaleTransform的X和Y，共兩個動畫：

注意紅色文字是手動加上的，用於找到這兩個關鍵影格，後面程式碼會用到。

相應的CS檔案：

//修改相關參數後播放Storyboard
fadeInBallX.Value = 0.5;
fadeInBallY.Value = 0.5;
onSizeChanged_sb.Begin();

這樣就可以根據程式碼中的值動態的控制動畫效果了，對其它的UIElement.Opacity、SolidColorBrush.Color等屬性的動畫也都適用，非常方便。
本文章來自於神魂顛倒論壇 http://forum.flash2u.com.tw

50個以Silverlight技術製作的應用程式【A-Z】

http://odetocode.com/aimages/200705/verlet/default.htm
2D Physics Simulation

http://silverlight.net/samples/1.0/Grand-Piano/default.html
Grand Piano

http://blogs.msdn.com/synergist/pages/silverlight-map.aspx
Silverlight Mind Map

http://www.dolittle.com/Silverlight/3D/TestPage.html
3D Teapot Demo

http://labs.infragistics.com/silverlight/
Infragistics Controls Demo

http://silverlight.net/samples/1.0/Silverlight-Pad/default.html
Silverlight Pad

http://www.junkship.org:8000/silverlightdemo/
Amazon Search Visualization

http://silverlight.net/samples/1.1/chess/run/default.html
JavaScript / .NET Chess

http://www.codeplex.com/silverlight
Silverlight Playground

http://dev.aol.com/mail
AOL Social Mail Gadget

http://sharepoint.microsoft.com/blogs/mikeg/silverlight1/PopflyMashups/bLaugh-o-Sphere.aspx
Laugh-o-Sphere

http://www.junkship.org:8000/silverlightdemo/
Silverlight Rocks

http://explosivedog.com/silverlight/binaryclock/default.html
Binary Clock

http://www.livestation.com/
LiveStation

http://www.wordandspirit.co.uk/SilverNibbles/SilverNibbles.html
SilverNibbles

http://support.newsgator.com/nickh/browserpoker/browserpoker.html
Browser Poker

http://www.cjcraft.com/Blog/2007/05/16/SilverlightLinksTheSilverlightLaunchPadIsReadyForLaunch.aspx
Matrix Digital Rain

http://vistasmalltalk.wordpress.com/2007/06/03/smalltalk-in-silverlight-first-test/
Smalltalk on Silverlight

http://cosmik.members.winisp.net/BubbleFactory/
Bubble Factory

http://blogs.msdn.com/Synergist/pages/journal.aspx
Michael’s Journal

http://silverlight.net/samples/1.0/sprawl/default.html
Sprawl

http://bubblemark.com/
Bubblemark

http://xmldocs.net/
Office Ribbon

http://silverlight.schwarz-interactive.de/ex02/
Surface Prototype

http://mycomix.wintellect.com/Spotlight.aspx?Item=1041
Comic Book Viewer

http://www.photopoints.com/main/Silverlight_Alpha/
Photopoints Gallery

http://intertwingly.net/stories/2007/05/06/?icon=compass
SVG to Silverlight Converter

http://www.andybeaulieu.com/silverlight/DestroyAll/Default.html
Destroy All Invaders

http://www.popfly.com/
Popfly

http://www.telerik.com/demos/aspnet/silverlight/Cube/Examples/RoomDesigner/DefaultCS.aspx
Telerik RadControls 3D Cube

http://www.aisto.com/Roeder/Silverlight/Digger/Default.aspx
Digger

http://silverlight.net/Samples/1.1/DLR-Console/python/index.htm
Python Console

http://odetocode.com/aimages/200705/verlet/default.htm
Verlet Integration Algorithm

http://explosivedog.com/silverlight/discolights/
Disco Dance Floor

http://davidbetz.net/reflectinggraphdemo/
Reflecting Graph

http://www.microsoft.com/downloads/details.aspx?FamilyID=4964cd5f-0dcb-4c22-9378-773100d8e89f&displaylang=en
Windows Journal-to-Silverlight Converter

http://labs.blitzagency.com/?p=50
Dr Greenthumb

http://blogs.msdn.com/ebooth/archive/2007/05/19/view-source-reflector-tool-for-net-silverlight-sites.aspx
Reflector for Silverlight

http://www.windowsvista.si/
Windows Vista Simulator

http://www.bluerosegames.com/brg/drpopper/
Dr Popper

http://blog.roxio.com/labs/2007/05/buzz_with_silverlight_support.html
Roxio Buzz

http://xamlwebpad.peterkellner.net/Default.aspx
XamlWebPad

http://www.wynapse.com/Silverlight/Silverlight_GlyphMap_Utility.aspx
GlyphMap

http://www.cjcraft.com/silverlight/SierpinskiTriangle/Default.html
Sierpinski Triangle

http://delay.members.winisp.net/SimpleSilverlightXpsViewer/
XPS Viewer

http://community.netikatech.com/demos/
GOA WinForms Demo

http://delay.members.winisp.net/SilverlightAirlinesDemo/
Silverlight Airlines Demo

http://www.ltbennett.com/
Zero Gravity

http://www.zillinois.com/blog/2007/05/16/YetAnotherSilverLightXAMLDemo.aspx
Gradient Animations

http://www.vertigo.com/downloads/SilverlightChess/
Silverlight Chess Game Replay

Silverlight 快速學習

微軟Silverlight網站
http://www.microsoft.com/silverlight/
http://silverlight.net/

Silverlight 快速學習
http://silverlight.net/quickstarts/blend_quickstart/part1_drawing_painting_and_text.aspx#Create_a_Silverlight_Project_in_Blend

Silverlight 的學習資源
http://www.cjcraft.com/Blog/2007/05/16/SilverlightLinksTheSilverlightLaunchPadIsReadyForLaunch.aspx

Silverlight 入門

Microsoft Silverlight（以前的代號為「WPF/E」）
什麼是 Silverlight？Silverlight 是一種新的 Web 呈現技術，能在各種平台上執行。借助該技術，您將擁有內容豐富、視覺效果絢麗的交互式體驗，而且，無論是在瀏覽器內、在多個設備上還是在桌面操作系統（如 Apple Macintosh）中，您都可以獲得這種體驗。Microsoft .NET Framework 3.0（Windows 撰寫程式基礎結構）中的呈現技術 XAML（可擴展應用程式標記語言）遵循 WPF (Windows Presentation Foundation)，它是 Silverlight 呈現功能的基礎。本白皮書將逐步引導您瞭解 Silverlight 的基本情況，以及如何使用 Microsoft 的眾多工具（包括 Microsoft Expression Blend、Microsoft Visual Studio 2005 和 XAML）來構建內容豐富的圖形網站。首先，讓我們瞭解一下 Silverlight 發展歷程的相關背景訊息，以及它在開發領域所處的位置。
更多閱讀
http://bbs.flash2u.com.tw/FlashTopic75970_214_8_1.htm