zoukankan      html  css  js  c++  java
  • 十分钟开发一个调用Activity的PhoneGap插件

          在HybridApp开发中,非常多业务我们是没有办法通过HTML5+js实现的,比方调用第三方的包括Activity的jar包,一些必须使用原生代码才干实现的功能,比方复杂的UI的效果,调用通讯相关的协议栈,第三方支付sdk等。这样的情况我们须要通过写cordova插件的方式,包装android原生代码为插件,供上层javascript调用。本文解说一个调用Activity并返回Activity结果的cordova插件样例,帮助大家掌握cordova plugin的开发 。

         Cordova插件是通过cordova plugin add (插件包名须要在cordova plugins官方注冊,或插件代码存放的git地址)加入,通过cordova plugin rm 插件包名删除。一个插件主要文件包含插件配置文件plugin.xml,插件描写叙述文件package.json,平台相关的资源和源代码,能够包含图片,xml,java源代码,jar包,so静态库等。以下是我做的android图案锁屏cordova插件的文件夹结构。

    插件文件夹结构

         

           能够看到这个插件支持ios和android平台,包括源代码和图片资源,还是挺复杂的。

           我们今天介绍的不会这么麻烦了,仅仅是简单的调用Activity,先看config.xml

    配置文件config.xml代码

    <?xml version="1.0" encoding="UTF-8"?>
    
    <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
        id="com.qianmi.cordova.demoapp"
        version="0.0.3">
        <name>DemoPlugin</name>
        <description>Qianmi <span style="font-family: Arial, Helvetica, sans-serif;">DemoPlugin </span><span style="font-family: Arial, Helvetica, sans-serif;"> Plugin</description></span>
        <license>Apache 2.0</license>
        <keywords>Qianmi,<span style="font-family: Arial, Helvetica, sans-serif;">DemoPlugin</span><span style="font-family: Arial, Helvetica, sans-serif;"></keywords></span>
    
      <js-module src="www/demo.js" name="demo">
        <clobbers target="cordova.plugins.demo" />    <!--js中调用的名字啊 -->
      </js-module>
    
       
        <!-- android -->
        <platform name="android">
    
            <config-file target="res/xml/config.xml" parent="/*">
                <feature name="DemoApp">
                    <param name="android-package" value="com.qianmi.cordova.demoapp<span style="font-family: Arial, Helvetica, sans-serif;">" /></span>
    
                </feature>
            </config-file>
       
            <source-file src="src/android/DemoApp.java" target-dir="src/com/qianmi/cordova/demoapp /></span>
    
        </platform>
    
    </plugin>
    

    插件www/js的代码

    var argscheck = require('cordova/argscheck'),
        utils = require('cordova/utils'),
        exec = require('cordova/exec');
    
    
    var DemoApp = function () {
    };
    
    
    //ExitApp
    <pre name="code" class="javascript">DemoApp<span style="font-family: Arial, Helvetica, sans-serif;">.exit = function () {</span>
    console.log('----exit'); exec(null, null, "DemoApp", "demoAction", [null, null, null]);};module.exports = DemoApp;
    
    


    插件java代码

         重点的插件java代码(仅仅是演示样例啊,不完整的)给Activity传值,接受返回结果,回传给js都在这里了
    public class LockPattern extends CordovaPlugin {
    	private static final String TAG = "LockPattern";
    
    	private static final String NICK_NAME = "nickName";
    	private static final String MODE = "mode";
    
    	public static final int REQUEST_CODE_SET_LOCK_PATTERN = 10001;
    	public static final int REQUEST_CODE_VERIFY_LOCK_PATTERN = 10002;
    
    	 
    	private CallbackContext mCallbackContext;
    
    
    	@Override
    	public boolean execute(String action, JSONArray args,
    			CallbackContext callbackContext) throws JSONException {
    		Log.i(TAG, action + "   " + args);
    		mCallbackContext = callbackContext;
    		
    						Intent intent = new Intent().setClass(
    								cordova.getActivity(),
    								LockPatternActivity.class);
    						intent.putExtra(MODE, LockPatternActivity.MODE_STEP_1);
    						intent.putExtra(NICK_NAME, nickName);
    						this.cordova.startActivityForResult(this, intent,
    								REQUEST_CODE_SET_LOCK_PATTERN);
    				
    
    		return false;
    	}
    
    	@Override
    	public void onActivityResult(int requestCode, int resultCode, Intent data) {
    		Log.i(TAG, "---onActivityResult:" + requestCode + "   " + resultCode);
    
    		switch (requestCode) {
    		case REQUEST_CODE_SET_LOCK_PATTERN:
    			if (Activity.RESULT_OK ==  resultCode && null != mCallbackContext) {
    				mCallbackContext.success(LockPatternUtils.loadFromPreferences(cordova.getActivity()));
    			}
    			break;
    
    		}
    	}
    
    }

    一个cordova 插件就这么简单,大家能够轻松的从js调用activity了

  • 相关阅读:
    vue入门:(方法、侦听器、计算属性)
    vue入门:(模板语法与指令)
    前端资源
    CSS3总结七:变换(transform)
    CSS总结六:动画(一)ransition:过渡、animation:动画、贝塞尔曲线、step值的应用
    设计模式(一):简单工厂
    正则命令积累
    命令模式 & 策略模式 & 模板方法
    抽象工厂:简单游戏角色
    简单工厂模式—>工厂模式
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3903234.html
Copyright © 2011-2022 走看看