首页 > 编程语言 >应用程序主题生成很简单!界面控件DevExtreme有现成的主题生成器

应用程序主题生成很简单!界面控件DevExtreme有现成的主题生成器

时间:2022-11-11 09:36:28浏览次数:64  
标签:控件 Bootstrap 自定义 ThemeBuilder 主题 生成器 DevExtreme 导入

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme v22.1正式版下载

ThemeBuilder允许开发者基于Bootstrap或预定义的DevExtreme主题创建自定义主题,它由一个UI版本(如下图所示)和一个命令行界面(CLI)组成。

B/S端界面控件DevExtreme中文使用指南——如何使用预定义的主题样式?

重要提示:ThemeBuilder只使用基于HTML的UI组件,要为基于SVG的UI组件创建自定义主题,请遵循说明。

入门指南

打开ThemeBuilder后,会出现一个主题配置向导。开发人员可以选择是否创建一个新的主题或导入一个现有的DevExtreme或Bootstrap主题。

创建一个新主题

新主题基于预定义的DevExtreme主题,按照以下步骤在向导中创建一个新主题:

  1. 点击Choose a Base Theme。
  2. 选择一个基本主题:Generic 或 Material。
  3. 选择配色方案并更改基本外观设置。
  4. 更改基本设置后,可以单击Export将主题导出到样式表。我们还建议您导出主题的元数据,如果您计划要迁移到未来的DevExtreme版本中,需要元数据来更新您自定义的主题。
    如果需要更多自定义选项,请单击Advanced Settings。
导入现有主题

开发人员可以从预先保存的DevExtreme元数据或从Bootstrap变量导入现有主题,按照下面的步骤在向导中完成:

  1. 点击Import a Theme。
  2. 选择是否从DevExtreme元数据或Bootstrap变量导入主题。
  3. 如果需要导入DevExtreme元数据,可以通过上传包含元数据的.json文件或将元数据粘贴到文本区。
    要导入Bootstrap变量,请上传一个变量。Bootstrap 3或Bootstrap 4的_variables.scss文件,ThemeBuilder使用来自变量的颜色来创建与Bootstrap主题一致的主题。

导入主题后,向导将导航到主视图来进行其他主题的自定义。


DevExpress技术交流群6:600715373      欢迎一起进群讨论

更多DevExpress线上公开课、中文教程资讯请上中文网获取

标签:控件,Bootstrap,自定义,ThemeBuilder,主题,生成器,DevExtreme,导入
From: https://www.cnblogs.com/AABBbaby/p/16879547.html

相关文章

  • 拓端数据tecdat|R语言代写之文本分析:主题建模LDA
    文本分析:主题建模library(tidyverse)theme_set( theme_bw())目标定义主题建模解释LatentDirichlet分配以及此过程的工作原理演示如何使用LDA从一组已知主题中恢复主题结构......
  • 拓端数据tecdat|python代写主题LDA建模和t-SNE可视化
     使用潜在Dirichlet分配(LDA)和t-SNE中的可视化进行主题建模。 本文中的代码片段仅供您在阅读时更好地理解。有关完整的工作代码,请参阅此回购。我们将首先介绍主题建模和t-S......
  • 选择图像区域矩形框控件【原创】
    1.矩形框控件效果如何?上下左右等8点可以拉伸鼠标滑轮支持缩放,矩形框边框等比例缩放选中矩形框左右拖拽返回矩形框区域对应的图片的X,Y坐标可同时支持多个矩形框2......
  • jQuery实现无刷新切换主题皮肤功能
    参考一主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格,增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能......
  • 学习笔记-Flutter 布局控件完结篇
    Flutter布局控件完结篇本文对Flutter的29种布局控件进行了总结分类,讲解一些布局上的优化策略,以及面对具体的布局时,如何去选择控件。1.系列文章Flutter布局详解Flut......
  • fastposter v2.10.0 简单易用的海报生成器
    ......
  • 京东商品评论情感分析|LDA主题模型
    LDA模型是一种表示文档层与主题层,主题层与词汇层之间的联系的三层贝叶斯模型。LDA模型通常将每一篇文档以一种概率分布来确定主题,以概率分布的形式表示每个主题。其拓扑结构......
  • 2022-10-16-Freewind主题修改评论
    layout:postcid:36title:Freewind主题修改评论slug:36date:2022/10/1618:08:00updated:2022/11/0809:59:26status:publishauthor:admincategories:-......
  • 自定义的Qt仪表盘控件
    我做的仪表盘控件是个功能简单的显示控件。它默认的显示范围是[0,100],不能修改它的显示范围,因为不同的数值显示在前界面上的效果不同,可能导致显示重叠。成员函数只有一个s......
  • EXTJS 中Grid控件的常用代码
    1、定义列varcm=newExtgridColumnModel([{header:编号,dataIndex:id},{header:名称,dataIndex:name},{header:描述,dataIndex:descn}......