顯示具有 WPF 標籤的文章。 顯示所有文章
顯示具有 WPF 標籤的文章。 顯示所有文章

Swift 3D 5.0 版增加了與 Microsoft Silverlight 的整合



Swift 3D 5.0 版增加了與 Microsoft Silverlight 的整合

可以直接匯出成Microsoft Silverlight 和 Windows Presentation Foundation(WPF) 使用的3D 場景

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 像素的位置。

免費 Expression Blend 教學影片

免費 Expression Blend 教學影片

國外的教學影片,雖然講英文,但因為有畫面,所以即使聽力不好,也不影響。
網址在:http://movielibrary.lynda.com/html/modPage.asp?ID=384

Lee Brimelow其中的內容包含所有WPF及Silverlight 開發及設計人員所需具備的基本Expression Blend編輯技巧,可快速有效地幫你進入WPF的應用領域。

若要觀賞這些影片,需先安裝QuickTime(http://www.apple.com/quicktime/download/)

內容包含:
1. 概覽及安裝
2. 工作區
3. 專案管理
4. 繪圖
5. 外觀編輯
6. 文字處理
7. 3D8. 整合多媒體
9.畫面配置控制項
10. 變形
11. 動畫及互動性
12. WPF 控制項13. 處理資料
14. 部署應用程式

另外還有 Expression Design 的教材影片:

http://movielibrary.lynda.com/html/modPage.asp?ID=339

Microsoft Expression Blend 中文免費試用版

安裝前若已有安裝英文版本(1.0.1083.0),需先手動移除後重新安裝中文版

Blend中文版下載
http://www.microsoft.com/downloads/info.aspx?na=120&p=&SrcDisplayLang=zh-tw&SrcCategoryId=&SrcFamilyId=de665fe2-7cc4-412a-a5de-bfd737f4aeea&u=details.aspx%3ffamilyid%3dDE665FE2-7CC4-412A-A5DE-BFD737F4AEEA%26displaylang%3dzh-tw%26Hash%3dO79PkeFsY%252b2ZKyYC789NTnV8EaeK6%252bpbT%252bfQszY5856D5ZxKPes7GDJBhvmNzXYGlk5P4mB7KW5eaFSnEe9Q5A%253d%253d

討論群組
http://bbs.flash2u.com.tw/Forum.asp?cat_id=8&forum_id=214
微軟討論區
http://www.microsoft.com/downloads/info.aspx?na=40&p=1&SrcDisplayLang=zh-tw&SrcCategoryId=&SrcFamilyId=de665fe2-7cc4-412a-a5de-bfd737f4aeea&u=http%3a%2f%2fforums.microsoft.com%2fMSDN-CHT%2fdefault.aspx%3fForumGroupID%3d324%26SiteID%3d14

Microsoft Expression 網站
www.microsoft.com%2ftaiwan%2fproducts%2fexpression%2f" target="_blank">http://www.microsoft.com/downloads/info.aspx?na=40&p=2&SrcDisplayLang=zh-tw&SrcCategoryId=&SrcFamilyId=de665fe2-7cc4-412a-a5de-bfd737f4aeea&u=http%3a%2f%2fwww.microsoft.com%2ftaiwan%2fproducts%2fexpression%2f




網路的事情,讓網路解決
[ 逛網路就像是在探險 ]

 神 魂 顛 倒 T W G
http://bbs.flash2u.com.tw
http://www.linkist.com/r/b580fe2eea3f318c
http://tw.myblog.yahoo.com/flash2u-twg
http://flash2u.spaces.msn.com/?_c02_owner=1

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所描述的畫面,藉以達成多媒體效果.