微軟7月10日正式發佈媒體播放器Silverlight 3

微軟7月10日正式發佈媒體播放器Silverlight 3

正式版Silverlight 3已發布上網，比在舊金山產品發表會上隆重推出的日期早一天。

微軟(Microsoft)對其媒體播放器Silverlight給予了厚望，微軟表示，Silverlight 3和Silverlight 4會將微軟媒體播放器帶入一個全新的領域，為媒體播放器的發展開闢新的天地，前段時間還曾因它與Adobe進行了唇槍舌戰，三月中旬的MIX 09大會上，微軟發佈了Silverlight 3的首個Beta版本。

Silverlight 3是微軟迎戰奧多比(Adobe) Flash的又一嘗試。微軟在今年3月的Mix09會議上說明Silverlight 3計畫，並發布了一個beta版本。

這項新產品增添若干新功能，包括讓軟體利用PC硬體加速圖形處理的技術。另外，Silverlight 3還允許應用程式在瀏覽器之外執行，PC與Mac平台皆適用。

相比Silverlight 2，Silverlight 3新增了50多種功能，包括支持GPU加速、H.264編解碼器、瀏覽器外運行，提升了動態視頻性能和質量，除了這些微軟著重強調的功能，還有一點值得注意，Silverlight 3非常小，相比之前版本更易下載安裝。

微軟的RIA網頁互動技術Silverlight 3，改用二進位方式編譯XAML程式碼，來提高使用者瀏覽網
頁的速度，而且透過設定就可以讓Silverlight程式離線執行了。

而另一個新功能 .NET RIA Services ，可說是 Silverlight 3 最棒的消息了, .NET RIA Services 可以簡化 Silverlight 與 ASP.NET 後端資料溝通的實作，將會是資料控制項的繫結技術基礎與大利基。

除了改善瀏覽速度外，微軟在Silverlight 3.0測試版中，增加了十幾項控制元件。

例如資料表DataGrid元件、樹狀檢視用的TreeView元件、輸入自動完成的元件、處理資料呈現的DataForm元件和換頁控制用的DataPager元件等。 新版也終於內建了開發者常用的資料繫結（Data Binding）功能，新增的元件繫結（Element-to-Element Binding）機制，可以讓兩個互動元件的特定屬性建立連結，其中一個元件的屬性改變，也會連帶變更對應屬性的數值，例如滑鼠拖曳價格區間的滑桿（Slide）按鈕時，物品清單上的數量會自動依據滑桿顯示的數值，自動過濾掉不符條件的項目。 開發者可以專注在元件之間的程式邏輯，透過繫結機制進行設定，就可以讓元件之間的屬性資訊自動同步，不需要像過去那樣，得自行撰寫同步的程式碼。

NBC曾表示，將採用Silverlight技術，自溫哥華轉播2010年冬季奧運會實況。此技術讓奧委會以720p HD畫質進行轉播，並提供類似TiVo的功能，例如將串流的現場實況轉播暫停和倒帶。

Silverlight 3提升4成瀏覽效能

微軟的RIA網頁互動技術Silverlight 3，改用二進位方式編譯XAML程式碼，來提高使用者瀏覽網頁的速度，而且透過設定就可以讓Silverlight程式離線執行了。

微軟在MIX09會議發表新版Silverlight 3的測試版，新增了多項控制元件和影音繪圖功能。此外，微軟也改變Silverlight 3的XAML程式碼的儲存方式，改用類似Flash的方法，以二進位編碼檔來提高執行速度。

為了讓.NET開發者更容易開發出網路RIA應用，微軟在2年前發表了Silverlight技術來和Adobe的Flash技術對抗，臺灣已有企業，如中華航空、寶來證券、新光證券等也開始採用Silverlight來打造客戶服務。甚至新光證券有高達5成的客戶，改用Silverlight打造的電子下單平臺來進行交易。

為了滿足RIA企業應用需要的執行效能，微軟在上周釋出的新版中，改變了Silverlight XAML程式碼的檔案編碼方式，不再使用文字格式，而是將XAML編譯成二進位檔。臺灣微軟開發工具暨平臺推廣處資深應用架構技術經理李匡正說：「新版做了很多效能優化，像程式碼編譯後就可以提高速度。」

新光證券已開始在內部測試環境中，改用Silverlight 3來執行電子下單系統，新光證券技術總監吳志宏表示：「用追蹤50檔股票的成交價監控網頁為例，當使用者端進行瀏覽、換頁等動作時，新版大概比2.0版快了40％。」

從開發角度來看，吳志宏表示，只需要對原來用2.0版開發的程式作一些修改，升級新版後，使用者端的瀏覽速度就可以提升，他認為：「值得進行升級。」不過，目前他擔心最終正式版的功能還會改變，所以，新光證券只進行內部測試，不會全面升級。微軟表示，今年內會推出正式版。

除了改善瀏覽速度外，微軟在Silverlight 3.0測試版中，增加了十幾項控制元件。

例如資料表DataGrid元件、樹狀檢視用的TreeView元件、輸入自動完成的元件、處理資料呈現的DataForm元件和換頁控制用的DataPager元件等。 新版也終於內建了開發者常用的資料繫結（Data Binding）功能，新增的元件繫結（Element-to-Element Binding）機制，可以讓兩個互動元件的特定屬性建立連結，其中一個元件的屬性改變，也會連帶變更對應屬性的數值，例如滑鼠拖曳價格區間的滑桿（Slide）按鈕時，物品清單上的數量會自動依據滑桿顯示的數值，自動過濾掉不符條件的項目。

開發者可以專注在元件之間的程式邏輯，透過繫結機制進行設定，就可以讓元件之間的屬性資訊自動同步，不需要像過去那樣，得自行撰寫同步的程式碼。

新版也將RIA應用延伸到桌面系統中，微軟MVP呂高旭表示：「寫好的Silverlight程式經過一些設定，就可以直接執行，不需要瀏覽器。」此外，呂高旭補充，Silvelright 3還會在本地端檔案系統中隔離出一塊空間，讓離線執行的Silverlight程式保存資料。

整體而言，Silverlight 3除了強化影音效果外，也增加了更多企業應用需要的前端互動元件，離線技術也能解決RIA暫時無法連線的困擾。精誠資訊多媒體產品處知識產品事業部產品經理宋志峰認為：「Silverlight的功能逐漸追上Adobe的Flash/Flex/AIR技術。」

不過，宋志峰認為目前的競爭不一定是好事，「雙方不斷推出新功能，有時甚至拿出工程等級的API， 但是沒有包裝成友善好用的介面，使用者不見得受益。」

新光證券技術總監吳志宏表示，Silverlight新版讓下單網站的瀏覽速度提高了約4成，可以提供更多即時資訊。不過，他擔心功能改變產生相容問題，新光證券還是要等到正式版發表後才會採用。

Microsoft Expression Blend 2.5 2008/6 英文預覽版

Microsoft Expression Blend 2.5 2008/6 英文預覽版

下載：
http://www.microsoft.com/downloads/details.aspx?familyid=32A3E916-E681-4955-BC9F-CFBA49273C7C&displaylang=en

約25MB

需額外安裝 .NET Framework 3.5

Windows Vista; Windows XP Service Pack 2 適用

將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

XAML 內部

XAML 內部

Silverlight XAML 支援多種形狀，能夠合成複雜的對象。支援的基本圖形包括矩形、橢圓、線條、多邊形、復合線和路徑。它們大多數都是不解自明的。復合線允許定義一系列相連的線段。路徑允許定義一個通過 Canvas 的非線性路徑（如同塗鴉）。

畫筆決定如何在螢幕上繪製對象。用 Fill 繪製內容，用 Stroke 繪製輪廓。畫筆分純色畫筆、漸變畫筆和圖像畫筆幾種。純色畫筆通過 fill 屬性（如前例使用的 Fill="Black"）的固定色、或使用 SolidColorBrush 作為附加屬性實現（如下所示）：

顏色可以通過名稱（支援 141 種命名的顏色）或十六進位 RGB 定義。

漸變畫筆通過在規範化空間中定義漸變域和若干漸變停留來實現。舉例來說，假設在灰色陰影中，需要一個線形漸變，從右至左，從黑變白。指定漸變停留 0（規範化線的開端）為黑色、漸變停留 1（規範化線的結束）為白色。Silverlight 就將為您繪製這個漸變。漸變也可以在二維空間中用規範化矩形定義空間來繪製（0,0 為左上，1,1 為右下）。要定義一個二維的填充矩形，左上為紅色，右下為黑色，中間是流暢的漸變，使用 XAML 如下：

用 ImageBrushes 也可以繪製對象，圖像將被適當地剪切或拉伸。因此，例如可以指定使用 ImageBrush 填充橢圓，使用的 XAML 如下：

在 XAML 中，文件可以用 TextBlock 標記呈現。這樣您可以控制文件的各個方面，如內容、字體、字號、折行等等。以下是一些範例：

此外，Silverlight 支援用於實現文件輸入的鍵盤事件。在根元素上可以定義鍵盤事件（KeyDown 或 KeyUp），並使用事件參數獲知按下的是哪個鍵。

XAML 概述

XAML 概述

XAML 是一種基於 XML 語言，可用於定義圖形資源、使用者界面、行為、動畫等。微軟將它作為在 Windows Presentation Foundation 中使用的標記語言推出。Windows Presentation Foundation 是一種面向桌面的技術，屬於 .NET Framework 3.0 的一部分，旨在輔助協調設計人員和開發人員在建立應用程式時的工作。

一直以來，設計人員使用一套工具和資源建立應用程式，而開發人員則使用自己的另一套工具。工具集的不符合可能對最終的應用程式產生負面影響。微軟推出新的 Expression 工具套件，主要是 Microsoft ExpressionR Design 和 Microsoft Expression Blend，讓專業設計人員可以分別將圖形項目和使用者界面放在一起，將最終結果表述為 XAML，以便開發人員用此構建應用程式。

首次發佈的 Silverlight 所使用的 XAML 不同於 Windows Presentation Foundation 使用的 XAML，前者是可用於桌面的完整 XAML 的面向 Web 子集。因此，如果您熟悉 Windows Presentation Foundation XAML，您可能會注意到缺失一些東西，比如  標記、頁面資源、資料綁定和豐富組件模型。

在 XAML 中，元素是用 XML 標記定義的。每個 Silverlight 文檔的根層級都是 Canvas 標記，它定義繪製 UI 元素的空間。該 Canvas 應包含 Silverlight 需要的 XML 命名空間聲明。

一個 Canvas 可以有一或多個子項，子 Canvases 又可以建立它們自己的子項。Canvas 子項有相對於其父項的位置，而不是對根 Canvas。下面的範例中，一個 Canvas 包含一個矩形 (Rectangle)，該矩形放在距其父項左上角 25 像素的位置。

一個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的相本範例,可以參考

WPF簡介

WPF的全稱是Windows Presentation Foundation，是微軟新發佈的Vista操作系統的三大核心開發庫之一，其主要負責的是圖形顯示，所以叫Presentation（呈現）。

作為新的圖形引擎，WPF是基於DirectX的，當然新增了很多新的功能。其2D和3D引擎的強大看看Vista的界面就明白了，再加上其對Aero圖形引擎的支援，更加讓你感到神奇。順便提一下，Aero是專門為3D桌面開發的引擎，可以讓桌面實現神奇的3D翻轉，這絕對是操作系統有史以來的一次神奇嘗試，雖然對硬件設定的要求也是驚人的，此前已有相關報道稱，Vista對顯卡十分挑剔就是出於執行Aero的考慮。

WPF前景分析

WPF其實不僅僅是圖形引擎而已，它將給Windows應用程式的開發帶來一次革命，因為新的架構提供了一種全新的開發模式。當然對於普通使用者而言，最直觀的就是界面越來越漂亮，看起來越來越舒服了；但對於開發人員而言，界面顯示和程式碼將更好的得到分離，這與從前的桌面應用程式開發有很多不同（界面設定和程式碼是融合在一起的），這是比較具有革命性的改變之一。還有就是桌面應用程式和瀏覽器應用程式的融合，根據ms的承諾，正在開發中的WPF/E，即WPF Everywhere版本，將為基於WPF的應用程式提供全面的瀏覽器支援，這意味著未來開發出的應用程式將可以基於瀏覽器在不同的操作系統上執行，當然由於目前還在開發中，我們並不確定會不會有一定的限制，根據WPF/E開發組的定義，WPF/E仍然是WPF的子集，而不是後繼版本。總體而言，WPF的前景應該是一片光明。

目前開發界的對WPF響應程度

目前已有很多人開始考慮或者已經轉向WPF，一場新的學習熱潮已經開始。但根據我最近的學習和瞭解，國內關於WPF的資料很少，除了msdn提供的資料以外，基本都是來自國外的資料，有些則是國外開發人員blog上的資料，當然都是英文的。因此如果現在能夠引進一些WPF的書絕對是很好的時機。而且國外目前的幾本WPF書也是剛剛上市，如果我們可以盡快引進的話，絕對可以輔助國內開發人員在最短時間內趕上國際步伐。

目前微軟針對WPF提供的服務和支援

隨著Vista RTM的發佈，微軟新一輪的技術推廣已經開始。其實在此之前，WPF已經有很大的推廣，因為CTP版本已經發佈了有一段日子了。當然很多開發人員主要以技術研究為主，也有少數公司已經開始從事基於WPF的產品研發工作。

1. 目前WPF的正式版本已經發佈（隨.net framework 3.0正式版發佈），你可以從msdn上免費下載

2. 相應的技術支援已經開始，但目前僅限於大客戶，主要做售前技術支援，對於普通開發人員的技術支援可能要等到明年2月份才會開始（個人知道的情況，請以微軟官方技術支援網站發佈的訊息為準）

3. WPF的VS2005外掛目前還只有社區預覽版（CTP版），也是從msdn上免費下載的，但正式版恐怕還要等一段時間，但使用CTP版本確實已經可以在VS2005中進行所見即所得的WPF開發。

4. WPF/E CTP版本已經發佈，你可以在msdn上免費下載。同時發佈的還有WPF/E Sample Pack for CTP。

Windows Presentation Foundation 完整簡介（中文）

Windows Presentation Foundation 完整簡介（中文）

作者：David Chappell
Chappell & Associates
2006 年 9 月
適用於：
Windows Vista
Windows Presentation Foundation
Microsoft .NET Framework 3.0
原文：http://www.microsoft.com/taiwan/msdn/library/2006/Oct-2006/introducingwpf.htm

摘要：Windows Presentation Foundation (WPF) 的首要目標在於協助開發人員建立吸引人又有效率的使用者介面，本篇文章將介紹 WPF 統一平台何以有助設計人員積極參與使用者介面的建立，並為獨立應用程式及瀏覽器應用程式提供一個共同的程式撰寫模型。(此文章包含連至英文網頁的連結，列印共 34 頁)
目錄
初步介紹 Windows Presentation Foundation
癥結所在
因應之道：Windows Presentation Foundation 之所能
使用 Windows Presentation Foundation
Windows Presentation Foundation 所採用的技術
運用 Windows Presentation Foundation
Windows Presentation Foundation 的工具
開發人員工具：Visual Studio
設計人員工具：Expression Interactive Designer
Windows Presentation Foundation 與其他的 Microsoft 技術
Windows Presentation Foundation 和 Windows Form
Windows Presentation Foundation 和 Win32/MFC
Windows Presentation Foundation 和 Direct3D
Windows Presentation Foundation 和 AJAX/"Atlas"
Windows Presentation Foundation 和 "WPF/E"
結論
作者簡介
初步介紹 Windows Presentation Foundation
一般來說，技術人員關心的多半只是技術。許多軟體專業人士對應用程式的運作方式比對應用程式與使用者的互動方式的興趣還大，可是對於花錢的大爺們來說則不然，使用者還是相當在意使用者介面。應用程式介面是整個軟體使用經驗的主要部分，對使用者來說，其實就等於 應用程式經驗。更好的介面有助於提昇使用經驗，進而促進生產力、有助建立客戶忠誠度，而且能拉動網站或其他等銷售業務。
以往使用者覺得純粹以文字為基礎的介面已經足夠，然而是他們現在已經習慣了圖形介面。隨著使用者介面的需求日益翻新，再加上圖形與媒體的廣泛應用，伴隨著網路的因素，因此大家自然期望與軟體的互動簡單容易。人們花越多時間與應用程式互動，應用程式的介面就越為重要。為了不負這日益顯著的期望，用於建立使用者介面的技術也必須向前邁進。
Windows Presentation Foundation (WPF) 的目標就是為 Windows 提供這些先進的技術。WPF 是 Microsoft .NET Framework 3.0 的一部分，能建置整合了文件、媒體、平面圖形、立體圖形、動畫、網路和其他等特色的介面。它和 .NET Framework 3.0 其他的內容一樣，將可用於 Windows Vista、Windows XP 和 Windows Server 2003，預計與 Windows Vista 同步上市。本篇文章將介紹 WPF，說明它的各種組件。文章主旨是要闡明此技術所能解決的問題，並探討 WPF 提供的解決方案。
癥結所在
假設有一家醫院想建立一個新的應用程式，以供體檢和追蹤病情之用。這個新應用程式的使用者介面的需求如下：
顯示與病人相關的影像與文字。
顯示和更新平面圖形，來顯示病人的生命跡象，例如心跳速度和血壓。
以立體檢視和重疊方式顯示病人資訊。
呈現超音波視訊或其他診斷結果，可能還能讓醫師或護士加上附註。
允許醫療人員讀取文件上有關病人或其狀況的附註，並允許他們在文件中加註。
在作為 Windows 應用程式 (讓醫院全體員工使用) 之際，亦可當成有安全性限制的網路瀏覽器應用程式 (讓遠端醫師透過網際網路進行有限存取)。
上述需求看似難度很高，但其實不是無理的要求。使用者介面要能適時地以合宜的方式呈現正確資訊，才會有高度的商務價值。以這裡所述的醫療情況為例，使用者介面甚至攸關著拯救生命。即便是比較不那麼迫切的情況，例如以線上商務等以消費為主的應用程式，優質的使用經驗依然有助於區別公司產品，使競爭對手相形失色，進而提高銷售量和公司的品牌價值。總而言之，許多的現代化應用程式介面如果能整合圖形、媒體、文件等其他現代化使用經驗的元素，必定獲益非淺。

更多閱讀
http://bbs.flash2u.com.tw/FlashTopic73005_214_8_1.htm

XAML Browser Application 維基百科的說明

XAML Browser Application，是美國微軟公司所提出的新技術，以XAML作為使用者介面（UI）之描述，寄宿（hosted）在瀏覽器（IE web browser sandbox）中執行的程式。XBAP可以取代ActiveX、Java Applet、Flash等功能，有人稱之為下一代的ActiveX（next-generation ActiveX）。XAML Browser Application的副檔名是.xbap。在執行XBAP之前，必須先設定：.NET Framework 3.0 Runtime Windows SDK for .NET Framework 3.0 Visual Studio 2005 extensions for .NET Framework 3.0（November 2006 CTP）
特點XBAPS 更易於與DHTML結合。 XBAPS 一旦使用寬鬆XAML（loose XAML）或使用IFRAME，必執行於安全的沙盒（secure sandbox）。 XBAPS 可以使用WPF（Windows Presentation Foundation）的98.2%的功能。 XBAPS 必須執行於iFrame之下。 XBAPS 必須執行於DocumentObject 應用程式之下，利用querystring 溝通。 XBAPS 目前僅支援IE6或IE7 。
安全性XBAP程式無法使用檔案系統（file system）。 XBAP程式無法呼叫對話視窗（dialog）。 XBAP程式如同DHTML，是網路直接安裝執行，可能遇到安全性問題，所以XBAP程序必須具備內嵌數位簽名。指定簽字用的證書文件名，指定證明文件摘要。
範例將3D動畫置入iframe：
　
將XBAP置入iframe：
原始語法片斷如下
　
差異WinFX Wndows Application和WinFX Web Browser Application有些微的差別，在.xaml檔案中，Browser Application中，預設起始頁的根元素（root element）為Page；Wndows Application中，預設起始頁的根元素為Window。另外，Window class無法在Browser Application中使用，因為IE瀏覽器中的WPF程序是在部分信任的沙箱（sandbox）內執行。

WPF 相關資源

WPF Blogs The WPF BlogWPF Community BlogExpression Team BlogWPF Visual DesignerXAML OnlyKarsten Januszewski
WPF Whitepapers WPF for Windows DevelopersFundamentals, DataGraphics and Media
WPF Videos NY Times Reader demo Karsten Januszewski, a technical evangelist focusing on WPF
Designer DemosDeveloper/Designer Workflow in WPF
WPF Presentations
.NET University Windows Presentation Foundation PPTs
WPF Training
Clinic 5135 AE: Introduction to Developing with Windows Presentation Foundation and Visual Studio 2005Excerpted Invaluable 5 day course from Karsten Januszewski blog post:
1.Watch Developing a WPF Application 2.Michael Wallent's presentation from MIX. 3.Watch A Designer's Overview of WPF 4.Introducing Microsoft Tools for Professional Designers
WPF Sample Applications
Cine.View: A WPF viewing application that exposes the NetFlix catalog and ordering capabilities created by the thirteen23 company. They also have a great viewer for Flickr.
New York Times Reader: A WPF content application that provides a rich browsing and reading experience for the paper's news content online in a Windows application Karen Corby's Woodgrove Finance application: This is a WPF XAML Browser application that provides rich visualization of stock market data in a multi-paned WPF app that runs in the browser. More samples

WPF和Silverlight到底有什麼不同?

WPF和Silverlight到底有什麼不同?

由於名稱的關係, WPF與WPF/E一直被認為是類似的東西.
其實兩者除了呈現UI的部分使用的是共通語言 XAML 之外,
兩者在本質上有很大的不同.
甚至,XAML對WPF與Silverlight有不同的意義,也不能算是兩者間"共通的語言"
XAML對WPF來說,是一種把.NET程式語言改用XML來描述的方式.
換句話說,XAML用在WPF上,像是另外一種程式語言.與C#, VB , IronPython相似.
所以XAML能做的, C# , VB一樣都可以做到. 但是反過來, C# , VB 能做的,
XAML不一定能做到,因為XAML是為了配合開發工具,特別設計出來的一種語言,
本身有他的局限性,所以還是得配合正規的程式語言,才能完成一個真正有用的程式.
但是以目前XAML所具備的能力,不靠C# , VB而做到平常簡單Flash可以做到的,應該是沒啥問題.
因此, Application = Code + Markup的作者Petzold才會把這本書的結構寫成先用以C#來寫WPF程式,後半部才介紹XAML. 避免大家誤解 WPF = XAML.
XAML還可以用在WF上,所以並不局限於WPF. 如果用了XAML,以為這就是WPF的全部,就大錯特錯囉!
然而,XAML對Silverlight來說,本質比較貼近SVG.
XAML用來描述構成畫面的結構樹,然後配合Javascript去操作這顆表示UI的樹,以達到互動的效果. 所以對Silverlight來說, XAML像是用來擴充HTML/CSS原本不足的一組Tag. 就像Firefox之中,一樣可以用Javascript去操作SVG所描述的畫面,藉以達成多媒體效果.