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