Android开发实现可拖动排序的ListView功能【附源码下载】

本文实例讲述了Android开发实现可拖动排序的ListView功能。分享给大家供大家参考,具体如下:

一、上图

二、简述

1、需要实现的效果是长按右侧可拖动部分布局实现列表项的拖动排序
2、当点击列表项前面的单选按钮时,在该条目右侧显示删除图标,点击该图标删除当前条目。

三、实现思路

借助github上的开源代码drag-sort-listview-master加以改造。

四、主要源码展示

1、Activity代码

package com.gengducun.dslvdemo;
import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import com.mobeta.android.dslv.DragSortListView;
public class MainActivity extends Activity {
 protected static final String TAG = "MainActivity";
 /**产品信息列表**/
 private ArrayList<ProductInfoBean> productInfoList;
 /**产品列表控件**/
 private DragSortListView mDslvProductList;
 /**产品信息列表*/
 private ProductListAdapter mProductListAdapter;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  mDslvProductList = (DragSortListView) findViewById(R.id.dslv_product_list);
  initProductList();
  mProductListAdapter = new ProductListAdapter(productInfoList, this);
  mDslvProductList.setAdapter(mProductListAdapter);
  mDslvProductList.setDropListener(onDrop);
  mDslvProductList.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
 }
 private DragSortListView.DropListener onDrop = new DragSortListView.DropListener() {
  @Override
  public void drop(int from, int to) {
   if (from != to) {
    ProductInfoBean item = (ProductInfoBean) mProductListAdapter.getItem(from);
    mProductListAdapter.remove(item);
    mProductListAdapter.insert(item,from, to);
    mDslvProductList.moveCheckState(from, to);
   }
  }
 };
 private void initProductList() {
  productInfoList = new ArrayList<ProductInfoBean>();
  ProductInfoBean productInfo1 = new ProductInfoBean("EURUSD1");
  ProductInfoBean productInfo2 = new ProductInfoBean("EURUSD2");
  ProductInfoBean productInfo3 = new ProductInfoBean("EURUSD3");
  ProductInfoBean productInfo4 = new ProductInfoBean("EURUSD4");
  ProductInfoBean productInfo5 = new ProductInfoBean("EURUSD5");
  ProductInfoBean productInfo6 = new ProductInfoBean("EURUSD6");
  ProductInfoBean productInfo7 = new ProductInfoBean("EURUSD7");
  productInfoList.add(productInfo1);
  productInfoList.add(productInfo2);
  productInfoList.add(productInfo3);
  productInfoList.add(productInfo4);
  productInfoList.add(productInfo5);
  productInfoList.add(productInfo6);
  productInfoList.add(productInfo7);
 }
}

2、Adapter代码

package com.gengducun.dslvdemo;
import java.util.ArrayList;
import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.TextView;
public class ProductListAdapter extends BaseAdapter {
 private static final String TAG = "ProductListAdapter1";
 /**产品信息列表*/
 private ArrayList<ProductInfoBean> productInfoList;
 /**上下文*/
 private Context mContext;
 /**布局加载器*/
 private LayoutInflater mInflater;
 /**布局缓存*/
 private ViewHolder mHolder;
 /**本类适配器对象**/
 private ProductListAdapter mProductListAdapter1;
 /**选中项位置**/
 private int mSelectPosition = -1;
 public ProductListAdapter(ArrayList<ProductInfoBean> productInfoList, Context context) {
  super();
  this.productInfoList = productInfoList;
  this.mContext = context;
  this.mInflater = LayoutInflater.from(context);
  this.mProductListAdapter1 = this;
 }
 @Override
 public int getCount() {
  return null == productInfoList ? 0 : productInfoList.size();
 }
 @Override
 public Object getItem(int position) {
  return productInfoList.get(position);
 }
 @Override
 public long getItemId(int position) {
  return position;
 }
 public int getmSelectPosition() {
  return mSelectPosition;
 }
 public void setmSelectPosition(int mSelectPosition) {
  this.mSelectPosition = mSelectPosition;
 }
 /**
  * 删除产品
  * @param productInfoBean
  */
 public void remove(ProductInfoBean productInfoBean) {
  synchronized (this) {
   productInfoList.remove(productInfoBean);
  }
  notifyDataSetChanged();
 }
 /**
  * 将产品移动到指定的位置
  * @param productInfoBean
  * @param from 移动之前的位置
  * @param to 移动完成之后,该产品所在的位置
  */
 public void insert(ProductInfoBean productInfoBean, int from, int to) {
  synchronized (this) {
   Log.i(TAG, "from=" + from + "  to =" + to);
   if (mSelectPosition != -1) {//有选中项的前提下
    if ((from < mSelectPosition && to < mSelectPosition) || (from > mSelectPosition && to > mSelectPosition)) {
     //在选中项之前的位置进行拖拉或者在选中项之后的区域拖拉,不会影响选中项
    } else if (from < mSelectPosition && to > mSelectPosition) {
     //将选中项之前的移动到选中项之后的位置,则选中项的索引需要发生变化,应该是选中项的位置-1
     mSelectPosition = mSelectPosition - 1;
    } else if (from > mSelectPosition && to < mSelectPosition) {
     //将选中项之后的项移动到选中项之前的位置,索引也需要变化,应该是选中项的位置+1
     mSelectPosition = mSelectPosition + 1;
    } else if ((from == mSelectPosition && from > to) || (from == mSelectPosition && from < to)) {
     //如果将选中项往选中项前面的方向拖,则选中项的索引也需要变化,应该是拖动到的位置
     mSelectPosition = to;
    } else if ((from < mSelectPosition && to == mSelectPosition)) {
     //将选中项之前的移动到当前选中项的位置,索引需要变化,选中项的索引应该是 选中项的值-1
     mSelectPosition = mSelectPosition - 1;
    } else if (from > mSelectPosition && to == mSelectPosition) {
     //将选中项之后的移动到当前项的位置,索引需要变化,选中项的索引应该是选中项的值+1
     mSelectPosition = mSelectPosition + 1;
    }
   }
   productInfoList.add(to, productInfoBean);
  }
  notifyDataSetChanged();
 }
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  if (null == convertView) {
   convertView = mInflater.inflate(R.layout.list_item_product_list_1, null);
   mHolder = new ViewHolder();
   mHolder.rbSelect = (RadioButton) convertView.findViewById(R.id.rb_select);
   mHolder.tvPurductName = (TextView) convertView.findViewById(R.id.tv_product_name);
   mHolder.llDragLayout = (LinearLayout) convertView.findViewById(R.id.drag_handle);
   mHolder.ivDrag = (ImageView) convertView.findViewById(R.id.iv_drag);
   mHolder.ivDeleteProduct = (ImageView) convertView.findViewById(R.id.iv_product_delete);
   convertView.setTag(mHolder);
  } else {
   mHolder = (ViewHolder) convertView.getTag();
  }
  ProductInfoBean productInfoBean = productInfoList.get(position);
  if (null != productInfoBean) {
   //设置单选按钮的选中状态
   if (mSelectPosition == position) {
    mHolder.rbSelect.setChecked(true);
    mHolder.ivDrag.setVisibility(View.GONE);
    mHolder.ivDeleteProduct.setVisibility(View.VISIBLE);
    mHolder.ivDeleteProduct.setOnClickListener(new RemoveItemClickListener(mSelectPosition));
   } else {
    mHolder.rbSelect.setChecked(false);
    mHolder.ivDrag.setVisibility(View.VISIBLE);
    mHolder.ivDeleteProduct.setVisibility(View.GONE);
   }
   mHolder.rbSelect.setOnClickListener(new ProductClickListener(position));
   //设置产品名称
   if (null != productInfoBean.getProductName() && !("".equals(productInfoBean.getProductName()))) {
    mHolder.tvPurductName.setText(productInfoBean.getProductName());
   }
  }
  return convertView;
 }
 class ViewHolder {
  RadioButton rbSelect;
  TextView tvPurductName;
  LinearLayout llDragLayout;
  ImageView ivDrag;
  ImageView ivDeleteProduct;
 }
 /**
  * 单选按钮事件监听
  * @author Wilson
  */
 class ProductClickListener implements OnClickListener {
  private int position;
  public ProductClickListener(int position) {
   super();
   this.position = position;
  }
  @Override
  public void onClick(View v) {
   if (mSelectPosition == position) {
    mSelectPosition = -1;
   } else {
    mSelectPosition = position;
   }
   Log.i(TAG, "mSelectPosition=" + mSelectPosition + " position=" + position);
   mProductListAdapter1.notifyDataSetChanged();
  }
 }
 /**
  * 删除当前产品项监听事件
  */
 class RemoveItemClickListener implements OnClickListener {
  private int position;
  public RemoveItemClickListener(int position) {
   super();
   this.position = position;
  }
  @Override
  public void onClick(View v) {
   //1、删除集合中的数据
   productInfoList.remove(position);
   //2、删除服务器端的数据
   mProductListAdapter1.notifyDataSetChanged();
   //
   mSelectPosition = -1;
  }
 }
}

四、源码

完整实例代码点击此处本站下载

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android控件用法总结》、《Android开发入门与进阶教程》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android数据库操作技巧总结》及《Android资源操作技巧汇总》

希望本文所述对大家Android程序设计有所帮助。

(0)

相关推荐

  • android开发教程之listview使用方法

    首先是布局文件,这里需要两个布局文件,一个是放置列表控件的Activity对应的布局文件 main.xml,另一个是ListView中每一行信息显示所对应的布局  list_item.xml    这一步需要注意的问题是ListView 控件的id要使用Android系统内置的 android:id="@android:id/list"   [注意形式] main.xml 复制代码 代码如下: <?xml version="1.0" encoding=&quo

  • Android实现ListView的A-Z字母排序和过滤搜索功能 实现汉字转成拼音

    直入主题,今天给大家带来ListView的A-Z字母排序和过滤搜索功能并且实现汉字转成拼音的功能,我们知道一般我们对联系人,城市列表等实现A-Z的排序,因为联系人和城市列表我们可以直接从数据库中获取他的汉字拼音,而对于一般的数据,我们怎么实现A-Z的排序,我们需要将汉字转换成拼音就行了,接下来就带大家实现一般数据的A-Z排序功能,首先先看下效果图 上面是一个带删除按钮的EditText,我们在输入框中输入可以自动过滤出我们想要的东西,当输入框中没有数据自动替换到原来的数据列表,然后下面一个Lis

  • android ListView内数据的动态添加与删除实例代码

    main.xml 文件: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_pa

  • Android开发之ListView实现Item局部刷新

    对于android中的ListView刷新机制,大多数的程序员都是很熟悉的,修改或者添加adapter中的数据源之后,然后调用notifyDataSetChanged()刷新ListView.在这种模式下,我们会在getView中,根据不同的数据源,让控件显示不同的内容.这种模式是最常见的刷新模式,当我们来回滑动ListView的时候,调用adapter的getView方法,然后listview对adapter返回的View进行绘制.这种模式下,View的显示内容或状态都记录在adapter里面

  • android二级listview列表实现代码

    今天来实现以下大众点评客户端的横向listview二级列表,先看一下样式.  这种横向的listview二级列表在手机软件上还不太常见,但是使用过平板的都应该知道,在平板上市比较常见的.可能是因为平板屏幕比较大,而且也能展现更多的内容. 下面来看一下我的实现步骤. 首先自定义一个listview,代码如下: 复制代码 代码如下: public class MyListView extends ListView implements Runnable { private float mLastDo

  • android中ListView多次刷新重复执行getView的解决方法

    以前倒是没有注意listview的getView会重复执行多次,这次因为布局比较复杂,所以在测试的时候去断点跟踪,发现同一条数据不断的重复执行.觉得很奇怪,于是上网搜索了一下.网上的解释基本一致,就是ListView布局时height和width都不是fill_parent,导致不断计算高度,不断刷新.或者说它的父容器没有设置成fill_parent. 可以布局太复杂的情况下,全部按照fill_parent去调整不现实.所以想了另一种方案,就是动态固定高度. 在程序运行后,固定ListView的

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

    我们大致的思路,其实是这样子的,也是我的设想,我们可以先去实现一个简单的ListView的数据,但是他的Adapter,我们可以用系统封装好的,然后传递进去一个实体类,最后自定义一个listview去操作,所以我们先把准备的工作做好,比如? list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.a

  • android ListView和GridView拖拽移位实现代码

    关于ListView拖拽移动位置,想必大家并不陌生,比较不错的软件都用到如此功能了.如:搜狐,网易,百度等,但是相比来说还是百度的用户体验较好,不偏心了,下面看几个示例:             首先说一下:拖拽ListView的item就不应该可以任意移动,只应该在ListView所在的范围内,而网易的你看看我都可以移动到状态栏了,虽然你做了处理,但是用户体验我个人感觉不好,在看看百度的,不仅控制了移动范围,更不错的百度的移动起来会时时的换位,看起来相当的形象,所以我认为这样相当的棒.说明一点

  • android开发之横向滚动/竖向滚动的ListView(固定列头)

    由于项目需要,我们需要一个可以横向滚动的,又可以竖向滚动的 表格.而且又要考虑大数据量(行)的展示视图.经过几天的研究终于搞定,做了一个演示.贴图如下:      好吧.让我们看思路是什么样的: 1. 上下滚动直接使用 listView来实现. 2. 左右滚动使用HorizontalScrollView,来处理滚动.我写一个类MyHScrollView继承 自它. 2.1 . ListView里的每行(row)分为 两部分,不滚动的和可滚动的区域.比如本demo的第一列,就是静态的.而后面的所有

  • Android开发实现可拖动排序的ListView功能【附源码下载】

    本文实例讲述了Android开发实现可拖动排序的ListView功能.分享给大家供大家参考,具体如下: 一.上图 二.简述 1.需要实现的效果是长按右侧可拖动部分布局实现列表项的拖动排序 2.当点击列表项前面的单选按钮时,在该条目右侧显示删除图标,点击该图标删除当前条目. 三.实现思路 借助github上的开源代码drag-sort-listview-master加以改造. 四.主要源码展示 1.Activity代码 package com.gengducun.dslvdemo; import

  • jQuery拖拽排序插件制作拖拽排序效果(附源码下载)

    使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件.效果图如下: 效果演示         源码下载 html代码: <h1>水平拖拽</h1> <div class="demo"> <div class="item item1"><span>1</span></div> <div class="item item2"><

  • Android编程实现画板功能的方法总结【附源码下载】

    本文实例讲述了Android编程实现画板功能的方法.分享给大家供大家参考,具体如下: Android实现画板主要有2种方式,一种是用自定义View实现,另一种是通过Canvas类实现.当然自定义View内部也是用的Canvas.第一种方式的思路是,创建一个自定义View(推荐SurfaceView),在自定义View里通过Path对象记录手指滑动的路径调用lineTo()绘制:第二种方式的思路是,先用Canvas绘制一张空的Bitmap,通过ImageView的setImageBitmap()方

  • avalon js实现仿google plus图片多张拖动排序附源码下载

    源码下载:http://xiazai.jb51.net/201509/yuanma/drag_sort1(jb51.net).rar 效果展示如下: google plus 拖动+响应式效果: 要求 1. 两边对齐布局,即图片间间距一致,但左右两边的图片与边界的间距不一定等于图片间间距,兼容ie7,8,firefox,chrome. 2. 浏览器尺寸变化,在大于一定尺寸时,每行自动增加或减少图片,自动调整图片间间距,以满足两边对齐布局,这时每张图片尺寸固定(这里是200*200px):而小于一定

  • Android开发实现Switch控件修改样式功能示例【附源码下载】

    本文实例讲述了Android开发实现Switch控件修改样式功能.分享给大家供大家参考,具体如下: Android中自带的Switch控件在很多时候总觉得和整体系统风格不符,很多时候,自定义Switch是一种方法. 但其实不用这么麻烦,安卓自带的Switch通过修改一些属性,也可以达到和自定义Switch差不多的一个效果. 个人感觉,Switch的属性设置和其他控件还是有挺大区别的.因此,写下此文,方便有需要的同学参考. 先上效果图: 以上便是修改后效果 与 原生Switch的效果对比.代码在文

  • android-使用环信SDK开发即时通信功能(附源码下载)

    最近项目中集成即时聊天功能,挑来拣去,最终选择环信SDK来进行开发,选择环信的主要原因是接口方便.简洁,说明文档清晰易懂.文档有Android.iOS.和后台服务器端,还是非常全的. 环信官网:http://www.easemob.com/ 本篇文章目的主要在于说明环信Demo如何实现即时通信的.我在集成环信SDK到我们自己开发的app之前,研究了一下环信demo的代码,看了两三天的样子,基本搞清楚来龙去脉,但是只是清楚来龙去脉,要说到里面的细节可能得深一步研究,但是这就够了,已经可以把demo

  • Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能(附源码)

    最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想.有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到.因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下.相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能. 首先讲一下实现原理.这里我们将采取的方案是使用组合View的方式,先自定义一个布局

  • Android实现画板、写字板功能(附源码下载)

    前言 本文给大家分享一个使用Android开发写字板功能Dem.简单操作内存中的图像.对图像进行简单的处理.绘制直线.以达到写字板的效果 效果图如下 XML布局代码 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="

  • Android仿腾讯QQ实现滑动删除 附源码下载

    看了很多大神们的文章,感觉受益良多,也非常欣赏大家的分享态度,所以决定开始写Blog,给大家分享自己的心得. 先看看效果图: 本来准备在ListView的每个Item的布局上设置一个隐藏的Button,当滑动的时候显示.但是因为每次只要存在一个Button,发现每个Item上的Button相互间不好控制.所以决定继承ListView然后结合PopupWindow. 首先是布局文件: delete_btn.xml:这里只需要一个Button <?xml version="1.0"

  • Android编程实现滑动开关组件功能【附源码下载】

    本文实例讲述了Android编程实现滑动开关组件功能.分享给大家供大家参考,具体如下: 由于Android并未提供滑动开关之类的组件,所以我们需要自己去实现一个自定义的视图组件来实现滑动开关效果. 这里有一个示例代码,它包括三个类:开关组件视图.状态监听接口.MainActivity 我们先来看看整个demo的效果图: 我们先来看看视图组件的完整代码,代码都已经注释: package com.bear.swtichbuttondemo; import java.util.ArrayList; i

随机推荐