文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

autojs模仿QQ长按弹窗菜单怎么实现

2023-07-05 00:34

关注

本篇内容主要讲解“autojs模仿QQ长按弹窗菜单怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“autojs模仿QQ长按弹窗菜单怎么实现”吧!

分析弹框菜单

需求分析

如果要写一个这样的教程, 我们需要做什么

代码分析

列表怎么写

先来一个最简单的布局代码

"nodejs ui";require("rhino").install();const ui = require("ui");class MainActivity extends ui.Activity {  constructor() {    super();    this.items = [];    for (var i = 10; i < 100; i++) {      this.items.push(randomStr(i + 1));    }  }  get layoutXmlFile() {    return "layout.xml";  }  onContentViewSet() {}}ui.setMainActivity(MainActivity);

layout.xml文件内容, 就一个recyclerview

<column><androidx.recyclerview.widget.RecyclerView id="recyclerView" padding='12' layout_width="match_parent" layout_height="match_parent"></androidx.recyclerview.widget.RecyclerView></column>

RecyclerView基础代码

在onContentViewSet这个方法中, 我们去写列表, 列表设置adapter即可;

我们要创建自己的Adapter类, 继承自RecyclerView.Adapter

class MyAdapter extends androidx.recyclerview.widget.RecyclerView.Adapter {}

这里用MyAdapter命名合适吗? 不合适, 如果你以后也用了MyAdapter, 那么可能造成类名冲突, 所以, 我们改个名字, 我们是在测试, 因此就叫 TestReayclerViewAdapter

还有一点是, 因为我们要写两个类, 还有一个文件实例化两个类, 因此我们把这个三个文件放到同一个文件夹

autojs模仿QQ长按弹窗菜单怎么实现

我们自顶向下来写代码, 首先我们写的是setTestRecyclerViewAdapter.js, 他这个里面要做几件事:

类呢, 我们先不写, 我们先写伪代码

setTestRecyclerViewAdapter.js

module.exports=function(recyclerView,items){  await $java.defineClass(TestRecyclerViewViewHolder)  await $java.defineClass(TestRecyclerViewAdapter)  var adapter=new TestRecyclerViewAdapter(items)  recyclerView.setAdapter(adapter)}

这样写怎么样, 有问题吗?

有问题, 如果每次都defineClass, 那么就会报错, 重复定义类, 因此, 我们设置个flag, 类只定义一次

let definedClass = false;module.exports = async function (recyclerView, items) {  if (!definedClass) {    await $java.defineClass(TestRecyclerViewViewHolder);    await $java.defineClass(TestRecyclerViewAdapter);    definedClass = true;  }  var adapter = new TestRecyclerViewAdapter(items);  recyclerView.setAdapter(adapter);};

这样就没问题了, 接下来我们写TestRecyclerViewAdapter, 为什么先写他呢, 前面说过了, 我们是自顶向下写,

TestRecyclerViewAdapter里面要写什么呢? 重写三个方法

TestRecyclerViewAdapter.js

const ui = require("ui");class TestRecyclerViewAdapter extends androidx.recyclerview.widget.RecyclerView.Adapter {  constructor(data) {    super();    this.data = data;  }  onCreateViewHolder(parent) {    return new TestRecyclerViewViewHolder(ui.inflateXml(parent.getContext(), holderXml, parent));  }  onBindViewHolder(holder, position) {    holder.bind(this.data[position], position);  }  getItemCount() {    return this.data.length;  }  getItemViewType() {    return 0;  }}module.exports = TestRecyclerViewAdapter;

这个代码里面, 唯一需要变动的地方是holderXml

接下来该写TestRecyclerViewViewHolder

class TestRecyclerViewViewHolder extends androidx.recyclerview.widget.RecyclerView.ViewHolder {  constructor(itemView) {    super(itemView);  }  bind(item) {    this.itemView.attr("text", item);    this.item = item;  }}module.exports = TestRecyclerViewViewHolder;

到这里为止, 一个recyclerview的骨架就成型了, 先看看效果

autojs模仿QQ长按弹窗菜单怎么实现

最简单的列表就是如此, 我们给他润色一下, 字体放大, 再加个圆角背景

autojs模仿QQ长按弹窗菜单怎么实现

列表有了, 接下来我们要考虑弹框的事情了, 那么第一个考虑的点就是, 长按事件

长按事件

长按事件在哪个文件写呢?

我们既可以在Adapter中写, 也可以在Holder中写,

如果在Holder中写, 那么我们就要把长按的方法, 从Adapter传给Holder, 我们需要多写几个字幕母, 因此我选择在Adapter中写长按事件

TestRecyclerViewAdapter.js 中 修改 onCreateViewHolder 方法即可

  onCreateViewHolder(parent) {    let testRecyclerViewViewHolder = new TestRecyclerViewViewHolder(ui.inflateXml(parent.getContext(), holderXml, parent));    testRecyclerViewViewHolder.itemView.setOnLongClickListener(() => {      console.log("你长按了我: " + testRecyclerViewViewHolder.item);      return true;    });    return testRecyclerViewViewHolder;  }

长按事件可能是多种多样的, 因此, 我们在TestRecyclerViewAdapter.js中, 增加一个方法setLongClick

  setLongClick(longClick) {    this.longClick = longClick;  }

相应的修改onCreateViewHolder代码

  onCreateViewHolder(parent) {    let testRecyclerViewViewHolder = new TestRecyclerViewViewHolder(ui.inflateXml(parent.getContext(), holderXml, parent));    testRecyclerViewViewHolder.itemView.setOnLongClickListener(() => {      this.longClick();      return true;    });    return testRecyclerViewViewHolder;  }

setTestRecyclerViewAdapter.js中的代码要添加一行

adapter.setLongClick(() => console.log("this is long click"));

代码修改了一些以后, 就应该测试一下, 测试正常以后, 再进行下一步操作, 小幅迭代

点击后出现弹框, 我们先不管菜单, 先弹个框出来

我们创建一个文件: showMenuWindow.js

const ui = require("ui");const PopupWindow = android.widget.PopupWindow;const ViewGroup = android.view.ViewGroup;function showMenuWindow(view) {  let popMenuWindow = ui.inflateXml(    view.getContext(),    `    <column>    <button id="btn1" text="btn1" />    </column>    `,    null  );  let mPopWindow = new PopupWindow(popMenuWindow, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);  mPopWindow.setOutsideTouchable(true);  mPopWindow.showAsDropDown(view);}module.exports = showMenuWindow;

然后在setTestRecyclerViewAdapter.js文件中调用他

adapter.setLongClick(showMenuWindow);

因此showMenuWindow有一个参数view, 就是你长按的那个view, 所以我们还要去Adapter中修改setLongClick

    testRecyclerViewViewHolder.itemView.setOnLongClickListener(() => {      this.longClick(testRecyclerViewViewHolder.itemView);      return true;    });

autojs模仿QQ长按弹窗菜单怎么实现

到此,相信大家对“autojs模仿QQ长按弹窗菜单怎么实现”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯