文字磁貼(登入)模板 (html)
03/04/2016
本文內容
[ 本文適用於編寫 windows 執行時應用的 windows 8.x 和 windows phone 8.x 開發人員。如果你要針對 windows 10 進行開發，請參閱 最新文件 ]
定義乙個表示磁貼的項，該項包含兩部分，一部分是較大的粗體文字，另一部分是較小的文字。 此模板可以與具有網格布局的 listview 結合使用。有關更多模板，請參閱網格布局的項模板和列表布局的項模板。
要使用該模板
要使用該模板，需將 html 和 css 樣式複製到你的專案中。html 包含專用於該模板的 listview。在你複製 html 之後，將 listview 控制項的 itemdatasource 設定為你的應用的資料來源，並更新模板的 data-win-bind 屬性以便它們能使用你的資料。
html
data-win-control="winjs.binding.template">
data-win-bind="innertext: largetext">
data-win-bind="innertext: smalltext">
style="position: relative; left: -1px; top: 139px; border: none"
data-win-control="winjs.ui.listview"
data-win-options=" }">
css/* overall list dimensions */
#texttilelanding {
width: 1366px;
height: 538px;
/* starting margin */
#texttilelanding .win-horizontal.win-viewport .win-su***ce {
margin: 0px 115px;
/* individual item dimensions */
.texttilelanding {
display: -ms-flexbox;
-ms-flex-pack: end;
-ms-flex-direction: column;
width: 220px;
height: 220px;
padding: 15px;
overflow: hidden;
background-color: rgba(128,128,128,1.0);
/* text line 1 */
.texttilelanding .texttilelandingtextstrong {
display: -ms-flexbox;
-ms-flex-pack: end;
-ms-flex-direction: column;
overflow: hidden;
line-height: 24pt;
color: rgba(255,255,255,0.8);
/* text line 2 */
.texttilelanding .texttilelandingtextlight {
height: 15px;
white-space: nowrap;
color: rgba(255,255,255,0.49);
/* high contrast */
@media (-ms-high-contrast) {
/* add a border to the item */
.texttilelanding {
padding: 13px;
background-color: window;
border: 2px solid windowtext;
/* text line 1: use high contrast colors */
.texttilelanding .texttilelandingtextstrong {
color: windowtext;
/* text line 2: use high contrast colors */
.texttilelanding .texttilelandingtextlight {
color: windowtext;
相關主題
Visual C 2012 磁貼通知
void mango blankpage onb emonotificationclicked platform object sender,windows ui xaml routedeventargs e auto tileimageattr tilexml getelementsbytagna...
Windows 8 應用開發 磁貼
原文 我們開發的應用在win8 介面中會以磁貼形式展現，預設情況下磁貼會顯示應用圖示，即專案工程中的logo.png檔案。開發人員可按應用的需要使用通知的方式將文字或資訊推送到磁貼，從而對磁貼中顯示的內容進行更換。對於磁貼通知推送主要用到api 是windows.ui.notifications，a...
Windows 8 應用開發 磁貼
我們開發的應用在win8 介面中會以磁貼形式展現，預設情況下磁貼會顯示應用圖示，即專案工程中的logo.png檔案。開發人員可按應用的需要使用通知的方式將文字或資訊推送到磁貼，從而對磁貼中顯示的內容進行更換。對於磁貼通知推送主要用到api 是windows.ui.notifications，api ...