Silverlight建立美觀生動的文字內容─智邦公益電子報─台灣最大公益電子報發行中心

::旗標電腦文摘::最正確、最豐富的電腦知識寶藏！

2008-4-3│ NO419│訂閱電子報

本週活動：
‧Mac 特區─Mac OS X 10.5 使用手冊隆重登場
本期主題：
‧Silverlight建立美觀生動的文字內容
‧Photoshop 運用『漸層對應』營造濃郁的黃昏氛圍
最新主題：
‧Mac OS 內建輸入法不好用, 是否可以換成嘸蝦米輸入法？
‧PhotoShop 數位美髮院-時尚流行髮色隨你變

:::最新出版:::

Mac 問題追緝令

本書由知名 Mac 教學網站站長親自操刀, 以 Q&A 方式呈現, 快速、有效解決 Mac 使用者最常遇到的各種疑難雜症。不管是 Mac 開不了機、忘了密碼、影片不能播、想重灌 Mac、想換硬碟/記憶體....

DSLR (之) 實拍問題 230 解

速習 Flash CS3 做網頁動畫

DV拍攝完全探索 - 腳本‧拍攝‧剪接、輸出一次成

數位攝影、設計必修Photshop解密第2版

Silverlight 入門、問題解答、經驗分享

NAS 網路磁碟機完全活用--選購、安裝、應用、改機一次搞定

本週活動：

遊戲影音 PLAY GAME 進化區

●不只玩遊戲，還有影音娛樂、網路功能全應用
●各式影片轉檔播放零障礙
●備份卡應用大集合

本期主題：Silverlight建立美觀生動的文字內容

TextBlock 有個很大的秘密, 那就是 Text 不是它的內容屬性, 而是一個名叫 Inlines 的物件集合。因此, 雖然設定 Text 屬性所得到的結果會和下面的 TextBlock 一樣, 但實際上是設定了不同的屬性：

<!-- TextBlock.Inlines 被設定於此: -->
<TextBlock>Text in a TextBlock</TextBlock>

型別轉換器 (type converter) 會讓值看起來像是一個簡單的字串, 不過它實際上是一個集合, 裡頭僅有一個名叫 Run 的元素。因此, 前面的 XAML 會和下面的相等：

<TextBlock><Run Text="Text in a TextBlock"/></TextBlock>

也會和下面的 XAML相等, 因為 Text 是 Run 的內容屬性：

<TextBlock><Run>Text in a TextBlock</Run></TextBlock>

Silverlight 1.0 有兩種物件可以加入 Inlines 集合： Run 和 LineBreak 。這兩者都可以用來在單一的 TextBlock 中創造出更美觀生動的文字。

深度探索：TextBlock 和 Whitespace

當 TextBlock 的內容是經由 Text 屬性來設定時, 字串中的任何空白字元會被保留。不過, 當它的內容是經由 Inlines 來設定時, 空白字元則不會被保留。取而代之的是, 前置與尾端的空白字元會被忽略, 而任何連續的空白字元會被合併為單一的空白字元 (和 HTML一樣) 。

Run

Run 只不過就是大量具有相同格式的文字。如果只是使用單一明確的 Run 是不會增加任何價值的, 但是當您在同一個 TextBlock 中使用好幾個 Run 時, 事情就開始變得有趣了。例如, 前面的 TextBlock 就可以用下面的方式來表示：

<TextBlock> 
  <Run>Text</Run> 
  <Run> in</Run> 
  <Run> a</Run> 
  <Run> TextBlock</Run> 
</TextBlock>

這還是沒有改變原來的演算上色行為；結果和單純設定 Text 屬性類似。不過, Run 有幾種格式屬性： FontFamily、FontSize、FontStretch、FontStyle、FontWeight、Foreground, 以及 TextDecorations。這些格式屬性可以蓋過父 TextBlock 上的相對屬性。下面的 XAML, 就善用了這些屬性：

<TextBlock> 
  <Run FontStyle="Italic" FontFamily="Georgia" Foreground="Red">Rich</Run> 
  <Run FontSize="30" FontFamily="Comic Sans MS" Foreground="Blue"> Text </Run> 
  <Run FontFamily="Arial Black" Foreground="Orange" FontSize="100">in</Run> 
  <Run FontFamily="Courier New" FontWeight="Bold" Foreground="Green"> a </Run> 
  <Run FontFamily="Verdana" TextDecorations="Underline">TextBlock 
  </Run> 
</TextBlock>

執行結果如下圖：

在單一的 TextBlock 中幾個獨特格式的 Run

本期主題：Photoshop 運用『漸層對應』營造濃郁的黃昏氛圍

『影像/調整/漸層對應』命令 (圖1) 可以用來製作一種既簡單又神奇的特效：它會先將影像轉換成灰階, 然後運用漸層中的各種顏色來取代影像中的灰階。漸層對應交談窗預設的是「前景到背景漸層」 , 所以如果你目前設定的前景色和背景色剛好是黑色和白色, 那麼開啟漸層對應交談窗時, 你的影像就會套上灰階漸層。點一下漸層預視窗右邊的箭頭, 即可選擇現成的漸層圖案來取代原始影像中的灰階 (圖2和圖3)。

(圖1) 漸層對應交談窗


(圖2) 原始影像( 2007 Stockbyte, www.stockbyte.com)	(圖3) 漸層對應用不同的顏色來代換不同的灰階

如果你不喜歡那些現成的漸層圖案, 而想自己設計的話, 請點一下漸層預視窗的中央開啟漸層編輯器, 至於要如何建立自己的漸層圖案, 請參閱 "工具與浮動視窗操作" 中有關漸層工具的說明。

使用漸層對應會產生的問題是, 整個影像最後可能因為充滿了高亮度的色彩, 而破壞了原本的對比效果 (圖4)。要避免這個問題發生, 請執行 『圖層/新增調整圖層/漸層對應』 命令, 當出現新增圖層交談窗時, 將模式列示窗設成顏色, 再按確定鈕開啟漸層對應交談窗。將剛才新增的調整圖層設成顏色混合模式, 表示這個調整圖層只能改變影像的顏色, 而不會影響影像的亮度 (圖5)


(圖4) 影像的對比發生激烈的變化	(圖5) 運用顏色混合模式來防止漸層對應破壞影像的對比

我經常利用漸層對應命令, 將一張逆光的影像轉化成如同在黃昏時分所拍攝的影像 (圖6和圖7), 你所要做的就是製作一個漸層, 從黑色開始, 然後慢慢淡化成橘色, 再變成黃色 (圖8)。假如你希望剪影的效果能夠更加突出, 那就在漸層編輯器中將黑色的顏色端點往右移, 直到相片中的物件看不出細節為止 (圖9)。


(圖6) 原始影像( 2007 Stockbyte, www.stockbyte.com)	(圖7) 套用「黑、橘、黃」漸層對應的結果

(圖8) 用來產生圖7 的 3 色漸層


(圖9) 將黑色顏色端點往漸層中間移動的結果

...........更多的內容請見《數位攝影、設計必修Photshop解密第2版》