牙叔教程 简单易懂
效果展示
效果.gif
思路
使用安卓qq可知, 消息列表每次只能有一个侧拉菜单被打开
思路.png
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;
}
}
名人名言
思路是最重要的, 其他的百度, bing, stackoverflow, 安卓文档, autojs文档, 最后才是群里问问
----牙叔教程
声明
部分内容来自网络
本教程仅用于学习, 禁止用于其他用途
网友评论