【ArchSummit架构师峰会】探讨数据与人工智能相互驱动的关系>>> 了解详情
写点什么

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

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

关注

评论

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

linux环境下用c语言实现reactor网络模型的代码案例

linux大本营

Linux reactor 高并发 epoll

挑战 30 天学完 Python:Day11 函数

MegaQi

Python 挑战30天学完Python 三周年连更

2023-04-21:用go语言重写ffmpeg的metadata.c示例。

福大大架构师每日一题

Go ffmpeg

Flutter 开发:如何引入第三方库并安装使用

三掌柜

三周年连更

华为云数据灾备,为企业数据安全保驾护航

平平无奇爱好科技

C头文件是什么,使用mmap

linux大本营

C语言 Mmap

QUIC技术分享

linux大本营

网络协议 udp QUIC

C语言检测输入的ip地址中含有几个.

linux大本营

C语言 字符串

IPv6过渡技术概述

穿过生命散发芬芳

ipv6 三周年连更

AI视觉实战2:实时头发染色

轻口味

android AI 图像处理 三周年连更

Prometheus常用资源监控

乌龟哥哥

三周年连更

一文初探 Goroutine 与 channel

陈明勇

Go golang channel goroutine 三周年连更

C语言检测输入的ip地址是否合法

linux大本营

C语言 IP地址

运行脚本报错lindex:未找到命令

linux大本营

bash Linux 脚本

怎么查看自己的mac地址和ip

linux大本营

Mac 网络 Windows Server IP地址

华为云数据灾备,助力企业应对信息安全

平平无奇爱好科技

网络视频监控如何入门?如何安装和配置、设备选择和实时监控?

wljslmz

三周年连更

组播ip地址,广播ip地址,特殊ip地址

linux大本营

TCP IP地址

一键搭建web版chatGPT,无需魔法,国内可用

石云升

AI AIGC ChatGPT 三周年连更

仅需三步,快速打造指标数据应用

Kyligence

数据分析 指标平台

大模型带来的Web复兴,会是昙花一现吗?

脑极体

AI 云厂商

创建型模式之单例模式和工厂模式

共饮一杯无

设计模式 创建型模型 三周年连更

Android XML数据解析

二哈侠

android XML配置 三周年连更

JavaSE 和 Java EE 分别是什么

HoneyMoose

ORACLE EBS:多组织结构 理解与配置

back_wang

oracle oracle ebs oracle apex

解析mmap系统调用的所有的标志位

linux大本营

Linux 内存管理 Mmap 系统调用 内存映射

lindex命令在shell脚本里的应用

linux大本营

Shell linux命令 脚本 shell脚本

报名开启,明天直播!龙蜥社区多位专家在线报告 | 2023 大学生操作系统大赛培训会

OpenAnolis小助手

活动 操作系统 计算机 大学生 龙蜥社区

kafka常用命令

烟波

kafka MQ 中间件

怎么看电脑上是否有lindex命令可运行

linux大本营

bash Linux linux命令

TCP正常关闭连接

阿泽🧸

TCP 三周年连更

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