写点什么

Webix 1.3 增加了新的皮肤和 HTML5 视频元素,同时更新了图表部件

  • 2013-12-16
  • 本文字数:752 字

    阅读完需:约 2 分钟

Webix 1.3 已经发布,新版本增加了新的皮肤和 UI 元素,同时还做了一些改进。它包含的皮肤有:air、compact、clouds、glamour、light、metro、terrace 和 web,你能够通过它们修改应用程序的用户界面,让应用程序看起来或者非常柔和、或者非常亮丽。

你能够容易地将皮肤集成到自己的应用程序中,因为所有与皮肤相关的 CSS 文件都存放在包的 codebase/skins 文件夹中。如果你想应用 Air 皮肤那么可以使用下面的代码:

复制代码
<script src="../codebase/webix.js"></script>   
<link href="../codebase/webix.css" rel="stylesheet" type="text/css"

相似地,给应用程序应用 Clouds 皮肤的代码会是这样:

复制代码
<script src="../codebase/webix.js"></script>
<link href="../codebase/skins/clouds.css" rel="stylesheet" type="text/css">

Webix 官方文档详细地介绍了所有这些新皮肤的使用。Webix 1.3 还包含一个新的支持MP4、WebM 和Ogg 的 HTML5 视频元素,你能够通过它构建多媒体应用。它的使用方式如下所示:

复制代码
webix.ui({
view:"video",
id:"video1",
container:"video_div"
src: ["data/movie.ogv","data/movie.mp4"]
});

最新版本还改进了 Carousel,提供各种导航类型并且改善了可用性。设计该控件的主要目的是为了能够在一个视图中呈现多个组件,同时可以通过单击专用按钮或者通过触摸设备上的滑动在这些组件之间切换。使用 Carousel 的代码可能会是这样:

复制代码
webix.ui({
view:"carousel",
id:"carousel",
cols:[
{ view:"template" },
{ view:"chart" },
{ view:"datatable" },
{ rows:[...]} //layout
]
});

在 Webix 1.3 中图表(Charts)部件已经被更新为使用对数刻度,这提高了数据展现的机会。

查看英文原文 Webix 1.3 Adds New Skins, HTML5 Video Element and Updated Charts Widget

2013-12-16 06:351626
用户头像

发布了 321 篇内容, 共 134.3 次阅读, 收获喜欢 19 次。

关注

评论

发布
暂无评论
发现更多内容

Java 组件封装方法与使用指南详解

小焱

比亚迪座舱接入通义大模型,未来将联合打造更多AI智能座舱场景

科技汇

ETLCloud中数据生成规则使用技巧

谷云科技RestCloud

数据处理 API ETL 数据集成 数据生成

活动报名|北京新质人才嘉年华暨 GTN,你想要的高质量科创社交派对!6.13,北京

RTE开发者社区

OpenFold2.0 基于NPU的推理适配与测试

Splendid2025

机器学习

融云开源 MCP Server

融云 RongCloud

《HarmonyOSNext属性动画实战手册:让UI丝滑起舞的魔法指南》

Turing_010

HarmonyOSNext的ArkUI状态管理核心逻辑

Turing_010

《HarmonyOSNext超强指南:3D解剖工程结构+三大包选型绝招!》

Turing_010

《HarmonyOSNext的ForEach数组渲染の核心玩法与避坑指南》

Turing_010

语音独角兽 ElevenLabs 创始人:人性中的不完美,恰是人愿意互动的关键;秘塔「今天学点啥」:解析复杂内容语音讲解丨日报

RTE开发者社区

一文掌握 HarmonyOS5 模拟器与真机调试技巧

颜颜yan_

架构 Harmony5

融云开源 MCP Server,让大模型轻松调用 IM 能力

融云 RongCloud

观测云,全球领先的监控观测平台亮相亚马逊云科技中国峰会!

观测云

观测云

【HarmonyOS 5】鸿蒙CodeGenie AI辅助编程工具详解

GeorgeGcs

鸿蒙 HarmonyOS HarmonyOS NEXT 实践分享

HSP与HAR:HarmonyOSNext共享包开发终极指南

Turing_010

JWTの求生记录

空城机

前端 JWT

免费个人博客搭建,使用vuepress和plume主题在github上搭建一个免费的个人博客

小焱

个人博客 个人网站

HarmonyOSNext动画:一学就会的“动感魔法”指南!

Turing_010

AI学习机,比的是什么?

脑极体

AI

智能座舱:一块屏幕的进化史

脑洞汽车

AI

千数平台(qData)正式开源,打造最强开源数据中台!

千桐科技

数据中台 数据治理 数据开发 大数据平台 数据集成

从MaxCompute到Milvus:通过DataWorks进行数据同步,实现海量数据高效相似性检索

阿里云大数据AI技术

人工智能 数据库 数据分析 数据处理 检索引擎

时代变了,我选择ApiFox替代Postman

空城机

前端 Apifox API 接口

TortoiseSVN使用-合并分支代码

刘大猫

svn tortoiseSVN 版本控制器 合并分支代码 合并分支

HarmonyOSNext一看就懂!ArkUI弹出框全方位攻略:从自定义到固定,玩转弹窗不迷糊!

Turing_010

《HarmonyOSNext弹窗:ComponentContent动态玩转企业级弹窗》

Turing_010

Typora使用腾讯轻量对象存储 LightCOS 服务作为图床

IT蜗壳-Tango

昇腾AI4S图机器学习:DGL图构建接口的PyG替换

Splendid2025

机器学习

盘点几款支持“私有化部署”的低代码平台,看看你都用过哪一款

优秀

低代码平台 私有化部署

基于昇腾适配电力潮流计算模型PowerFlowNet

Splendid2025

昇腾 深度学习、 AI for Science

Webix 1.3增加了新的皮肤和HTML5视频元素,同时更新了图表部件_HTML5_Anand Narayanaswamy_InfoQ精选文章