天天看點

【萬裡征程——Windows App開發】畫筆和圖像

畫筆想必大家都不陌生,這裡系統的介紹一下好了。先來介紹純色畫筆。

最簡單的純色畫筆就是已經定義好名字的啦,比如red和green這種,據說一共有256種已命名的,是以基本已經夠用啦。xaml解析器會自動将這些顔色名稱連結到color結構。

還有就是傳說中的十六進制顔色值,它可以定義精确的24位顔色值,其中有8位用于solidcolorbrush。如下代碼所示的,alpha=”ff”,紅色=”55”,綠色=”00”,藍色=”88”。

還有一種稱為屬性元素文法。具體用法如下,其中opacity就是透明度咯。

除了純色畫筆外,還有漸變畫筆。小時候學photoshop的時候最喜歡漸變畫筆了。

lineargradientbrush會沿着一條稱為漸變軸直線來進行漸變以繪制一個區域。我們還是拿rectangle來做示例。

【萬裡征程——Windows App開發】畫筆和圖像

通過改變startpoint和endpoint的屬性值可以建立各種漸變哦,比如垂直和水準方向的漸變,還可以颠倒漸變方向,甚至還可以加快漸變速度呢。

除了用着兩種畫筆外,還可以直接将圖檔添加進來呢。

效果如下咯,主要是有一張合适的圖檔啦。

【萬裡征程——Windows App開發】畫筆和圖像

既然用到了imagebrush,那就來看看image和imagebrush的差別好了。前者主要用來呈現圖像,後者則為其他對象繪制為一個圖像。

對于image,我們可以來拉伸圖像,也就是stretch屬性。

none:圖像不經過拉伸。如果源圖像比所留給image的區域大,那麼就會被剪切。

uniform:按照縱橫比來縮放圖像。

uniformtofill:按照縱橫比來填滿所有區域,這意味着可能會有一部分不可見。

fill。因為不保留縱橫比而填滿螢幕,是以圖像部分全部可見,但會産生畫面變形(失真)。

具體效果見下圖(來源于網絡)。

【萬裡征程——Windows App開發】畫筆和圖像

用clip屬性可以對圖像進行剪裁,rect屬性在上一篇部落格中用過許多次,前2個值為起始點的x軸和y軸坐标,後2個值為終點的x軸和y軸坐标。

image和imagebrush能處理的圖像格式有哪幾種呢?

jpeg xr

圖示(ico)

位圖(bmp)

圖像交換格式(gif)

聯合圖像專家組(jpeg)

可移植網絡圖像(png)

标記圖像檔案格式(tief)

為使本文得到斧正和提問,轉載請注明出處:

http://blog.csdn.net/nomasp

繼續閱讀