- 博客(11)
- 收藏
- 关注
转载 xmlplus 组件设计系列之十 - 网格(DataGrid)
网格这一章我们要实现是一个网格组件,该组件除了最基本的数据展示功能外,还提供排序以及数据过滤功能。<img src="http://xmlplus.cn/img/datagrid.png" class="img-responsive"/>数据源为了测试我们即将编写好网格组件...
2017-05-05 10:52:00 116
转载 xmlplus 组件设计系列之九 - 树(Tree)
树树形组件是一种具有层级结构的组件,广泛应用于各种场景。本章会实现一个简单的树形组件,尽管功能有限,但你可以通过扩展它来实现自己所需要的树形组件。<img src="http://xmlplus.cn/img/tree.png" class="img-responsive"/>...
2017-05-02 15:22:00 115
转载 xmlplus 组件设计系列之八 - 分隔框(DividedBox)
分隔框分隔框(DividedBox)是一种布局类组件,可以分为两种,其中一种叫水平分隔框(HDividedBox),另一种叫垂直分隔框(VDividedBox)。水平分隔框会将其子级分为两列,而垂直分隔框则会将其子级分为两行。列与列之间以及行与行之间一般都会有一条可以拖动的用以改变子级组件大...
2017-04-30 10:22:00 136
转载 xmlplus 组件设计系列之七 - 路由(ViewStack)
路由在浏览器端,对路由的理解一般是根据不同的 URL 完成页面的切换。在服务器端,则是根据不同的 URL 请求回馈相关的页面。在本章,我们广义的组件路由的定义:根据接收到的不同命令,组件对象呈现出不同的子级页面。在这里将介绍与路由相关的一个组件,即视图栈 ViewStack。<img...
2017-04-28 22:47:00 198
转载 xmlplus 组件设计系列之六 - 下拉刷新(PullRefresh)
下拉刷新“下拉刷新”由著名设计师 Loren Brichter 设计,并应用于 Twitter 第三方应用 Tweetie 中。2010年4月,Twitter 收购 Tweetie 开发商 Atebits 后,该专利归 Twitter 所有。这一章我们就来看看如何实现一个简单的下拉刷新组件。...
2017-04-27 22:16:00 92
转载 xmlplus 组件设计系列之五 - 选项卡(Tabbar)
选项卡这一章将设计一个选项卡组件,选项卡组件在手持设备上用的比较多,下面是一个示意图:<img src="http://www.xmlplus.cn/img/tabbar.png" class="img-responsive"/>选项卡组成在具体实现之前,想像一下目标组件是...
2017-04-26 11:39:00 89
转载 xmlplus 组件设计系列之三 - 文本框(TextBox)
文本框文本框是页面中最常用的输入组件,这一章就来看看各种文本框组件的设计与使用。<img src="http://xmlplus.cn/img/textbox.png" class="img-responsive"/>原生的文本框原生的文本框组件非常简单,它只包含一个 in...
2017-04-26 10:07:00 120
转载 xmlplus 组件设计系列之四 - 列表(List)
列表列表是极其常用的一种组件,是许多组件系统的必须包含的。列表可以做的很简单,只显示简洁的文本。列表也可以做的很复杂,用于展示非常丰富的内容。<img src="http://xmlplus.cn/img/list.png" class="img-responsive"/>列...
2017-04-26 10:07:00 93
转载 xmlplus 组件设计系列之二 - 按钮(Button)
按钮除了图标组件以外,按钮也许是最简单的组件了,这章就来看看如何定义按钮组件。<img src="http://xmlplus.cn/img/button.png" class="img-responsive"/>使用原生按钮组件在 xmlplus 中,HTML 元素也以组...
2017-04-26 10:05:00 147
转载 xmlplus 组件设计系列之一 - 图标(ICON)
图标网页上使用的图标分可为三种:文件图标、字体图标和 SVG 图标。对于文件图标,下面仅以 PNG 格式来说明。<img src="http://xmlplus.cn/img/icon.png" class="img-responsive"/>PNG 图标对于 PNG 图标...
2017-04-26 10:04:00 193
转载 xmlplus 组件设计系列之零 - 简介(Introduction)
xmlplus 介绍xmlplus 是一个设计非常独特 JavaScript 框架,用于快速开发前后端项目。基于组件设计在 xmlplus 中,组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于 xmlplus 设计的组件具有极高的封装度。下面是一个简单的组件示例:Wid...
2017-04-26 10:03:00 100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人