mui框架


HTML5+、mui开发移动app

元气小坏坏 提交于 2019-12-08 10:17:20
跨平台移动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打包

久未见 提交于 2019-12-04 06:13:22
[全部展开] [全部折叠] 介绍 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的项目

匿名 (未验证) 提交于 2019-12-02 23:57:01
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滚动区域的实现

余生颓废 提交于 2019-12-02 03:23:14
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应用)

浪尽此生 提交于 2019-11-26 22:12:58
前言 上篇文章地址: 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

工具导航Map