原創(chuàng)|使用教程|編輯:郝浩|2013-03-15 14:02:04.000|閱讀 938 次
概述: 在DXTREME ENTERPRISE的框架中附帶了五個(gè)預(yù)定義好的主題,每個(gè)主題都針對(duì)了一個(gè)主要的硬件平臺(tái),而每個(gè)預(yù)定義的主題包括兩個(gè) CSS 類,第一類提供一般主題樣式,第二個(gè)類指定樣式的文本內(nèi)容,如標(biāo)題、消息等
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在DXTREME ENTERPRISE的框架中附帶了五個(gè)預(yù)定義好的主題,每個(gè)主題都針對(duì)了一個(gè)主要的硬件平臺(tái),而每個(gè)預(yù)定義的主題包括兩個(gè) CSS 類,第一類提供一般主題樣式,第二個(gè)類指定樣式的文本內(nèi)容,如標(biāo)題、消息等。以下是所有的預(yù)定義的主題和它們的類的列表。
android - "dx-theme-android dx-theme-android-typography"
desktop - "dx-theme-desktop dx-theme-desktop-typography"
ios - "dx-theme-ios dx-theme-ios-typography"
win8 - "dx-theme-win8 dx-theme-win8-typography"
win8phone - "dx-theme-win8phone dx-theme-win8phone-typography"
如果想要知道如何應(yīng)主題,可以從實(shí)際的情況參考以下的代碼:
.dx-theme-ios .dx-tab .dx-icon-home { background: 0 0 no-repeat; } .dx-theme-ios .dx-lookup .dx-lookup-search { margin-bottom: 8px; }
一個(gè)組件的每個(gè)主要標(biāo)記部分都帶有一個(gè)CSS類,在此段代碼中所有的類,除了dx-theme-ios都可以在實(shí)際的組件標(biāo)記中使用。而dx-theme-ios類是組件不知道的一個(gè)主題類。您還可能注意此主題片斷只是有上下文選擇器組成,用帶有dx-theme-ios類的一個(gè)主題會(huì)包含其他所有的元素。元素需要包括有dx-theme-ios類的部件,但是你是不需要手動(dòng)的執(zhí)行這個(gè)操作。
主要是應(yīng)為框架將會(huì)自動(dòng)應(yīng)用到當(dāng)前的設(shè)備,以便提供給當(dāng)前的設(shè)備提供最合適的外觀和感覺(jué)。你可以通過(guò)指定配置對(duì)象的themeClasses屬性傳遞到HtmlApplication constructor來(lái)改變主題。比如說(shuō):如果想要激活ios主題,你就需要將“dx-theme-ios dx-theme-ios-typography”字符串分配給themeClasses屬性。因此,如果你想要使用一個(gè)自定義主題,需要做的就是鏈接它的資源到應(yīng)用程序頁(yè)面,同時(shí)指定themeClasses屬性。值得注意的是,如果你使用的是一個(gè)沒(méi)有框架的組件,你還是需要手動(dòng)的將需要包含的元素定義到主題類上。
標(biāo)簽:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件