開發windows應用商店應用時,除了在介面中顯示文字資訊以外,還可以加入來配合說明及增加美觀度。使用image控制項能夠實現顯示的功能,開發者可以根據需求使按照不同的方式顯示在介面中。
在xaml檔案中,image控制項的用法如下所示:
下面介紹一下
image
控制項的兩個常用屬性:
stretch屬性,表示的呈現狀態,共有4種屬性值,分別為none、uniform、uniformtofill、fill。none值表示影象不會拉伸以填充溢位部分的尺寸。uniform值表示影象將被按比例拉伸以適應輸出尺寸,即影象有一邊滿足規定的尺寸即可,影象的原始寬高比例將被儲存下來,該值為stretch屬性的預設值。uniformtofill值表示影象將被按比例拉伸以完全填充輸出區域,影象的原始寬高比例將被儲存下來。fill值表示影象將被按比例拉伸以適應輸出尺寸。
接下來通過乙個簡單的示例來說明image控制項的使用方法。
新建乙個名為"imagedemo"的windows應用商店的空白應用程式專案,在專案中的assets資料夾內放置乙個檔案win8logo.png,開啟mainpage.xaml檔案,在grid元素中新增如下**。
" fontsize="25" margin="263,396,0,335"/>
在上面的**中,新增了乙個image控制項和乙個textblock控制項,設定image控制項的source屬性為所顯示的路徑位址,接著設定textblock控制項的text屬性值為"windows 8 logo顯示為:"。
執行程式,可以看到windows 8的logo,效果如圖4-23所示。
圖4-23 使用image控制項顯示windows 8 logo
Win10系列 C 應用控制項基礎1
在windows應用商店應用的開發中,button控制項是使用比較頻繁的控制項之一,當使用者單擊button控制項時,會觸發相應的單擊事件並在定義好的事件處理方法中執行指定的功能。下面將介紹button控制項的使用方法。在xaml檔案中,button控制項的用法如下所示 或 或 下面介紹一下butt...
Win10系列 C 應用控制項基礎1
在windows應用商店應用的開發中,button控制項是使用比較頻繁的控制項之一,當使用者單擊button控制項時,會觸發相應的單擊事件並在定義好的事件處理方法中執行指定的功能。下面將介紹button控制項的使用方法。在xaml檔案中,button控制項的用法如下所示 或 或 下面介紹一下butt...
Win10系列 C 應用控制項基礎1
在windows應用商店應用的開發中,button控制項是使用比較頻繁的控制項之一,當使用者單擊button控制項時,會觸發相應的單擊事件並在定義好的事件處理方法中執行指定的功能。下面將介紹button控制項的使用方法。在xaml檔案中,button控制項的用法如下所示 或 或 下面介紹一下butt...