MUI - 手势

www.bcty365.com/content-146-2389-1.html

配置事件

    mui.init({
        gestureConfig: {
            hold: true, //长按屏幕,默认是false
            //tap:true, //最常用的单触摸事件,默认是true,
            //doubletap:true, //默认是false
            //swipe:true,
            //drag:true,
            //release:true
        }
    });
时间: 2024-10-18 22:28:08

MUI - 手势的相关文章

mui开发注意事项

mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验:这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文:想了解mui更详细的信息,请访问mui官网 DOM结构 关于mui页面的dom,你需要知道如下规则. 固定栏靠前 所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定位的元素:常见组件包括:顶部导航栏(.mui-bar-nav).底部工具条(.mui-bar-footer).底部选项卡(.mui-bar-tab);这些元素使用时需遵循一个规则:

MUI事件管理

1.事件绑定 除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定. .on( event , selector , handler ) event:Type: String,需监听的事件名称,例如:'tap' selector:Type: String,选择器 handler:Type: Function( Event event ),事件触发时的回调函数,通过回调中的event参数可以获得事件详情 示例:点击新闻列表

MUI(1)

今天小编用HBuilder+MUI开发移动APP,不用Android原生也不用IOS原生,仅仅用HTML5+MUI.小编也是初学者所以如有不准确的地方望大家指出帮助小编改正,同时也可以促进大家的深入学习. HBuilder的下载官网地址:http://www.dcloud.io/:MUI官网下载地址:https://www.muicss.com/. HBuilder是免费的,但是仅仅需要登录,安心注册,方向登录使用,完全免费的. 第一次启动HBuilder需要登录和简单的设置不过很easy啦.启

手机APP开发mui注意事项

固定栏靠前 所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定位的元素:常见组件包括:顶部导航栏(.mui-bar-nav).底部工具条(.mui-bar-footer).底部选项卡(.mui-bar-tab);这些元素使用时需遵循一个规则:放在.mui-content元素之前,即使是底部工具条和底部选项卡,也要放在.mui-content之前,否则固定栏会遮住部分主内容: 一切内容都要包裹在mui-content中 除了固定栏之外,其它内容都要包裹在.mui-conten

MUI - 侧滑菜单

各大APP必备的侧滑菜单栏,支持手势滑动.包含QQ式.美团式等 结构模板 这里是示例Html, 必须使用Mui框架才能使用. 主容器 <div class="mui-off-canvas-wrap mui-draggable"></div> 菜单窗体 <aside class="mui-off-canvas-right"></asign> 主窗体 <div class="mui-content mui-

HBuilder开发App教程04-最难搞定的是mui

前言 前几篇说到一些HBuilder开发app的基础教程, 现在来说一下HBuilder开发app的难点,或者说是上手的难点, 就是mui, 如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的, 花一点时间研究下mui,对你之后开发app有很大的帮助. 网址 教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档, 附地址:http://dcloudio.github.io/mui/ init mui封装了很多常用的页面方法,都需要在init中设置,例如: 1.和上拉加载,下

利用MUI滑动进行利息计算(移动端APP显示)

在开发移动端的应用时,会用到很多的手势操作,比如滑动.长按等,为了方便开放者快速集成这些手势,mui内置了常用的手势事件,其中滑动应用是比较常见的应用操作,本篇文章将讲述如何利用滑动改变对应值进行计算和本金利息的方法. 案例要求:还款日期分为固定分期和随借随还,借款额度为1000~30000元,其中借款金额1000~6000的时候,可以随借随还且借款期不能超过45天,固定还款期可分为3.6.9期,超过6000元的时候分期数为9.12.18.24个月完成还款,根据利率计算以上各种情况下的每一期的还

mui 中侧滑菜单

侧滑导航 mui提供了两种侧滑导航实现:webview模式和div模式,两种模式各有优劣,适用于不同的场景. webview模式 主页面和菜单内容在不同的webview中,两个页面根据内容需求分别组织DOM结构,mui对其DOM结构无特殊要求,故其有如下优点: 菜单内容是单独的webview,故可被多个页面复用: 菜单内容在单独的webview中,菜单区域的滚动不影响主界面,故可使用原生滚动,滚动更为流畅: 另一方面,webview模式也有其缺点: 不支持拖动手势(跟手拖动): 主页面.菜单不同

MUI(2)

本篇博文是继续MUI(1)博文. 上一篇博文小编写了两个页面,一个页面只写了一个头部导航栏,另一个页面写了一个按钮,然后这两个页面进行合并显示,即在头部导航栏页面加载显示另一个页面的按钮.仔细观察上一篇的最后截图效果会发现,在头部导航栏的左上角有一个侧滑图标,本篇博文就是实现一个侧滑菜单效果. 还是继续上一篇博文中应用到的项目,只是在之前项目的基础之上新建了一个页面,index_menu.html页面.index.html页面源代码如下: 1 <!DOCTYPE html> 2 <htm