autojs模仿qq消息列表侧拉置顶删除菜单-阿里云开发者社区

autojs模仿qq消息列表侧拉置顶删除菜单

2022-06-26 260

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 叔教程简单易懂

叔教程简单易懂

效果展示

思路

使用安卓qq可知, 消息列表每次只能有一个侧拉菜单被打开

autojs版本

9.0.4

你将学到以下知识点

RecyclerView的基本使用
拦截rv的触摸事件
禁止rv滚动
设置rv的布局以及adapter
为adapter添加更多的方法
判断子控件菜单是否展开
获取控件的rect
获取控件在屏幕的绝对坐标
判断触摸坐标是否在某个控件范围内
设置rv的滚动监听事件
判断rv滚动到顶部和底部
获取rv第一个可见子view的position
HorizontalScrollView添加滚动监听
图片转bitmap
取消HorizontalScrollView底部的滑动条和滚动到底的阴影
HorizontalScrollView滚动到指定坐标
通过子view获取rv的position
置顶以及删除的rv更新操作
img设置bitmap
获取屏幕内可见的rv子控件数量
通过position获取屏幕内可见的子控件

脚本概况

UI主要是一个RecyclerView, 子控件是HorizontalScrollView
HorizontalScrollView的左边是头像和聊天信息, 右边是侧拉菜单
最多展开一个rv子控件菜单
重点是在合适的时机拦截触摸事件, 思路看上面的流程图

几个重要方法

hasExpandMenuView 判断有没有展开菜单的控件
isTouchCoordinateInViewRange 判断触摸坐标在不在指定view内部
onInterceptTouchEvent 拦截触摸事件
onTouchEvent 消费触摸事件
pointToPosition 通过触摸坐标获取rv子view的position

难点

View.onInterceptTouchEvent 是用来决定是否拦截触摸事件,
在MotionEvent.ACTION_DOWN事件return true, 就是拦截事件,
return false就是不拦截事件
确认拦截以后, 不再响应onInterceptTouchEvent, 而是完全交给onTouchEvent
View.onTouchEvent 是用来决定是否消费触摸事件,
在MotionEvent.ACTION_DOWN事件return true, 就是消费事件,
return false就是不消费事件

代码讲解

1. 导入类

importClass(Packages.androidx.recyclerview.widget.LinearLayoutManager);
importClass(Packages.androidx.recyclerview.widget.RecyclerView);
importClass(android.content.pm.ActivityInfo);
importClass(android.view.WindowManager);
importClass(Packages.androidx.recyclerview.widget.DividerItemDecoration);
importClass(android.graphics.BitmapFactory);
importClass(android.graphics.Paint);
importClass(android.graphics.Color);
importClass(Packages.androidx.recyclerview.widget.GridLayoutManager);
importClass(android.graphics.drawable.GradientDrawable);
importClass(android.view.View);
importClass(android.view.MotionEvent);
importClass(android.widget.HorizontalScrollView);
importClass(android.view.VelocityTracker);

2. 导入子模块

let dataList = require("./dataList");
let setItemOnTouch = require("./setItemOnTouch");
let onItemTouchListener = require("./onItemTouchListener");
let onScrollListener = require("./onScrollListener");

3. UI界面

ui.layout(
  <vertical>
    <text text="牙叔教程 简单易懂" textSize="28sp" textColor="#fbfbfe" bg="#00afff" w="*" gravity="center"></text>
    <androidx.recyclerview.widget.RecyclerView id="recyclerView"></androidx.recyclerview.widget.RecyclerView>
  </vertical>
);

4. 设置recyclerView属性

let layoutManager = new LinearLayoutManager(context);
layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
recyclerView.setLayoutManager(layoutManager);
let recycleAdapter = createRecyclerViewAdapter(dataList);
recyclerView.setAdapter(recycleAdapter);
recycleAdapter.notifyDataSetChanged();
recyclerView.addOnItemTouchListener(onItemTouchListener);
recyclerView.addOnScrollListener(onScrollListener);

5. 获取头像

function getProfilePhoto() {
  let filePath = files.path("./牙叔正方形128.jpg");
  let img = images.read(filePath);
  let bitmap = img.getBitmap();
  events.on("exit", () => {
    bitmap.recycle();
    img.recycle();
  });
  return bitmap;
}

6. 创建rv的adapter

function createRecyclerViewAdapter(dataList) {
  let boxXml = (
    <HorizontalScrollView h="100dp">
      <horizontal id="horizontalParent">
        {/* 消息 */}
        <horizontal>
      ...
        </horizontal>
        {/* 菜单 */}
        <horizontal id="menuParent" h="match_parent">
      ...
        </horizontal>
      </horizontal>
    </HorizontalScrollView>
  );
  return RecyclerView.Adapter({
    onCreateViewHolder: function (parent, viewType) {
      log("onCreateViewHolder");
      // 视图创建
      let view;
      let holder;
      view = ui.inflate(boxXml, parent, false);
      holder = JavaAdapter(RecyclerView.ViewHolder, {}, view);
    ...
      return holder;
    },
    onBindViewHolder: function (holder, position) {
      log("onBindViewHolder");
      // 数据绑定
    ...
    },
    getItemCount: function () {
      return dataList.length;
    },
    getItemViewType: function (position) {
      if ((position & 1) == 0) {
        return "EvenNumber";
      } else {
        return "OddNumber";
      }
    },
    getDataList: function () {
      return dataList;
    },
  });
}

7. isTouchCoordinateInViewRange

function isTouchCoordinateInViewRange(view, x, y) {
  let LocationOnScreen = view.getLocationOnScreen();
  let frame = new Rect();
  view.getHitRect(frame);
  log("LocationOnScreen = ");
  log(LocationOnScreen);
  log("frame = " + frame);
  // 触摸点: x=511.5, y=180.5
  // Rect(0, 0 - 1470, 300)
  let left = LocationOnScreen[0];
  let top = LocationOnScreen[1];
  let width = frame.width();
  let height = frame.height();
  frame.left = left >= 0 ? left : 0;
  frame.top = top;
  frame.right = left + width;
  frame.bottom = top + height;
  log("子控件当前区域frame");
  log(frame);
  if (frame.contains(x, y)) {
    log("在控件内" + view);
    return true;
  } else {
    log("不在控件内" + view);
    log("触摸点: x=" + x + ", y=" + y);
    return false;
  }
}