写点什么

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:351601
用户头像

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

关注

评论

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

FileZilla搭建FTP服务器图解教程

天使不哭

#开源 8月月更

开发者必备:一文快速熟记【数据库系统】和【软件开发模型】常用知识点

小阿杰

软件开发流程 软件开发原则 数据库系统 签约计划第三季

带着昇腾去旅行:一日看尽金陵城里的AI胜景

脑极体

什么是服务治理

阿泽🧸

服务治理 8月月更

10min快速回顾C++语法(一)

timerring

c++ 算法 8月月更

781. 森林中的兔子

小卢要刷力扣题

力扣 8月月更

前端食堂技术周刊第 47 期:Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库

童欧巴

JavaScript 前端

《MySQL入门很轻松》第4章:数据表中存放的数据类型

乌龟哥哥

8月月更

Kubernetes 开发环境比对

CTO技术共享

开源 签约计划第三季 8月月更

Kubernetes服务接入Istio

CTO技术共享

开源 签约计划第三季 8月月更

Kubernetes 60个为什么

CTO技术共享

开源 签约计划第三季 8月月更

Kubernetes YAML编写 讲解

CTO技术共享

开源 签约计划第三季 8月月更

小程序+自定义插件的关键性

Geek_99967b

小程序

SRv6性能测量

穿过生命散发芬芳

8月月更 SRv6

头脑风暴:单词拆分

HelloWorld杰少

算法 LeetCode 数据结构, 8月月更

2022秋招前端面试题(九)(附答案)

helloworld1024fd

阿里云架构师金云龙:基于云XR平台的视觉计算应用部署

阿里云弹性计算

视觉计算 计算巢 云XR平台 GPU实例

上海一科技公司刷单被罚22万,揭露网络刷单灰色产业链

石头IT视角

RocketMQ Binder集成消息订阅

急需上岸的小谢

8月月更

一文教会你快速上手 Vim

昆吾kw

vim Linux

2022秋招前端面试题(十)(附答案)

helloworld1024fd

数据治理(五):元数据管理

Lansonli

大数据 数据治理 8月月更

如何正确理解线程机制中常见的I/O模型,各自主要用来解决什么问题?

PivotalCloud

Linux Linux Kenel

操作系统:SSH协议知识介绍

天使不哭

Linux SSH #开源 8月月更

全面解析FPGA基础知识

芯动大师

签约计划第三季

程序员从佩洛西窜访事件中可以学到什么?

慕枫技术笔记

思维 构架 8月月更

你有对象类,我有结构体,Go lang1.18入门精炼教程,由白丁入鸿儒,go lang结构体(struct)的使用EP06

刘悦的技术博客

Go golang 编程语言 Go web golang 面试

数据库治理利器:动态读写分离

阿里巴巴云原生

数据库 阿里云 微服务 云原生

大型分布式存储方案MinIO介绍,看完你就懂了!

天使不哭

存储 MINO #开源 8月月更

每日一R「02」所有权与 Move 语义

Samson

签约计划第三季 8月月更 ​Rust

每天一个CSS小特效,文字闪烁——【钢铁侠:爱你三千遍】

前端小刘不怕牛牛

JavaScript html/css 8月月更

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