安卓主动发数据到uniapp界面

业务场景:
安卓原生混合app(uniapp),当安卓的sdk有数据回调的时候,uniapp那边怎么实时获取到呢?不是只能通过调用函数的方式获取回调结果的,还有另一种方法,就是使用监听。
在uniapp的页面,我们可以建立监听:

			let myEventManager = plus.android.importClass('com.clj.fastble.MyEventManager');
			this.eventManager = myEventManager.getMyEventManager();
			
			//新建监听器
			this.myListener = plus.android.implements('com.clj.fastble.MyListener', {
				onChange: function(event) {
					//获取数据
					//导入类
					plus.android.importClass(event);
					console.log(event.getData(), '=====');
				}
			});
			
			//添加监听器
			this.eventManager.addListener('onShowXX', this.myListener);

在安卓代码那里,创建对应的监听:
MyEvent.java

public class MyEvent  {

    //数据
    private  Object data;

    //事件来源  字符串
    private  String source;

    //触发对象
    private  Object  trigger;

    public MyEvent(Object data) {
        this.data = data;
    }

    public Object getTrigger() {
        return trigger;
    }

    @Override
    public String toString() {
        return "MyEvent{" +
                "data=" + data +
                ", source='" + source + '\'' +
                ", trigger=" + trigger +
                '}';
    }

    public void setTrigger(Object trigger) {
        this.trigger = trigger;
    }

    public MyEvent(Object data, String source) {
        this.data = data;
        this.source = source;
    }

    public MyEvent() {
    }

    public Object getData() {
        return data;
    }

    public void setData(Object data) {
        this.data = data;
    }

    public String getSource() {
        return source;
    }

    public void setSource(String source) {
        this.source = source;
    }
}


MyListener.java

import java.util.EventListener;

public  interface MyListener  extends EventListener {
    void onChange(MyEvent myEvent);
}

MyEventManager.java

/***
 * 自定义事件管理类
 */
public class MyEventManager {
    private static MyEventManager myEventManager;

    private Map<String, Collection<MyListener>> listeners;

    /**
     * 不能外部 new  实例化
     */
    private MyEventManager() {
        this.listeners = new HashMap<String, Collection<MyListener>>();
    }

    /**
     * 返回监听 总数
     *
     * @return
     */

    public int getSize() {
        int size = 0;
        for (String str : listeners.keySet()) {
            size = size + listeners.get(str).size();

        }
        return size;
    }

    public Map<String, Collection<MyListener>> getListeners() {

        return listeners;
    }

    /**
     * 单例模式
     *
     * @return
     */
    public static MyEventManager getMyEventManager() {
        if (myEventManager == null) {
            synchronized (MyEventManager.class) {
                if (myEventManager == null) {
                    myEventManager = new MyEventManager();
                }
            }
        }
        return myEventManager;
    }

    /***
     * 添加事件
     * @param listener    事件对象
     * @param source      来源
     */
    public MyListener addListener(MyListener listener, String source) {

        if (listener != null && source != null) {
            Collection<MyListener> myListeners = listeners.get(source);

            if (myListeners == null) {
                myListeners = new HashSet<MyListener>();
                listeners.put(source, myListeners);
            }
            myListeners.add(listener);

        }
        return listener;

    }

    /***
     * 添加事件
     *  @param source      来源
     * @param listener    事件对象
     */
    public MyListener addListener(String source, MyListener listener) {

        return addListener(listener, source);

    }

    /**
     * 移除监听
     *
     * @param listener
     */
    public  void removeListener(MyListener listener) {
        if (listeners == null || listener == null) {
            return;
        }

        //变量所有  找出相同的  删除
        for (String str : listeners.keySet()) {

            Collection collection = listeners.get(str);
            Iterator<MyListener> iter = collection.iterator();
            while (iter.hasNext()) {
                MyListener next = (MyListener) iter.next();
                if (next == listener) {
                    collection.remove(next);
                    return;
                }
            }
        }

    }

    /***
     *   发送数据
     * @param data   数据
     * @param source 来源
     * @return
     */
    public static MyEvent postMsg(Object data, String source) {
        MyEventManager myEventManager = MyEventManager.getMyEventManager();
        MyEvent myEvent = new MyEvent(data);
        myEvent.setSource(source);
        if (myEventManager.listeners == null)

            return myEvent;
        myEventManager.notifyListeners(myEvent, myEvent.getSource());
        return myEvent;
    }

    /**
     * 通知所有的myListener    相同的 (source) 来源才通知
     */
    private void notifyListeners(MyEvent event, String source) {

        //取出  key为source 的  监听器集合
        Collection<MyListener> collection = listeners.get(source);

//        Log.i(MyEventManager.class.getName(), source + "--->" + event.getData());

        if (collection == null) {
            return;
        }
        //遍历监听器集合
        Iterator<MyListener> iter = collection.iterator();
        while (iter.hasNext()) {
            MyListener next = iter.next();
            //通知回调
            next.onChange(event);
        }

        //销毁事件对象
        event = null;
    }

}

使用方式:

在需要推送的位置使用

 MyEventManager.postMsg("一粒程序米","onShowXX");//刺激强度

这样,前端那边打印店结果就是

一粒程序米,=====

当然,也要记得移除监听,当不需要这个监听的时候,就移除

在uniapp那边

	beforeDestroy() {
		this.eventManager.removeListener(this.myListener);
	},

学会了吗

### UniApp 的使用方法与教程 #### 一、UniApp 简介 UniApp 是一款基于 Vue.js 的跨平台开框架,能够帮助开者构建适用于多个终端的应用程序(如 iOS、Android 和小程序)。它具有高效的代码复用能力以及良好的生态支持,因此受到广泛欢迎[^1]。 --- #### 二、开环境搭建 要开始使用 UniApp 进行开,首先需要完成开环境的配置。以下是具体的流程: 1. **安装 HBuilderX** 官方推荐使用 DCloud 提供的 IDE——HBuilderX 来进行项目管理与调试。下载地址可访问官网获取最新版本。 2. **创建新项目** 打开 HBuilderX 后,在菜单栏选择 `新建 -> 项目`,并选择模板中的 “空白项目” 或其他预设模板作为起点。 3. **运行模拟器测试** 配置完成后可以通过内置模拟器查看效果或者连接真机设备进一步验证功能正常与否。 --- #### 三、基础概念介绍 熟悉以下几个核心概念有助于快速上手 UniApp工作流: - **页面结构定义** 页面由 `.vue` 文件构成,遵循单文件组件模式 (SFC),其中包含 `<template>` 表达视图层逻辑;`<script>` 实现交互行为控制;而样式则放置于 `<style>` 中声明[^1]。 - **路由机制** 路由用于导航不同界面之间切换操作。通过修改 manifest.json 文件内的 pages 数组项即可新增更多子页链接关系设置。 - **API 接口调用** 利用 uni-app 封装好的 api 方法简化原生接口复杂度,比如网络请求可以直接采用如下方式实现: ```javascript uni.request({ url: 'https://example.com/api/data', // 请求目标网址 method: 'GET', success(res) { console.log('成功返回的数据:', res.data); }, fail(err) { console.error('生错误:', err); } }); ``` --- #### 四、实践案例分析 为了加深理解,这里提供一个简单的待办事项列表应用制作过程概述: 1. 初始化一个新的 uniapp 工程; 2. 编辑 main.vue 添加输入框及按钮控件收集用户录入的任务条目信息; 3. 设计数据存储模型保存已添加的内容集合; 4. 动态渲染任务清单展示区域更新显示最新的状态变化情况[^1]。 --- #### 五、总结建议 学习 UniApp 不仅依赖理论知识积累还需要结合实际动手练习巩固所学知识点。随着时间推移和技术进步保持好奇心主动探索未知领域才能更好地适应行业展趋势从而抓住更多的成长机遇[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一粒程序米

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值