Android實現(xiàn)QQ側(cè)滑(刪除、置頂?shù)?功能
更新時間：2017年12月02日 11:26:48 作者：code小生
這篇文章主要為大家詳細介紹了Android實現(xiàn)QQ側(cè)滑刪除、置頂?shù)裙δ埽哂幸欢ǖ膮⒖純r值，感興趣的小伙伴們可以參考一下
實現(xiàn)類似QQ滑動出現(xiàn)可操作項的功能，在網(wǎng)上看到有人自定義LinearLayout實現(xiàn)這個效果，但是靈活性有限。此demo使用開源項目SwipeLayout實現(xiàn)該功能。關(guān)于SwipeLayout的常用設(shè)置和屬性，這里都做介紹，下面進入正題。
一、效果圖
二、代碼片段
主頁布局和主頁的Java代碼都和平時使用沒有區(qū)別，代碼沒必要貼出來了。這里使用的ListView演示，還可以是GridView，ExpandableListView。
最關(guān)鍵的代碼部分，ListView適配器布局：
<?xml version="1.0" encoding="utf-8"?>
<com.daimajia.swipe.SwipeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/swipe"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:drag_edge="right">
<LinearLayout
android:id="@+id/trash"
android:layout_width="160dp"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal"
android:tag="Bottom">
<TextView
android:id="@+id/swipe_open"
android:layout_width="1dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#f55509"
android:gravity="center"
android:text="打開"
android:textColor="@android:color/white"
android:textSize="20sp" />
<TextView
android:id="@+id/swipe_delete"
android:layout_width="1dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:text="刪除"
android:textColor="@android:color/white"
android:textSize="20sp" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/white"
android:gravity="center_vertical"
android:orientation="horizontal"
android:padding="5dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/white"
android:orientation="vertical"
android:paddingLeft="5dp">
<TextView
android:id="@+id/tv_nickname"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="17sp" />
<TextView
android:id="@+id/tv_msg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:textSize="15sp" />
</LinearLayout>
</LinearLayout>
</com.daimajia.swipe.SwipeLayout>
說明：最外層是我們的SwipeLayout，里面是兩個LinearLayout，第一層是我們的頁面布局，第二層是我們的側(cè)邊劃出來的布局。關(guān)鍵的屬性這里有體現(xiàn)：
app:drag_edge="right"
此屬性是設(shè)置我們的側(cè)邊布局劃出位置，默認(rèn)是右邊，可以設(shè)置左邊、底部、頂部。
適配器Java代碼：
package com.example.mjj.swipelayoutdemo;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;
import com.daimajia.swipe.SwipeLayout;
import com.daimajia.swipe.adapters.BaseSwipeAdapter;
import java.util.List;
/**
* Description：適配器
* <p>
* Created by Mjj on 2016/12/12.
*/
public class MySwipeAdapter extends BaseSwipeAdapter implements View.OnClickListener {
private Context context;
private List<ItemBean> list;
private final String TAG = "MySwipeAdapter";
public MySwipeAdapter(Context context, List<ItemBean> list) {
this.context = context;
this.list = list;
}
/**
* 返回SwipeLayout的ID
*
* @param position
* @return
*/
@Override
public int getSwipeLayoutResourceId(int position) {
return R.id.swipe;
}
/**
* 綁定布局
*
* @param position
* @param parent
* @return
*/
@Override
public View generateView(int position, ViewGroup parent) {
View itemView = View.inflate(context, R.layout.item_swipe, null);
SwipeLayout swipeLayout = (SwipeLayout) itemView.findViewById(getSwipeLayoutResourceId(position));
// 設(shè)置滑動是否可用,默認(rèn)為true
swipeLayout.setSwipeEnabled(true);
/**
* 打開時調(diào)用：循環(huán)調(diào)用onStartOpen,onUpdate,onHandRelease,onUpdate,onOpen,
* 關(guān)閉時調(diào)用：onStartClose,onUpdate,onHandRelease,onHandRelease,onUpdate,onClose
*/
swipeLayout.addSwipeListener(new SwipeLayout.SwipeListener() {
@Override
public void onStartOpen(SwipeLayout layout) {
// Log.e(TAG, "onStartOpen: ");
}
@Override
public void onOpen(SwipeLayout layout) {
// Log.e(TAG, "onOpen: ");
}
@Override
public void onStartClose(SwipeLayout layout) {
// Log.e(TAG, "onStartClose: ");
}
@Override
public void onClose(SwipeLayout layout) {
// Log.e(TAG, "onClose: ");
}
@Override
public void onUpdate(SwipeLayout layout, int leftOffset, int topOffset) {
// Log.e(TAG, "onUpdate: ");
}
@Override
public void onHandRelease(SwipeLayout layout, float xvel, float yvel) {
// Log.e(TAG, "onHandRelease: ");
}
});
// 設(shè)置為true,在當(dāng)前一條item(除側(cè)滑以外部分)點擊時,可收回側(cè)滑出來部分,默認(rèn)為false
swipeLayout.setClickToClose(true);
// SwipeLayout單擊事件,可替代ListView的OnitemClickListener事件.
swipeLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
// Log.e(TAG, "onClick: ");
}
});
return itemView;
}
/**
* 綁定數(shù)據(jù)
*
* @param position
* @param convertView
*/
@Override
public void fillValues(int position, View convertView) {
TextView tvNickName = (TextView) convertView.findViewById(R.id.tv_nickname);
TextView tvMsg = (TextView) convertView.findViewById(R.id.tv_msg);
TextView tvSwipeOpen = (TextView) convertView.findViewById(R.id.swipe_open);
TextView tvSwipeDelete = (TextView) convertView.findViewById(R.id.swipe_delete);
tvNickName.setText(list.get(position).getNickName());
tvMsg.setText(list.get(position).getMsg());
tvSwipeDelete.setOnClickListener(this);
tvSwipeOpen.setOnClickListener(this);
}
@Override
public int getCount() {
return list.size();
}
@Override
public ItemBean getItem(int i) {
return list.get(i);
}
@Override
public long getItemId(int i) {
return i;
}
@Override
public void onClick(View view) {
int id = view.getId();
switch (id) {
case R.id.swipe_open:
// 關(guān)閉所有打開的Swipe的item
this.closeAllItems();
Toast.makeText(context, "Swipe--Open", Toast.LENGTH_SHORT).show();
break;
case R.id.swipe_delete:
this.closeAllItems();
Toast.makeText(context, "Swipe--Delete", Toast.LENGTH_SHORT).show();
break;
}
}
}
說明：和平時我們寫的適配器不一樣的是繼承自BaseSwipeAdapter，需要實現(xiàn)的方法除了圖中展示的，還有一個getItemId()；再沒有別的。這里主要解釋下幾個平時沒有見過的方法：
public int getSwipeLayoutResourceId(int position)
此方法返回的是我們的SwipeLayout的ID，而不是布局的ID。
public View generateView(int position, ViewGroup parent)
此方法返回的作用是和我們的item布局進行關(guān)聯(lián)的，并在這里設(shè)置swipeLayout的相關(guān)屬性。
public void fillValues(int position, View convertView)
此方法用來給我們的item中的控件綁定數(shù)據(jù)，并根據(jù)需要設(shè)置事件等操作。
*三、常用設(shè)置介紹*
1、如果我們的這個適配器是重用的，而有些時候不需要滑動功能，那么可以調(diào)用此方法來控制滑動是否可用。
swipeLayout.setSwipeEnabled(true);
2、當(dāng)我們的側(cè)邊布局還出來的時候，此時點擊該條item，默認(rèn)是不會收回的，也就是下面代碼默認(rèn)是false。
falseswipeLayout.setClickToClose(true);
3、如演示，當(dāng)點擊了刪除或者打開后，劃出來的側(cè)邊布局自動收回了，及時通過下面的屬性closeAllItems()方法控制的。默認(rèn)是不會收回的。
this.closeAllItems();
4、前面已經(jīng)提到了，我們的側(cè)滑出現(xiàn)的位置，如有需求是需要左邊或者右邊，別忘了它：
app:drag_edge="right"
*四、使用*
compile 'com.daimajia.swipelayout:library:1.2.0'
五、總結(jié)
demo已上傳至github，鏈接放在了公眾號”code小生”里，關(guān)注查看。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
大家在瀏覽app啟動頁的時候,一定遇到過在部分機型中圖片變形、頁面不協(xié)調(diào)、文案被裁剪的問題,下面這篇文章主要給大家介紹了關(guān)于Android?app啟動圖適配的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
Android中WebView無法后退和js注入漏洞的解決方案
這篇文章主要介紹了Android中WebView無法后退和js注入漏洞解決方案,其中js注入主要針對安卓4.2及以下版本中WebView的漏洞,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了Android 使用Zbar實現(xiàn)掃一掃功能,本文用的是Zbar實現(xiàn)掃一掃,因為根據(jù)本人對兩個庫的使用比較,發(fā)現(xiàn)Zbar解碼比Zxing速度要快,實現(xiàn)方式也簡單，需要的朋友可以參考下2023-03-03
這篇文章給大家介紹了利用Android自定義View實現(xiàn)水面上漲效果，對大家日常開發(fā)很有幫助，有需要的朋友們可以參考借鑒。2016-09-09
本篇文章主要介紹了android事件分發(fā)機制的實現(xiàn)原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章為大家?guī)硪粋€Android?完整購物商城的界面具體的實現(xiàn)，案例中含有商品列表的顯示，為商城最重要的功能之一，感興趣的朋友來看看吧2022-03-03
這篇文章主要為大家詳細介紹了Android實現(xiàn)自定義倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了Android劉海屏、水滴屏全面屏適配小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
Android程序開發(fā)之Fragment實現(xiàn)底部導(dǎo)航欄實例代碼
流行的應(yīng)用的導(dǎo)航一般分為兩種，一種是底部導(dǎo)航，一種是側(cè)邊欄。本文給大家介紹Fragment實現(xiàn)底部導(dǎo)航欄，對Fragment實現(xiàn)底部導(dǎo)航欄相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-03-03
配置android開發(fā)環(huán)境時出現(xiàn)eclipse獲取不到ADT的解決方法
這篇文章主要介紹了配置android開發(fā)環(huán)境時出現(xiàn)eclipse獲取不到ADT的解決方法,涉及針對開發(fā)環(huán)境hosts文件域名映射的修改及eclipse配置的修改技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12