用XAML做網頁!! 開篇

2021-09-05 19:29:18 字數 1544 閱讀 5112

這幾日一直沒發表新文章,一來是因為事比較多,二來就是我在研究使用

xaml

挑戰傳統

html

我對這次挑戰的結果打7分:

xaml

在頁面布局、圖形、動畫及可控性方面的表現堪稱完美,我甚至根本想不出來有什麼能與之平分秋色;

相容性方面,

xaml

通吃所有

windows

平台的各種瀏覽器,它實際上都是由後台的那個叫「

windows

演示基礎主機」來解析和呈現的,所以只要是裝有

.net 3.0

的系統,不管什麼瀏覽器都可以看,而且看起來都一樣(非

ie7的話會自動加乙個導航條用來控制前進和後退);

對於xaml

功能性測試不在本次挑戰的範圍內,因為我為挑戰

html

而完全使用

xaml

來創制,沒有加入任何程式**,但

wpf瀏覽器應用程式的功能性之強大是顯而易見的,說白了它就是乙個套著瀏覽器馬甲的

windows

桌面程式,這顯然比

js等指令碼語言能實現的功能要多得多;

xaml

的呈現速度相比

html

來說存在差距,這主要體現在頁面的載入和重新整理時的等待上,不需要任何測試工具,你就能了解到它們的載入所需時間差異,但好在延遲不算太大,且對於

xaml

卓著的功能來講,這是完全可以接受的;

xaml

明顯的不足來自於文字布局,曾以為流文件可以完全勝任這方面的工作,誰知它和頁面布局的接合能力簡直可以用「一團糟」來形容,我認為這些是設計上的重大缺陷,在後面我會對此進行總結。

完整尺寸頁面抓圖

執行在vista

系統ie7

中的抓圖

執行在xp

系統firefox

中的抓圖

(未安裝微軟雅黑字型,所以字型看起來比較難看)

此示例所呈現的內容除了正文中那個外鏈的小插圖外,所有均使用

xaml

描述,未使用任何位圖、

flash

動畫及程式**,最終用於瀏覽的檔案只有下面這些

xaml

檔案:

其中default.xaml是主頁面,info.xaml是嵌入到內容區域的流文件,其餘均為由

microsoft expression design 設計的圖形資源。

此示例所產生的布局是液態的。頁面寬度可隨瀏覽器寬度伸展,我設定了頁面最小寬度為

1000

;頁面高度是隨其內容而變化的。

創作步驟請待下篇。

用XAML做網頁!! 終結篇

迄今為止的設計都很順利,但這次就不得不接觸我前面所說的非常糟糕的流文件了,但在此之前先來把標題弄好 mailmail簡介 textblock border 效果 接下來就是流文件嵌入工作了,還記得之 這篇文章 中編輯的流文件嗎?我的計畫是使用乙個frame元素嵌入這個流文件,frame元素類似於網頁...

XAML例項教程系列 開篇

什麼是xaml開發語言?為什麼需要學習xaml開發語言?1.xaml語言應用於多個開發領域,web應用,移動應用,桌面應用等 2.對於具有silverlight,wpf,windows phone以及windows 8開發經驗的程式設計師,可以將開發技能再利用,加快學習速度,提高開發效率 3.語言效...

XAML例項教程系列 開篇

什麼是xaml開發語言?為什麼需要學習xaml開發語言?1.xaml語言應用於多個開發領域,web應用,移動應用,桌面應用等 2.對於具有silverlight,wpf,windows phone以及windows 8開發經驗的程式設計師,可以將開發技能再利用,加快學習速度,提高開發效率 3.語言效...