加载中
xmlplus 组件设计系列之十 - 网格(DataGrid)

网格 这一章我们要实现是一个网格组件,该组件除了最基本的数据展示功能外,还提供排序以及数据过滤功能。 <img src="http://xmlplus.cn/img/datagrid.png" class="img-responsive"/> 数据源...

2017/05/05 10:52
23
xmlplus 组件设计系列之九 - 树(Tree)

树 树形组件是一种具有层级结构的组件,广泛应用于各种场景。本章会实现一个简单的树形组件,尽管功能有限,但你可以通过扩展它来实现自己所需要的树形组件。 <img src="http://xmlplus.cn/...

2017/05/02 15:22
82
xmlplus 组件设计系列之八 - 分隔框(DividedBox)

分隔框 分隔框(DividedBox)是一种布局类组件,可以分为两种,其中一种叫水平分隔框(HDividedBox),另一种叫垂直分隔框(VDividedBox)。水平分隔框会将其子级分为两列,而垂直分隔框则会...

2017/04/30 10:22
18
xmlplus 组件设计系列之七 - 路由(ViewStack)

路由 在浏览器端,对路由的理解一般是根据不同的 URL 完成页面的切换。在服务器端,则是根据不同的 URL 请求回馈相关的页面。在本章,我们广义的组件路由的定义:根据接收到的不同命令,组件...

2017/04/28 22:47
194
xmlplus 组件设计系列之六 - 下拉刷新(PullRefresh)

下拉刷新 “下拉刷新”由著名设计师 Loren Brichter 设计,并应用于 Twitter 第三方应用 Tweetie 中。2010年4月,Twitter 收购 Tweetie 开发商 Atebits 后,该专利归 Twitter 所有。这一章我...

2017/04/27 22:16
23
xmlplus 组件设计系列之五 - 选项卡(Tabbar)

选项卡 这一章将设计一个选项卡组件,选项卡组件在手持设备上用的比较多,下面是一个示意图: <img src="http://www.xmlplus.cn/img/tabbar.png" class="img-responsive"/> 选项卡组成 在具体...

2017/04/26 11:39
58
xmlplus 组件设计系列之四 - 列表(List)

列表 列表是极其常用的一种组件,是许多组件系统的必须包含的。列表可以做的很简单,只显示简洁的文本。列表也可以做的很复杂,用于展示非常丰富的内容。 <img src="http://xmlplus.cn/img/...

2017/04/26 10:07
142
xmlplus 组件设计系列之三 - 文本框(TextBox)

文本框 文本框是页面中最常用的输入组件,这一章就来看看各种文本框组件的设计与使用。 <img src="http://xmlplus.cn/img/textbox.png" class="img-responsive"/> 原生的文本框 原生的文本框...

2017/04/26 10:07
49
xmlplus 组件设计系列之二 - 按钮(Button)

按钮 除了图标组件以外,按钮也许是最简单的组件了,这章就来看看如何定义按钮组件。 <img src="http://xmlplus.cn/img/button.png" class="img-responsive"/> 使用原生按钮组件 在 xmlplus ...

2017/04/26 10:05
22
xmlplus 组件设计系列之一 - 图标(ICON)

图标 网页上使用的图标分可为三种:文件图标、字体图标和 SVG 图标。对于文件图标,下面仅以 PNG 格式来说明。 <img src="http://xmlplus.cn/img/icon.png" class="img-responsive"/> PNG 图...

2017/04/26 10:04
18
xmlplus 组件设计系列之零 - 简介(Introduction)

xmlplus 介绍 xmlplus 是一个设计非常独特 JavaScript 框架,用于快速开发前后端项目。 基于组件设计 在 xmlplus 中,组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于 xm...

2017/04/26 10:03
38

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部