非常实用的侧滑删除控件SwipeLayout
时间:2018-08-17
这篇文章主要为大家详细介绍了非常实用的侧滑删除控件SwipeLayout,类似于QQ侧滑点击删除效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
前言:项目中经常会用到类似于QQ侧滑点击删除的效果,网上的开源库也很多。个人感觉SwipeLayout最好用。下面介绍怎么使用。
一、首先导入需要的Jar包,有3个,AndroidSwipeLayout-v1.1.8.jar、AndroidViewAnimations-1.1.3.jar、nineoldandroids-2.4.0.jar。第一个jar包就是我们使用该控件的jar包,后面2个是侧滑出现删除menu的动画所需的jar包。下面就是怎么使用了。
主布局的xml文件如下,就是一个ListView:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ListView android:id="@+id/swipe_listview" android:layout_width="match_parent" android:layout_height="match_parent" > </ListView> </LinearLayout>
listview中的每个Item的布局如下:
<?xml version="1.0" encoding="utf-8"?> <com.daimajia.swipe.SwipeLayout xmlns:swipe="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipe" android:layout_width="match_parent" android:layout_height="wrap_content" > <LinearLayout android:layout_width="match_parent" android:layout_height="80dp" android:background="#FF5534" android:gravity="center" android:tag="Bottom3" android:weightSum="10" > <ImageView android:id="@+id/trash" android:layout_width="27dp" android:layout_height="30dp" android:layout_weight="1" android:src="@drawable/trash" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="5" android:text="Delete Item?" android:textColor="#fff" android:textSize="17sp" /> <Button android:id="@+id/delete" android:layout_width="0dp" android:layout_height="40dp" android:layout_weight="4" android:background="@drawable/white" android:text="Yes,Delete" android:textColor="#FF5534" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/item_selector" android:padding="10dp" > <TextView android:id="@+id/position" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/text_data" android:layout_width="match_parent" android:layout_height="match_parent" android:tag="Hover" android:text="Just Do it . " /> </LinearLayout> </com.daimajia.swipe.SwipeLayout>
上面的那个LinerLayout相当于bottomView,下面的那个相对应于SurfaceView。开始的时候SurfaceView显示在手机屏幕上,而bottomView则在屏幕外,随着手指的滑动渐渐显示在屏幕上。
Adapter.java如下:
package com.example.adapter; import java.util.List; 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.TextView; import android.widget.Toast; import com.daimajia.androidanimations.library.Techniques; import com.daimajia.androidanimations.library.YoYo; import com.daimajia.swipe.SimpleSwipeListener; import com.daimajia.swipe.SwipeLayout; import com.daimajia.swipe.adapters.BaseSwipeAdapter; import com.example.firstactivity.R; public class ListViewAdapter extends BaseSwipeAdapter { private Context mContext; private List<String> mDatas; //private TextView mDelete; //private SwipeLayout swipeLayout; private int pos ; public ListViewAdapter(Context context, List<String> mDatas) { this.mContext = context; this.mDatas = mDatas; } @Override public int getCount() { // TODO Auto-generated method stub return mDatas.size(); } @Override public Object getItem(int position) { // TODO Auto-generated method stub return mDatas.get(position); } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public void fillValues(int position, View convertView) { // TODO Auto-generated method stub Log.e("fillValues", "position = "+position); TextView tv = (TextView) convertView.findViewById(R.id.position); //tv.setText((position + 1) + "."); tv.setText(mDatas.get(position)+"...."); final SwipeLayout sl = (SwipeLayout) convertView.findViewById(getSwipeLayoutResourceId(position)); final TextView delete = (TextView) convertView.findViewById(R.id.delete); delete.setTag(position); delete.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub int pos = (Integer) delete.getTag(); String obj = mDatas.get(pos); Log.e("onClick", "........pos ...."+pos+" obj = "+obj); mDatas.remove(obj); notifyDataSetChanged(); sl.close(); } }); } @Override public View generateView(int position, ViewGroup arg1) { // TODO Auto-generated method stub Log.e("generateView", "position = "+position); View v = LayoutInflater.from(mContext).inflate(R.layout.swipe_lv_item,null); pos = position; final SwipeLayout swipeLayout = (SwipeLayout) v.findViewById(R.id.swipe); swipeLayout.addSwipeListener(new SimpleSwipeListener() { @Override public void onOpen(SwipeLayout layout) {//当隐藏的删除menu被打开的时候的回调函数 // TODO Auto-generated method stub YoYo.with(Techniques.Tada).duration(500).delay(100).playOn(layout.findViewById(R.id.trash)); } }); swipeLayout.setOnDoubleClickListener(new SwipeLayout.DoubleClickListener() { @Override public void onDoubleClick(SwipeLayout layout, boolean surface) { Toast.makeText(mContext, "DoubleClick",Toast.LENGTH_SHORT).show(); } }); // v.findViewById(R.id.delete).setOnClickListener( // new View.OnClickListener() { // @Override // public void onClick(View view) { // Toast.makeText(mContext, "click delete position = "+pos,Toast.LENGTH_SHORT).show(); // swipeLayout.close(); // } // }); return v; } @Override public int getSwipeLayoutResourceId(int position) { // TODO Auto-generated method stub return R.id.swipe; } }
注意, generateView只是加布局,最好不要在里面设置点击事件。点击事件设置fillValues这个方法中。
Activity.java如下:
package com.example.firstactivity; import java.util.ArrayList; import java.util.List; import com.example.adapter.ListViewAdapter; import android.app.Activity; import android.os.Bundle; import android.widget.ListView; import com.daimajia.swipe.util.Attributes; public class SwipeListViewActivity extends Activity{ private ListView mListView; private ListViewAdapter mAdapter; private List<String> mDatas; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.swipe_layout_main); getData(); mListView = (ListView) findViewById(R.id.swipe_listview); mAdapter = new ListViewAdapter(this, mDatas); mAdapter.setMode(Attributes.Mode.Single); mListView.setAdapter(mAdapter); } public void getData(){ mDatas = new ArrayList<String>(); //for(int i =0; i<10; i++){ mDatas.add("A"); mDatas.add("B"); mDatas.add("C"); mDatas.add("D"); mDatas.add("E"); mDatas.add("F"); mDatas.add("G"); mDatas.add("H"); mDatas.add("I"); mDatas.add("J"); //} } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- 喵哈哈村的魔法考试 Round #1 (Div.2) 题解&源码(A.水+暴力,B.dp+栈)
- 查找第k小的元素(O(n)递归解法)
- C/C++对bool operator < (const p &a)const的认识,运算符重载详解(杂谈)
- C/C++中substr函数的应用(简单讲解)
- C++ STL学习之容器set和multiset (补充材料)
- Codeforces Round #410 (Div. 2)(A,字符串,水坑,B,暴力枚举,C,思维题,D,区间贪心)
- 关于int *a[常量]与int (*a)[常量]的分析与区分(详解)
- python笔记3-发送邮件(smtplib)
- 关关的刷题日记01—Leetcode 169. Majority Element
- 关小刷刷题02——Leetcode 169. Majority Element 方法2和3
- 树链剖分简单分析及模板(杂谈)
- 第十五届北京师范大学程序设计竞赛现场决赛题解&源码(A.思维,C,模拟,水,坑,E,几何,思维,K,字符串处理)
- python+requests接口自动化项目完整框架设计
- POJ 1804 Brainman(5种解法,好题,【暴力】,【归并排序】,【线段树单点更新】,【树状数组】,【平衡树】)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Array - 283. Move Zeroes
- Array - 88. Merge Sorted Array
- Array - 228. Summary Ranges
- Array - 152. Maximum Product Subarray
- Focal Loss和它背后的男人RetinaNet
- Array - 53. Maximum Subarray
- Array - 295. Find Median from Data Stream
- Array - 239. Sliding Window Maximum
- Array - 164. Maximum Gap
- Array - 128. Longest Consecutive Sequence
- String - 13. Roman to Integer
- String - 171. Excel Sheet Column Number
- String - 168. Excel Sheet Column Title
- String - 316. Remove Duplicate Letters
- String - 38. Count and Say