文章详情

登录

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

选择考试省份

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android自定义ListView实现仿QQ可拖拽列表功能

2022-06-06 07:42

关注

我们大致的思路，其实是这样子的，也是我的设想，我们可以先去实现一个简单的ListView的数据，但是他的Adapter，我们可以用系统封装好的，然后传递进去一个实体类，最后自定义一个listview去操作，所以我们先把准备的工作做好，比如？

list_item.xml


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/iv_logo"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:layout_centerInParent="true"
android:layout_marginLeft="10dp"/>
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@id/iv_logo"/>
</RelativeLayout>

这就只有一个头像和一句话了，然后我们把实体类也给写完了

DragBean


package com.liuguilin.draglistviewsample.entity;

public class DragBean {
private int ivId;
private String text;
public DragBean() {
}
public DragBean(int ivId, String text) {
this.ivId = ivId;
this.text = text;
}
public int getIvId() {
return ivId;
}
public String getText() {
return text;
}
}

ok,其实很简单，id是图片，然后是文本，这样我们就可以来实现一个Adapter了，这里我用的是ArrayAdapter这样能让我们插入和删除很轻松

DragAdapter


package com.liuguilin.draglistviewsample.adapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.liuguilin.draglistviewsample.R;
import com.liuguilin.draglistviewsample.entity.DragBean;
import java.util.List;
public class DragAdapter extends ArrayAdapter<DragBean> {

public DragAdapter(Context context, List<DragBean> mList) {
super(context, 0, mList);
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view;
ViewHolder viewHolder;
if (convertView == null) {
view = View.inflate(getContext(), R.layout.list_item, null);
viewHolder = new ViewHolder();
viewHolder.imageView = (ImageView) view
.findViewById(R.id.iv_logo);
viewHolder.textView = (TextView) view.findViewById(R.id.textView);
view.setTag(viewHolder);
} else {
view = convertView;
viewHolder = (ViewHolder) view.getTag();
}
viewHolder.imageView.setImageResource(getItem(position).getIvId());
viewHolder.textView.setText(getItem(position).getText());
return view;
}

static class ViewHolder {
ImageView imageView;
TextView textView;
}
}

好的，其实到这里，他就是一个最普通的ListView了，我们给他填充点数据

MainActivity


package com.liuguilin.draglistviewsample;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import com.liuguilin.draglistviewsample.adapter.DragAdapter;
import com.liuguilin.draglistviewsample.entity.DragBean;
import com.liuguilin.draglistviewsample.view.DragListView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
//列表
private DragListView mListView;
//数据
private List<DragBean> mList = new ArrayList<>();
//数据源
private DragAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}

private void initView() {
mListView = (DragListView) findViewById(R.id.mListView);
//新增數據
for (int i = 0; i < 30; i++) {
DragBean bean = new DragBean(R.mipmap.ic_launcher, "刘某人程序员" + i);
mList.add(bean);
}
//初始化数据源
adapter = new DragAdapter(this,mList);
mListView.setAdapter(adapter);
}
}

现在可以看看实际的效果了

这里写图片描述

现在我们可以重写我们的ListView了

我们首先拦截他的事件



@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//识别动作
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
//获取触点的坐标
int x = (int) ev.getX();
int y = (int) ev.getY();
//这样就可以计算我按到哪个条目上了
mStartPosition = mEndPosition = pointToPosition(x, y);
//判断触点是否在logo的区域
ViewGroup itemView = (ViewGroup) getChildAt(mStartPosition - getFirstVisiblePosition());
//记录手指在条目中的相对Y坐标
dragPoint = y - itemView.getTop();
//ListView在屏幕中的Y坐标
dragOffset = (int) (ev.getRawY() - y);
//拖动的图标
View dragger = itemView.findViewById(R.id.iv_logo);
//判断触点是否在logo区域
if (dragger != null && x < dragger.getRight() + 10) {
//定义ListView的滚动条目
//上
upScroll = getHeight() / 3;
//下
downScroll = getHeight() * 2 / 3;
//获取选中的图片/截图
itemView.setDrawingCacheEnabled(true);
//获取截图
Bitmap bitMap = itemView.getDrawingCache();
//图片滚动
startDrag(bitMap, y);
}
break;
}
//还会传递事件到子View
return false;
}

获取到他的position之后我们直接截图，并且显示我们的window,这里做的事情就比较多了我们还要判断是否点击的是头像才去显示window



private void startDrag(Bitmap bitMap, int y) {
//窗体仿照
wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
//设置窗体参数
lParams = new WindowManager.LayoutParams();
//设置宽高
lParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
lParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
//属性
lParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;
//设置半透明
lParams.alpha = 0.8f;
//设置居中
lParams.gravity = Gravity.TOP;
//设置xy
lParams.x = 0;
lParams.y = y-dragPoint + dragOffset;
//属性
lParams.format = PixelFormat.TRANSLUCENT;
//设置动画
lParams.windowAnimations = 0;
//图片
dragImageView = new ImageView(getContext());
//设置截图
dragImageView.setImageBitmap(bitMap);
//添加显示窗体
wm.addView(dragImageView, lParams);
}

好的，我们初始化一下window，光显示还不行呢，我们还要可以滑动，怎么监听？onTouchEvent的ACTION_MOVE事件是可以做到的



@Override
public boolean onTouchEvent(MotionEvent ev) {
//错误的位置
if (dragImageView != null && mEndPosition != INVALID_POSITION) {
//在滑动事件中控制上下滑动
switch (ev.getAction()) {
case MotionEvent.ACTION_MOVE:
//直接获取到Y坐标进行移动
int moveY = (int) ev.getY();
doDrag(moveY);
break;
//停止拖动成像
case MotionEvent.ACTION_UP:
int upY = (int) ev.getY();
stopDrag();
onDrag(upY);
break;
}
}
//拦截到事件
return true;
}

我们在移动的时候不断的去更新他的位置



private void doDrag(int moveY) {
if (dragImageView != null) {
lParams.y = moveY - dragPoint + dragOffset;
wm.updateViewLayout(dragImageView, lParams);
}
//判断移动到分割线 返回-1
int tempLine = pointToPosition(0, moveY);
//我们处理他
if (tempLine != INVALID_POSITION) {
//只要你不移动到分割线 我才处理
mEndPosition = tempLine;
}
//拖拽时滚动、滚动速度
int scrollSpeed = 0;
//上滚
if (moveY < upScroll) {
scrollSpeed = 10;
//下滚
} else if (moveY > downScroll) {
scrollSpeed = -10;
}
//开始滚动
if (scrollSpeed != 0) {
//计算条目的Y坐标
int dragItemY = getChildAt(mEndPosition - getFirstVisiblePosition()).getTop();
//当前速度
int dy = dragItemY + scrollSpeed;
//设置
setSelectionFromTop(mEndPosition, dy);
}
}

当你移动完成之后，我就可以停止你的window体了



private void stopDrag() {
//直接移除窗体
if (dragImageView != null) {
wm.removeView(dragImageView);
dragImageView = null;
}
}

这样，我就直接拼接你的position达到一个拖拽的效果



private void onDrag(int upY) {
//分割线的处理
//判断移动到分割线 返回-1
int tempLine = pointToPosition(0, upY);
//我们处理他
if (tempLine != INVALID_POSITION) {
//只要你不移动到分割线 我才处理
mEndPosition = tempLine;
}

//上边界处理
if (upY < getChildAt(1).getTop()) {
mEndPosition = 1;
//下边界处理
} else if (upY > getChildAt(getChildCount() - 1).getTop()) {
mEndPosition = getAdapter().getCount() - 1;
}
//开始更新item顺序
if (mEndPosition > 0 && mEndPosition < getAdapter().getCount()) {
DragAdapter adapter = (DragAdapter) getAdapter();
//删除原来的条目
adapter.remove(adapter.getItem(mStartPosition));
//更新
adapter.insert(adapter.getItem(mStartPosition), mEndPosition);
}
}

全部代码贴上

DragListView


package com.liuguilin.draglistviewsample.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.PixelFormat;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.ListView;
import com.liuguilin.draglistviewsample.R;
import com.liuguilin.draglistviewsample.adapter.DragAdapter;
public class DragListView extends ListView {
//按下选中的position
private int mStartPosition;
//需要达到的position
private int mEndPosition;
//手指在条目中的相对Y坐标
private int dragPoint;
//ListView在屏幕中的Y坐标
private int dragOffset;
//上
private int upScroll;
//下
private int downScroll;
//窗体
private WindowManager wm;
//显示的截图
private ImageView dragImageView;
//窗体参数
private WindowManager.LayoutParams lParams;
//构造方法
public DragListView(Context context, AttributeSet attrs) {
super(context, attrs);
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//识别动作
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
//获取触点的坐标
int x = (int) ev.getX();
int y = (int) ev.getY();
//这样就可以计算我按到哪个条目上了
mStartPosition = mEndPosition = pointToPosition(x, y);
//判断触点是否在logo的区域
ViewGroup itemView = (ViewGroup) getChildAt(mStartPosition - getFirstVisiblePosition());
//记录手指在条目中的相对Y坐标
dragPoint = y - itemView.getTop();
//ListView在屏幕中的Y坐标
dragOffset = (int) (ev.getRawY() - y);
//拖动的图标
View dragger = itemView.findViewById(R.id.iv_logo);
//判断触点是否在logo区域
if (dragger != null && x < dragger.getRight() + 10) {
//定义ListView的滚动条目
//上
upScroll = getHeight() / 3;
//下
downScroll = getHeight() * 2 / 3;
//获取选中的图片/截图
itemView.setDrawingCacheEnabled(true);
//获取截图
Bitmap bitMap = itemView.getDrawingCache();
//图片滚动
startDrag(bitMap, y);
}
break;
}
//还会传递事件到子View
return false;
}

private void startDrag(Bitmap bitMap, int y) {
//窗体仿照
wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
//设置窗体参数
lParams = new WindowManager.LayoutParams();
//设置宽高
lParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
lParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
//属性
lParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;
//设置半透明
lParams.alpha = 0.8f;
//设置居中
lParams.gravity = Gravity.TOP;
//设置xy
lParams.x = 0;
lParams.y = y-dragPoint + dragOffset;
//属性
lParams.format = PixelFormat.TRANSLUCENT;
//设置动画
lParams.windowAnimations = 0;
//图片
dragImageView = new ImageView(getContext());
//设置截图
dragImageView.setImageBitmap(bitMap);
//添加显示窗体
wm.addView(dragImageView, lParams);
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
//错误的位置
if (dragImageView != null && mEndPosition != INVALID_POSITION) {
//在滑动事件中控制上下滑动
switch (ev.getAction()) {
case MotionEvent.ACTION_MOVE:
//直接获取到Y坐标进行移动
int moveY = (int) ev.getY();
doDrag(moveY);
break;
//停止拖动成像
case MotionEvent.ACTION_UP:
int upY = (int) ev.getY();
stopDrag();
onDrag(upY);
break;
}
}
//拦截到事件
return true;
}

private void onDrag(int upY) {
//分割线的处理
//判断移动到分割线 返回-1
int tempLine = pointToPosition(0, upY);
//我们处理他
if (tempLine != INVALID_POSITION) {
//只要你不移动到分割线 我才处理
mEndPosition = tempLine;
}

//上边界处理
if (upY < getChildAt(1).getTop()) {
mEndPosition = 1;
//下边界处理
} else if (upY > getChildAt(getChildCount() - 1).getTop()) {
mEndPosition = getAdapter().getCount() - 1;
}
//开始更新item顺序
if (mEndPosition > 0 && mEndPosition < getAdapter().getCount()) {
DragAdapter adapter = (DragAdapter) getAdapter();
//删除原来的条目
adapter.remove(adapter.getItem(mStartPosition));
//更新
adapter.insert(adapter.getItem(mStartPosition), mEndPosition);
}
}

private void stopDrag() {
//直接移除窗体
if (dragImageView != null) {
wm.removeView(dragImageView);
dragImageView = null;
}
}

private void doDrag(int moveY) {
if (dragImageView != null) {
lParams.y = moveY - dragPoint + dragOffset;
wm.updateViewLayout(dragImageView, lParams);
}
//判断移动到分割线 返回-1
int tempLine = pointToPosition(0, moveY);
//我们处理他
if (tempLine != INVALID_POSITION) {
//只要你不移动到分割线 我才处理
mEndPosition = tempLine;
}
//拖拽时滚动、滚动速度
int scrollSpeed = 0;
//上滚
if (moveY < upScroll) {
scrollSpeed = 10;
//下滚
} else if (moveY > downScroll) {
scrollSpeed = -10;
}
//开始滚动
if (scrollSpeed != 0) {
//计算条目的Y坐标
int dragItemY = getChildAt(mEndPosition - getFirstVisiblePosition()).getTop();
//当前速度
int dy = dragItemY + scrollSpeed;
//设置
setSelectionFromTop(mEndPosition, dy);
}
}
}

然后我们引用

layout_main.xml


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<com.liuguilin.draglistviewsample.view.DragListView
android:id="@+id/mListView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>

对了，别忘记了添加窗体的权限哦


<!--窗口权限-->
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>

做完这一系列事情之后，就觉得这个设想其实是对的，然后我们可以尝试性的运行

这里写图片描述

以上所述是小编给大家介绍的Android自定义ListView实现仿QQ可拖拽列表功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程网网站的支持！

您可能感兴趣的文章:Android RecyclerView实现拼团倒计时列表实例代码Android如何利用RecyclerView实现列表倒计时效果实例代码Android 列表倒计时的实现的示例代码（CountDownTimer）android二级listview列表实现代码Android通过LIstView显示文件列表的两种方法介绍Android ExpandableListView展开列表控件使用实例Android编程使用ListView实现数据列表显示的方法android开发教程之使用listview显示qq联系人列表android listview实现新闻列表展示效果Android ListView列表实现倒计时


阅读原文内容投诉

免责声明：

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

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

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题

  • 2024年上半年信息系统项目管理师第二批次真题及答案解析（完整版）

    难度     807人已做
    查看

  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看

  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看

  • 2024年上半年软考高项第一、二批次真题考点汇总（完整版）

    难度     433人已做
    查看

  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机

Android自定义ListView实现仿QQ可拖拽列表功能

移动开发2022-06-06

Android ListView自定义Adapter实现仿QQ界面

移动开发2023-05-30

Android自定义View实现可以拖拽的GridView

移动开发2022-06-06

Android如何实现自定义可拖拽的悬浮按钮DragFloatingActionButton

移动开发2023-05-31

使用vue自定义如何实现Tree组件和拖拽功能

移动开发2022-12-09

vue3使用自定义指令实现eldialog拖拽功能示例详解

移动开发2024-04-02

Android编程实现自定义分享列表ACTION_SEND功能的方法

移动开发2022-06-06

android自定义ListView实现底部View自动隐藏和消失的功能

移动开发2022-06-06

Android自定义listview布局实现上拉加载下拉刷新功能

移动开发2022-06-06

详解Android中ListView实现图文并列并且自定义分割线（完善仿微信APP）

移动开发2022-06-06

Android自定义View如何实现QQ运动积分转盘抽奖功能

移动开发2023-05-30

Android 自定义ListView实现QQ空间界面(说说内包含图片、视频、点赞、评论、转发功能)

移动开发2022-06-06

Android中如何使用自定义view实现ListView下拉的视差特效功能

移动开发2023-05-30

JS实现课程表小程序(仿超级课程表)加入自定义背景功能

移动开发2024-04-02

Android自定义Chronometer实现短信验证码秒表倒计时功能

移动开发2022-06-06

Android UI设计系列之自定义EditText实现带清除功能的输入框(3)

移动开发2022-06-06
位置：首页-资讯-移动开发
咦！没有更多了？去看看其它编程学习网 内容吧
首页课程
资料下载问答资讯