彩票走势图

DevExpress DXTREME使用教程:路由主题详解

原创|使用教程|编辑:郝浩|2013-03-15 14:02:04.000|阅读 878 次

概述: 在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@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP