mui框架 | 易学教程

HTML5+、mui开发移动app

阅读更多关于 HTML5+、mui开发移动app

跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程作者： sunhuaqiang1 前端开发APP，从HBuilder开始~ 序通过 HTML5 开发移动App 时，会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足，在W3C 中国的指导下成立了www.HTML5Plus.org组织，推出HTML5+规范。 HTML5+扩展了JavaScript 对象plus，使得js 可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。 HBuilder 的手机原生能力调用分2 个层面： a) 跨手机平台的能力调用都在HTML5+ 规范里，比如二维码、语音输入，使用plus.barcode 和plus.speech。编写一次，可跨平台运行。 b) JS Bridge是另一项创新技术，通过js 可以直接调ios 和android 的原生API，这部分就不再跨平台，比如调ios game center，或在android 手机桌面创建快捷方式。 JSB 的用法是var obj = plus.android.import("android.content.Intent");将一个原生对象android.content.Intent 映射为js 对象obj，然后在js

nsis打包

阅读更多关于 nsis打包

[全部展开] [全部折叠] 介绍 NSIS 2 能够使你更容易地创建自定义用户界面的安装程序. Modern UI (新式用户界面) 提供的界面样式与最近版本的 Windows 所使用的向导的界面样式很相似. 它包括 NSIS 所有的标准页面 (如组件选择页面、安装目录选择页面) 以及一些扩展页面。你可以在欢迎页面上提供一些安装相关的介绍, 在完成页面上提供一些选项, 允许用户选择在安装程序关闭时执行。(例如, 应用程序是否立即执行)。你也可以在完成页面为用户提供是否重启系统的选项。屏幕截图 Modern UI 2.0 新版让自定义页面变得更加容易, 因为更改 NSIS 的标准页面与 MUI 的扩展页面的方法是一样的。现在还可以用其它的 NSIS 插件来为 MUI 添加新页面。你很快就可以看到这类例子。欢迎和完成页面不再需要 InstallOptions - 它已经被新的 nsDialogs 插件代替。你可以在直接脚本中用 nsDialogs 创建自定义页面、个性化内置的页面。要升级 Modern UI 1.8 的脚本, 你需要这样处理: 插入 MUI2.nsh 头文件代替 MUI.nsh。与 InstallOptions 相关的宏, 已经被分离在一个与 MUI 无关的独立的头文件中。如果你仍然用 InstallOptions 做自定义页面, 你需要插入

015 vue的项目

阅读更多关于 015 vue的项目

1.框架　　在原有的基础上　　　　src：　　 2.index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <p>222</p> </div> </body> </html> 　　 3.main.js // js的主要入口 console.log("ok") //导入vue import Vue from 'vue' //引入App.vue import app from './App.vue' //按需导入mint-mi下的Hearer import { Header } from 'mint-ui'; Vue.component(Header.name, Header); //导入mui的样式 import './lib/mui/css/mui.min.css' //Vue实例新建 var vue = new Vue({ el:

mui滚动区域的实现

阅读更多关于 mui滚动区域的实现

mui框架实现页面中间区域滚动，头部和底部固定不动,要滚动的区域一定要有这两层包住， <div class="mui-content mui-scroll-wrapper" id="mui-content"> <div class="mui-scroll"> <div class="content> ......滚动内容区域 </div> </div></div> 完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>个人基本信息</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="../css/public/mui.min.css"> <link rel="stylesheet" href="../css/public

C#开发移动应用系列(2.使用WebView搭建WebApp应用)

阅读更多关于 C#开发移动应用系列(2.使用WebView搭建WebApp应用)

前言上篇文章地址: C#开发移动应用系列(1.环境搭建) 嗯..一周了本来打算2天一更的 - - ,结果出差了..请各位原谅.. 今天我们来讲一下使用WebView搭建WebApp应用. 说明一下为何要用WebApp的形式,因为首先..易于更新,其次学习成本又会降低一个档次因为不需要去很深入的了解各种安卓的界面布局,我们直接全屏覆盖一个WebView就好了.(当然,实际应用中还是需要加入一部分原生控件来提高用户体验) 确定一下本篇的学习目标: 1.学会使用WebView基础功能 2.通过WebView调用页面中的JS代码 3.通过WebView让页面中的JS代码调用后台的C#代码效果图: 正文 1.使用WebView构建基础框架我们首先打开上一篇我们只放了一个button的界面. 从左侧工具栏中找到WebView并拖到我们的界面中,并放大到覆盖整个页面.位置如图: 然后编写MainActivity.cs文件,在OnCreate()方法中获取我们的webView并进行基础设置代码如下: //获取WebView对象 var webView = FindViewById<WebView>(Resource.Id.webView1); //申明WebView的配置 WebSettings settings = webView.Settings; //设置允许执行JS