zoukankan      html  css  js  c++  java
  • 使用SwipeListView实现滑动效果

    QQ的滑动删除效果很不错,要实现这种效果,可以使用SwipeListView。
    1. 下载com.fortysevendeg.swipelistview这个项目(以前GitHub上有,现在GitHub上没有了,百度了很多次才下载到的),导入Eclipse,右键单击,选择Properties->Android,选中Library下面的IsLibrary。

    2. 新建一个项目MySwipeListView,加入SwipeListView这个库。

    3. 在主窗体里面放入一个SwipeListView控件:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.hzhi.myswipelistview.MainActivity" >
        
            <com.fortysevendeg.swipelistview.SwipeListView
                xmlns:swipe="http://schemas.android.com/apk/res-auto"
                android:id="@+id/exampleSwipeListView"
                android:listSelector="#00000000"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                swipe:swipeBackView="@+id/back"
                swipe:swipeCloseAllItemsWhenMoveList="true"
                swipe:swipeDrawableChecked="@drawable/choice_selected"
                swipe:swipeDrawableUnchecked="@drawable/choice_unselected"
                swipe:swipeFrontView="@+id/front"
                swipe:swipeMode="both" 
                swipe:swipeActionLeft="reveal"
                swipe:swipeActionRight="dismiss"
                swipe:swipeOpenOnLongPress="true"
            />
    
    </LinearLayout>

    其中两个重要的属性:
    swipe:swipeFrontView:上面的View,即不滑动时显示的View。

    swipe:swipeBackView:下面的View,即滑动后显示的View。

    这两个View都定义在SwipeListView的行布局文件里面: 

    <?xml version="1.0" encoding="utf-8"?>
    
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
                 android:layout_width="fill_parent"
                 android:layout_height="fill_parent"
            >
            
        <LinearLayout
            android:id="@+id/back"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#ffcccccc"
            android:gravity="right"
            android:tag="back" >
    
            <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/btn_delete"
                    android:text="删除"/>
    
            <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/btn_update"
                    android:text="更新"/>
    
        </LinearLayout>
    
        <RelativeLayout
                android:orientation="vertical"
                android:id="@+id/front"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="#ffffffff"
        >
    
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/example_row_iv_image"/>
    
            <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@id/example_row_iv_image"
                    android:id="@+id/example_row_tv_title"/>
    
            <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@id/example_row_iv_image"
                    android:layout_below="@id/example_row_tv_title"
                    android:id="@+id/example_row_tv_description"/>
    
        </RelativeLayout>    
        
        
    </FrameLayout>

     SwipeListView的行布局文件使用FrameLayout布局,FrameLayout里面所有的所有子元素都堆叠在FrameLayout的左上角。

    4. SwipeListView和其他ListView一样,也需要Adapter,使用方法也是一样的。这里就不详细讲了。

    5. 在主窗体Java文件中实现SwipeListView的功能,代码如下:

    package com.hzhi.myswipelistview;
    
    import android.support.v7.app.ActionBarActivity;
    import android.util.Log;
    
    import java.util.ArrayList;
    
    import com.fortysevendeg.swipelistview.BaseSwipeListViewListener;
    import com.fortysevendeg.swipelistview.SwipeListView;
    
    import android.os.Bundle;
    
    @SuppressWarnings("deprecation")
    public class MainActivity extends ActionBarActivity {
        
        protected static final String TAG = "MySwipeListView";  
        private ArrayList<String> mList;
        private MyAdapter mAdapter;
        private SwipeListView mSwipeListView; 
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            
            initData();
            mSwipeListView = (SwipeListView) findViewById(R.id.exampleSwipeListView);
            mAdapter = new MyAdapter(this, mList, mSwipeListView); 
            mSwipeListView.setAdapter(mAdapter);
            
            mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener(){
                @Override  
                public void onChoiceChanged(int position, boolean selected)  
                {  
                    Log.d(TAG, "onChoiceChanged:" + position + ", " + selected);  
                }  
      
                @Override  
                public void onChoiceEnded()  
                {  
                    Log.d(TAG, "onChoiceEnded");  
                }  
      
                @Override  
                public void onChoiceStarted()  
                {  
                    Log.d(TAG, "onChoiceStarted");  
                }  
      
                @Override  
                public void onClickBackView(int position)  
                {  
                    Log.d(TAG, "onClickBackView:" + position);  
                }  
      
                @Override  
                public void onClickFrontView(int position)  
                {  
                    Log.d(TAG, "onClickFrontView:" + position);  
                }  
      
                @Override  
                public void onClosed(int position, boolean fromRight)  
                {  
                    Log.d(TAG, "onClosed:" + position + "," + fromRight);  
                }  
      
                @Override  
                public void onDismiss(int[] reverseSortedPositions)  
                {  
                    Log.d(TAG, "onDismiss");              
                }  
      
                @Override  
                public void onFirstListItem()  
                {  
                    Log.d(TAG, "onFirstListItem");  
                }  
      
                @Override  
                public void onLastListItem()  
                {  
                    Log.d(TAG, "onLastListItem");  
                }  
      
                @Override  
                public void onListChanged()  
                {  
                    Log.d(TAG, "onListChanged");  
                    mSwipeListView.closeOpenedItems();  
      
                }  
      
                @Override  
                public void onMove(int position, float x)  
                {  
                    Log.d(TAG, "onMove:" + position + "," + x);  
                }  
      
                @Override  
                public void onOpened(int position, boolean toRight)  
                {  
                    Log.d(TAG, "onOpened:" + position + "," + toRight);  
                }  
      
                @Override  
                public void onStartClose(int position, boolean right)  
                {  
                    Log.d(TAG, "onStartClose:" + position + "," + right);  
                }  
      
                @Override  
                public void onStartOpen(int position, int action, boolean right)  
                {  
                    Log.d(TAG, "onStartOpen:" + position + "," + action + "," + right);  
                } 
            });
            
        }
        
        private void initData(){
            mList = new ArrayList<String>();  
            for (int i = 0; i <= 10; i++)  
                mList.add("这是第" + i +"条数据!"); 
        }
        
    }

    最主要的代码即mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener(){}),通过这行代码,为SwipeListView控件设置了Listener,可以根据自己的需要重载BaseSwipeListViewListener的各种方法。

    运行结果:

  • 相关阅读:
    20 个 .NET 6 新增的 API
    巅峰对决!Spring Boot VS .NET 6
    【.NET 遇上 GraphQL】 ChilliCream 平台介绍
    使用 CliWrap 让C#中的命令行交互举重若轻
    微软开源的Web测试和自动化神器 Playwright
    GraphQL 到底有什么魔力?
    win切换jdk版本
    WebBug Java漏洞靶场 Java代码审计
    Docker镜像安全的一些(初级)检测方法
    权限安全管控的设计想法
  • 原文地址:https://www.cnblogs.com/mstk/p/5442185.html
Copyright © 2011-2022 走看看