移动开发MUI框架
文章平均质量分 58
BruceCheng夏夏
我不太确定我的方向是否正确,但我希望可以走的更远
展开
-
移动开发者MUI入门
在移动互联网开发的过程中。我们常常感觉手动编写HTML等页面实在是太麻烦。而且效果也不好。那么我们是否需要考虑使用一些前端的框架。本系列我们将讲解HTML5定稿后推出的一个前端开发框架。MUI框架!HTML5开发者面临诸如浏览器切页白屏、转页动画较差、浮动元素抖动、无法流畅下拉刷新等问题,在Android低端机运行更是表现不足。另一方面,浏览器默认控件样式数量和样式较少,致使制作一原创 2015-02-09 11:00:53 · 1773 阅读 · 3 评论 -
MUI-图片轮播控件
图片轮播继承自slide插件,因此其DOM结构、事件均和slide插件相同;在MUI框架中针对图片的轮播做了一个简单的封装。DOM结构默认不支持循环播放,DOM结构如下: 假设当前图片轮播中有1、2、3、4四张图片,从第1张图片起,依次向左滑动切换图片,当切换到第4张图片时,继续向左滑动,接下来会有两种效果:(1)循环原创 2015-10-26 13:42:02 · 31375 阅读 · 11 评论 -
MUI-CheckBox的基本介绍
checkbox常用于多选的情况,比如批量删除、添加群聊等;DOM结构 checkbox示例 默认checkbox在右侧显示,若希望在左侧显示,只需增加.mui-left类即可,如下: checkbox左侧显示示例 如果需要禁用checkbox只需要加上disabled属性就可以了完整代码如下所示: Hello MUI原创 2015-10-26 13:26:32 · 23390 阅读 · 1 评论 -
MUI-badge数字角标的基本使用
badge(数字角标)数字角标一般和其它控件(列表、9宫格、选项卡等)配合使用,用于进行数量提示。 角标的核心类是.mui-badge,默认为实心灰色背景;同时,mui还内置了蓝色(blue)、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色系的数字角标,如下:112123345456代码如下所示: H原创 2015-10-23 16:16:28 · 13537 阅读 · 1 评论 -
MUI-LIST列表的基本使用
列表是常用的UI控件,mui封装的列表组件比较简单,只需要在ul节点上添加.mui-table-view类、在li节点上添加.mui-table-view-cell类即可,如下为示例代码 class="mui-table-view"> class="mui-table-view-cell">Item 1 class="mui-table-view-cell">Item 2 cl原创 2015-11-05 09:15:00 · 33599 阅读 · 2 评论 -
MUI-AJAX实现数据请求
mui框架基于htm5plus的XMLHttpRequest,封装了常用的Ajax函数,支持GET、POST请求方式,支持返回json、xml、html、text、script数据类型; 本着极简的设计原则,mui提供了mui.ajax方法,并在mui.ajax方法基础上,进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。mui.ajax()方法通过原创 2015-08-19 13:56:26 · 15610 阅读 · 0 评论 -
MUI-折叠面板效果accordion
在做开发的过程中我们经常用到折叠面板。那我们来看下折叠面板究竟是怎么使用。废话不多说。代码粘下来: 折叠效果 mui.init(); 折叠面板 折叠标题 我是内容1 我是内容2 我是内容3原创 2015-07-16 21:47:08 · 12158 阅读 · 0 评论 -
MUI-ActionSheet动作菜单
MUI-ActionSheet动作菜单大家都知道在APP上,用一个非常好用的菜单模式。就是ActionSheet.具体体现就是默认折叠在界面之外。当触发某个动作时可以将隐藏的菜单显示出来。 废话不多说。我们来看看在MUI框架中是如何实现这个强大的功能的。<!DOCTYPE html><html> <head> <meta charset="utf-8">原创 2015-08-06 17:34:49 · 8891 阅读 · 0 评论 -
MUI-页面初始化
mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。这里说明一下。在没有webview的情况下,有些事情是无法处理的,比如手势事件、预加载、创建子页面等。这里我们以手势事件为例: 页原创 2015-02-09 18:03:56 · 11709 阅读 · 3 评论 -
MUI-按钮的基本使用
在任何一个框架当中控件部分一定离不开按钮,对于MUI框架更是不例外,接下来我们来看看MUI框架的button按钮的用法。mui默认按钮为灰色,另外还提供了蓝色(blue)、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色系的按钮,五种色系对应五种场景,分别为primary、success、warning、danger、royal;使用.mui-btn类即原创 2015-10-26 13:11:20 · 25365 阅读 · 4 评论