• Android SwipeMenuListView


    

    Android平台上的第三方开源项目SwipeMenuListView是一种能够在某一个view条目中响应用户左右側滑(从左向右,或从右向左滑动),滑出操作菜单的UI控件。类似这样的控件达到的UI效果,在一些流行的APP中应用广泛,比方QQ的消息列表中的某一列表项。当用户手指触摸某一项。然后向左边滑,则滑出QQ的“置顶”,“删除”选项菜单,如图中的箭头指向的红圆圈所看到的:


    如今基于SwipeMenuListView实现QQ的上述列表子项目側滑(左滑、右滑)效果。

    SwipeMenuListView是在github上的第三方开源项目,该项目在github上的链接地址是:https://github.com/baoyongzhang/SwipeMenuListView

    使用之前,须要导入https://github.com/baoyongzhang/SwipeMenuListView该项目的库文件,下载后。将library/ src/main/java/com/ baoyz/ swipemenulistview文件夹下的全部源码文件放入自己的项目代码包中就可以使用,源码文件和包结构如图所看到的:


    然后就能够在自己的项目中使用SwipeMenuListView了。现举例写出一个演示代码。效果例如以下:


    上述效果的所有源码例如以下:

    package zhangphil.swipemenulistview;
    
    import com.baoyz.swipemenulistview.SwipeMenu;
    import com.baoyz.swipemenulistview.SwipeMenuCreator;
    import com.baoyz.swipemenulistview.SwipeMenuItem;
    import com.baoyz.swipemenulistview.SwipeMenuListView;
    
    import android.support.v7.app.ActionBarActivity;
    import android.util.Log;
    import android.widget.ArrayAdapter;
    import android.widget.Toast;
    import android.content.Context;
    import android.graphics.Color;
    import android.graphics.drawable.ColorDrawable;
    import android.os.Bundle;
    
    public class MainActivity extends ActionBarActivity {
    	
    	private	Context context;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		
    		context=this;
    		setContentView(R.layout.activity_main);
    
    		SwipeMenuCreator creator = new SwipeMenuCreator() {
    
    			@Override
    			public void create(SwipeMenu menu) {
    				
    				SwipeMenuItem openItem = new SwipeMenuItem(context);
    				openItem.setBackground(new ColorDrawable(Color.GREEN));
    				openItem.setWidth(dp2px(90));
    				openItem.setTitle("打开");
    				openItem.setTitleSize(20);
    				openItem.setTitleColor(Color.WHITE);
    				menu.addMenuItem(openItem);				
    
    				SwipeMenuItem deleteItem = new SwipeMenuItem(context);
    				deleteItem.setBackground(new ColorDrawable(Color.LTGRAY));
    				deleteItem.setWidth(dp2px(90));
    				deleteItem.setIcon(android.R.drawable.ic_delete);
    				menu.addMenuItem(deleteItem);
    			}
    		};
    		
    		SwipeMenuListView listView = (SwipeMenuListView) findViewById(R.id.listView);
    		listView.setMenuCreator(creator);
    
    		listView.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
    			@Override
    			public boolean onMenuItemClick(int position, SwipeMenu menu,int index) {
    				//index的值就是在SwipeMenu依次加入SwipeMenuItem顺序值。相似数组的下标。
    				//从0開始。依次是:0、1、2、3...
    				switch (index) {
    				case 0:
    					Toast.makeText(context, "打开:"+position,Toast.LENGTH_SHORT).show();
    					break;
    
    				case 1:
    					Toast.makeText(context, "删除:"+position,Toast.LENGTH_SHORT).show();
    					break;
    				}
    
    				// false : 当用户触发其它地方的屏幕时候,自己主动收起菜单。

    // true : 不改变已经打开菜单的样式,保持原样不收起。 return false; } }); // 监測用户在ListView的SwipeMenu側滑事件。

    listView.setOnSwipeListener(new SwipeMenuListView.OnSwipeListener() { @Override public void onSwipeStart(int pos) { Log.d("位置:" + pos, "開始側滑..."); } @Override public void onSwipeEnd(int pos) { Log.d("位置:" + pos, "側滑结束."); } }); //測试数据集。 String[] data = new String[30]; for (int i = 0; i < data.length; i++) { data[i] = "測试数据:" + i; } ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, data); listView.setAdapter(adapter); } public int dp2px(float dipValue) { final float scale = this.getResources().getDisplayMetrics().density; return (int) (dipValue * scale + 0.5f); } }


    MainActivity.java须要的布局文件activity_main.xml :

    <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" >
    
        <com.baoyz.swipemenulistview.SwipeMenuListView  
                android:id="@+id/listView"  
                android:layout_width="match_parent"  
                android:layout_height="match_parent" />  
        
    </LinearLayout>
    


  • 相关阅读:
    JSP页面
    JSP简介
    常量与变量的声明与使用
    AJAX无刷新上传图片
    JSP连接MySql数据库
    运算符与表达式
    世界级的javascript ajax client端UI库 Ext学习笔记 menu组件 和 toolbar组件
    OOD/OOA基本原则
    Java字符编码转换过程说明
    正则表达式系统教程
  • 原文地址:https://www.cnblogs.com/wzzkaifa/p/6723650.html
Copyright © 2020-2023  润新知