如果想了解更多的android小功能，可以看一下我的其他博客博客地址去了解一下。

这个功能效果还是比较好用的，给你带来不一样的体验，废话不多说。首先看效果，效果如下，可以不通过按图中的左滑等按钮，也可以使用手动滑动来效果：

mob8.gif

如果所示：

在这里插入图片描述

如果想了解框架源码的话，可以GitHub框架源地址去了解一下。

因为还有一个其他的功能，需要导入依赖包(例如：CardView，Snackbar等)，如下所示：

implementation 'androidx.cardview:cardview:1.0.0'

implementation 'com.google.android.material:material:1.2.1'

如果没有FloatingActionButton的话，可以去手动下载，我这里是下载好了：

在这里插入图片描述

2.layout的使用

1.在card.xml使用CardView来设置展示每个页面的内容

因为看起来来清晰一点，我只使用了一个TextView。

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:card_view="http://schemas.android.com/apk/res-auto"

android:layout_height="match_parent"

android:layout_width="match_parent"

android:background="#FFFFFF"

card_view:cardCornerRadius="@dimen/card_corner_radius"

card_view:cardElevation="@dimen/elevation_large">

android:id="@+id/textViewCard"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:alpha="1"

android:background="@drawable/bg"

android:gravity="center"

android:text="@string/dummy_text"

android:textColor="#333"

android:textSize="30sp" />

效果如图：

在这里插入图片描述

2.在activity_main.xml调用框架swipestack框架使用滑动功能。

android:id="@+id/swipeStack"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_above="@+id/buttonSwipeLeft"

android:padding="@dimen/padding_swipestack"

app:stack_rotation="10"

app:stack_size="3" />

总体界面布局代码如下：

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:clipChildren="false"

tools:context=".MainActivity">

android:id="@+id/constraintLayout"

android:layout_width="match_parent"

android:layout_height="60dp"

android:background="@color/colorPrimaryDark"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="记事本"

android:textColor="#FFF"

android:textSize="20sp"

android:textStyle="bold"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_marginTop="60dp"

app:layout_constraintTop_toTopOf="parent">

android:id="@+id/buttonSwipeLeft"

style="?android:attr/borderlessButtonStyle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentBottom="true"

android:text="@string/swipe_left"

android:textSize="16sp" />

android:id="@+id/buttonSwipeRight"

style="?android:attr/borderlessButtonStyle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:text="@string/swipe_right"

android:textSize="16sp" />

android:id="@+id/swipeStack"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_above="@+id/buttonSwipeLeft"

android:padding="@dimen/padding_swipestack"

app:stack_rotation="10"

app:stack_size="3" />

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/fabAdd"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="bottom|center"

android:layout_margin="@dimen/margin_fab"

android:src="@drawable/ic_content_add"

app:fabSize="normal" />

android:id="@+id/reflash"

android:layout_width="40dp"

android:layout_height="40dp"

android:layout_marginEnd="8dp"

android:layout_marginRight="8dp"

android:layout_marginBottom="1dp"

android:onClick="Reflash"

app:layout_constraintBottom_toBottomOf="@+id/constraintLayout"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:srcCompat="@drawable/reflash" />

效果如图所示：

在这里插入图片描述

3.MainActivity页面

1.初始化数据

private void fillWithTestData() {

mData.add("鹰击天风壮，鹏飞海浪春");

mData.add("做好手中事，珍惜眼前人");

mData.add("寒冷到了极致时，太阳就要光临");

mData.add("绝大多数人，在绝大多数时候");

}

2.点击事件实现左右滑动

@Override

public void onClick(View v) {

if (v.equals(mButtonLeft)) {

mSwipeStack.swipeTopViewToLeft(); //左滑动

} else if (v.equals(mButtonRight)) {

mSwipeStack.swipeTopViewToRight(); //右滑动

} else if (v.equals(mFab)) {

EditText(); //添加新数据

}

}

3.当进行左滑动，或右滑动的响应事件

//右滑动响应事件

@Override

public void onViewSwipedToRight(int position) {

String swipedElement = mAdapter.getItem(position);

Toast.makeText(this, getString(R.string.view_swiped_right, swipedElement),

Toast.LENGTH_SHORT).show();

}

//右滑动响应事件

@Override

public void onViewSwipedToLeft(int position) {

String swipedElement = mAdapter.getItem(position);

Toast.makeText(this, getString(R.string.view_swiped_left, swipedElement),

Toast.LENGTH_SHORT).show();

}

4.当页面为空时

@Override

public void onStackEmpty() {

Toast.makeText(this, R.string.stack_empty, Toast.LENGTH_SHORT).show();

}

5.重新刷新页面

public void Reflash(View v){

mSwipeStack.resetStack();

Snackbar.make(mFab, R.string.stack_reset, Snackbar.LENGTH_SHORT).show();

}

6.遍历mData数组里面所有的数据

public class SwipeStackAdapter extends BaseAdapter {

private List mData;

public SwipeStackAdapter(List data) {

this.mData = data;

}

@Override

public int getCount() {

return mData.size();

}

@Override

public String getItem(int position) {

return mData.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(final int position, View convertView, ViewGroup parent) {

if (convertView == null) {

convertView = getLayoutInflater().inflate(R.layout.card, parent, false);

}

final TextView textViewCard = (TextView) convertView.findViewById(R.id.textViewCard);

textViewCard.setText(mData.get(position));

return convertView;

}

}

7.如果感觉分开看不是很清晰，可以看总体代码。

总体代码如下：

package com.example.cardtest1;

import androidx.appcompat.app.AppCompatActivity;

import android.app.AlertDialog;

import android.content.DialogInterface;

import android.os.Bundle;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

import android.widget.Toast;

import com.google.android.material.floatingactionbutton.FloatingActionButton;

import com.google.android.material.snackbar.Snackbar;

import java.util.ArrayList;

import java.util.List;

import link.fls.swipestack.SwipeStack;

public class MainActivity extends AppCompatActivity implements SwipeStack.SwipeStackListener, View.OnClickListener {

private Button mButtonLeft, mButtonRight;

private FloatingActionButton mFab;

private ArrayList mData;

private SwipeStack mSwipeStack;

private SwipeStackAdapter mAdapter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mSwipeStack = (SwipeStack) findViewById(R.id.swipeStack);

mButtonLeft = (Button) findViewById(R.id.buttonSwipeLeft);

mButtonRight = (Button) findViewById(R.id.buttonSwipeRight);

mFab = (FloatingActionButton) findViewById(R.id.fabAdd);

mButtonLeft.setOnClickListener(this);

mButtonRight.setOnClickListener(this);

mFab.setOnClickListener(this);

mData = new ArrayList<>();

mAdapter = new SwipeStackAdapter(mData);

mSwipeStack.setAdapter(mAdapter);

mSwipeStack.setListener(this);

fillWithTestData();

}

//数据初始化

private void fillWithTestData() {

mData.add("鹰击天风壮，鹏飞海浪春");

mData.add("做好手中事，珍惜眼前人");

mData.add("寒冷到了极致时，太阳就要光临");

mData.add("绝大多数人，在绝大多数时候");

}

//添加新的数据

public void EditText(){

final EditText inputServer = new EditText(MainActivity.this);

AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);

builder.setTitle("输入笔记").setIcon(R.drawable.book).setView(inputServer)

.setNegativeButton("取消", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

dialog.dismiss();

}

});

builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

String text = inputServer.getText().toString();

mData.add(text.toString());

mAdapter.notifyDataSetChanged();

}

});

builder.show();

}

public void Reflash(View v){

mSwipeStack.resetStack();

Snackbar.make(mFab, R.string.stack_reset, Snackbar.LENGTH_SHORT).show();

}

//选择滑动方法，或者添加新数据

@Override

public void onClick(View v) {

if (v.equals(mButtonLeft)) {

mSwipeStack.swipeTopViewToLeft();

} else if (v.equals(mButtonRight)) {

mSwipeStack.swipeTopViewToRight();

} else if (v.equals(mFab)) {

EditText(); //添加新数据

}

}

@Override

public void onViewSwipedToRight(int position) {

String swipedElement = mAdapter.getItem(position);

Toast.makeText(this, getString(R.string.view_swiped_right, swipedElement),

Toast.LENGTH_SHORT).show();

}

@Override

public void onViewSwipedToLeft(int position) {

String swipedElement = mAdapter.getItem(position);

Toast.makeText(this, getString(R.string.view_swiped_left, swipedElement),

Toast.LENGTH_SHORT).show();

}

//数据为空时

@Override

public void onStackEmpty() {

Toast.makeText(this, R.string.stack_empty, Toast.LENGTH_SHORT).show();

}

//遍历mData里面的数据

public class SwipeStackAdapter extends BaseAdapter {

private List mData;

public SwipeStackAdapter(List data) {

this.mData = data;

}

@Override

public int getCount() {

return mData.size();

}

@Override

public String getItem(int position) {

return mData.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(final int position, View convertView, ViewGroup parent) {

if (convertView == null) {

convertView = getLayoutInflater().inflate(R.layout.card, parent, false);

}

final TextView textViewCard = (TextView) convertView.findViewById(R.id.textViewCard);

textViewCard.setText(mData.get(position));

return convertView;

}

}

}

总体代码如上，如果遇到什么问题可以说出来，一起解决，因为为了展示起来方便一点，我没有把代码存入数据库，自己可以使用本地数据库或者bmob等原来存数据。

不得不提一下ADT自带的手机截屏很方便，就在DDMS里可以找到。

main.xml

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

/>

newdiary.xml

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="2dip"

android:text="@string/new_Title"

android:textColor="#FFFF00" />

android:id="@+id/text_title"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginBottom="2dip" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="2dip"

android:text="@string/new_Body"

android:textColor="#FFFF00" />

android:id="@+id/text_body"

android:layout_width="fill_parent"

android:layout_height="250dip"

android:layout_marginBottom="2dip"

android:gravity="top" />

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal" >

android:id="@+id/new_save"

android:layout_width="80dip"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginLeft="50dp"

android:text="@string/new_saveButton"

android:textSize="20dip" />

android:id="@+id/new_cancel"

android:layout_width="80dip"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_marginLeft="50dp"

android:layout_toRightOf="@+id/new_save"

android:text="@string/new_cancelButton"

android:textSize="20dip" />

show_single_diary.xml

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@color/transparent"

android:orientation="vertical" >

android:id="@+id/simple_text_title"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:textColor="@color/red"

android:textSize="20sp" />

android:id="@+id/simple_text_id"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="left"

android:textColor="@color/LightSlateGray" />

android:id="@+id/simple_text_time"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="right"

android:layout_marginBottom="1dip"

android:textColor="@color/LightSlateGray" />

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

android:id="@+id/simple_text_body"

android:layout_width="fill_parent"

android:layout_height="250dip"

android:layout_marginBottom="2dip"

android:gravity="top"

android:padding="1dip"

android:textColor="@color/yellow"

android:textSize="25sp" />

diary_item.xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

android:layout_width="fill_parent"

android:layout_height="match_parent">

android:layout_width="20dip"

android:layout_height="wrap_content"

android:gravity="center"

android:visibility="gone"

android:textColor="@color/red"

android:layout_alignParentLeft="true"

/>

android:layout_width="100dip"

android:layout_height="wrap_content"

android:textSize="20sp"

android:padding="1dip"

android:layout_margin="1dip"

android:gravity="center"

android:textColor="@color/red"

android:layout_alignParentLeft="true"

android:maxLines="1"

/>

android:textSize="14sp"

android:layout_margin="1dip"

android:padding="3dip"

android:textColor="@color/meadow_green"

android:layout_width="80dip"

android:gravity="center"

android:layout_alignParentRight="true"

android:layout_height="wrap_content"

android:maxLines="1"

/>

android:textSize="14sp"

android:textColor="@color/LightSlateGray"

android:layout_marginTop="2dip"

android:padding="1dip"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:maxLines="1"

android:paddingLeft="3dip"

android:paddingRight="10dip"

/>

上一篇文章介绍了Android记事本示例程序一并进行了部分剖析，本文继续通过记事本来讲解几种Android菜单的使用。

Android菜单简介

Android提供了三种菜单类型，分别为选项菜单(options menu)，上下文菜单(context menu)，子菜单(sub menu)。

options menu就是通过按home键来显示，context menu需要在view上按上2s后显示。这两种menu都有可以加入子菜单，子菜单不能种不能嵌套子菜单。options menu最多只能在屏幕最下面显示6个菜单选项，称为iconmenu，icon menu不能有checkable选项。多于6的菜单项会以more icon menu来调出，称为expanded menu。options menu通过activity的onCreateOptionsMenu来生成，这个函数只会在menu第一次生成时调用。任何想改变options menu的想法只能在onPrepareOptionsMenu来实现，这个函数会在menu显示前调用。onOptionsItemSelected 用来处理选中的菜单项。

context menu是跟某个具体的view绑定在一起，在Activity种用registerForContextMenu来为某个view注册context menu。context menu在显示前都会调用onCreateContextMenu来生成menu。onContextItemSelected用来处理选中的菜单项。

Android还提供了对菜单项进行分组的功能，可以把相似功能的菜单项分成同一个组，这样就可以通过调用setGroupCheckable，setGroupEnabled,setGroupVisible来设置菜单属性，而无须单独设置。

选项菜单(Options Menu)

Notepad中使用了options menu和context menu两种菜单。首先来看生成options menu的onCreateOptionsMenu函数。

menu.add(0, MENU_ITEM_INSERT, 0, R.string.menu_insert)

.setShortcut('3', 'a')

.setIcon(android.R.drawable.ic_menu_add);

这是一个标准的插入一个菜单项的方法，菜单项的id为MENU_ITEM_INSERT。有意思的是下面这几句代码：

Intent intent = new Intent(null, getIntent().getData());

intent.addCategory(Intent.CATEGORY_ALTERNATIVE);

menu.addIntentOptions(Menu.CATEGORY_ALTERNATIVE, 0, 0,

new ComponentName(this, NotesList.class), null, intent, 0, null);

这到底有何用处呢？其实这是一种动态菜单技术(也有点像插件机制)，若某一个activity，其类型是”android.intent.category.ALTERNATIVE”，数据是”vnd.android.cursor.dir/vnd.google.note”的话，系统就会为这个activity增加一个菜单项。在androidmanfest.xml中查看后发现，没有一个activity符合条件，所以这段代码并没有动态添加出任何一个菜单项。

为了验证上述分析，我们可以来做一个实验，在androidmanfest.xml中进行修改，看是否会动态生成出菜单项。

实验一

首先我们来创建一个新的activity作为目标activity，名为HelloAndroid，没有什么功能，就是显示一个界面。

Java代码publicclassHelloAndroidextendsActivity {

@Override

protectedvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

this.setContentView(R.layout.main);

}

}

它所对应的布局界面XML文件如下：

XML/HTML代码<?xmlversion ="1.0"encoding="utf-8"?>

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:layout_width="fill_parent"

android:layout_height="wrap_content"android:id="@+id/TextView01"/>

然后修改androidmanfest.xml，加入下面这段配置，让HelloAndroid满足上述两个条件：

XML/HTML代码

好了，运行下试试，哎，还是没有动态菜单项加入呀！怎么回事呢？查看代码后发现，原来是onPrepareOptionsMenu搞的鬼！这个函数在onCreateOptionsMenu之后运行，下面这段代码中，由于Menu.CATEGORY_ALTERNATIVE是指向同一个组，所以把onCreateOptionsMenu中设置的菜单项给覆盖掉了，而由于onPrepareOptionsMenu没有给Menu.CATEGORY_ALTERNATIVE附新值，故Menu.CATEGORY_ALTERNATIVE还是为空。

Intent intent = new Intent(null, uri);

intent.addCategory(Intent.CATEGORY_ALTERNATIVE);

menu.addIntentOptions(Menu.CATEGORY_ALTERNATIVE, 0, 0, null, specifics, intent, 0,items);

好的，那我们暂时把上面这几句给注释掉，当然，也可以不注释这几句，在onCreateOptionsMenu中改groupid号，即将Menu.CATEGORY_ALTERNATIVE改为Menu.first,其他的也行，但注意不要改为menu.none,这样会覆盖掉。

menu.add(0, MENU_ITEM_INSERT, 0, R.string.menu_insert)

.setShortcut('3', 'a')

.setIcon(android.R.drawable.ic_menu_add);

添加的菜单。因为menu.none也为0。运行后就可以看到动态菜单出来了！

上面这个options menu是在NotesList界面上没有日志列表选中的情况下生成的，若先选中一个日志，然后再点“menu”，则生成的options menu是下面这样的：

哎，又动态增加了两个菜单项“Edit note”和”Edit title”,这又是如何动态加入的呢？这就是onPrepareOptionsMenu的功劳了。

Uri uri = ContentUris.withAppendedId(getIntent().getData(), getSelectedItemId());

首先获取选中的日志(若没有选择，则uri为空)

Intent[] specifics = new Intent[1];

specifics[0] = new Intent(Intent.ACTION_EDIT, uri);

MenuItem[] items = new MenuItem[1];

然后为选中的日志创建一个intent,操作类型为Intent.ACTION_EDIT，数据为选中日志的URI.于是会为选中的日志创建一个”Edit note”菜单项。

Intent intent = new Intent(null, uri);

intent.addCategory(Intent.CATEGORY_ALTERNATIVE);

menu.addIntentOptions(Menu.CATEGORY_ALTERNATIVE, 0, 0, null, specifics, intent, 0, items);

这几句和上面onCreateOptionsMenu函数中类似，用于动态增加菜单项，若某一个activity，其类型是”android.intent.category.ALTERNATIVE”，数据是”vnd.android.cursor.item/vnd.google.note”的话，系统就会为这个activity增加一个菜单项。在androidmanfest.xml中查看后发现，TitleEditor这个activity符合条件，于是系统就为TitleEditor这个activity动态添加一个菜单项”Edit title”。

else {

menu.removeGroup(Menu.CATEGORY_ALTERNATIVE);

}

若日志列表为空，则从菜单中删除组号为Menu.CATEGORY_ALTERNATIVE的菜单项，只剩下”Add note”菜单项。

处理“选中菜单项”事件

菜单项选中事件的处理非常简单，通过onOptionsItemSelected来完成,这里只是简单地调用startActivity(new Intent(Intent.ACTION_INSERT, getIntent().getData()));这个intent的操作类型为Intent.ACTION_INSERT，数据为日志列表的URI，即content:// com.google.provider.NotePad/notes。

Java代码@Override

publicbooleanonOptionsItemSelected(MenuItem item) {

switch(item.getItemId()) {

caseMENU_ITEM_INSERT:

// Launch activity to insert a new item

startActivity(newIntent(Intent.ACTION_INSERT, getIntent().getData()));

returntrue;

}

returnsuper.onOptionsItemSelected(item);

}

上下文菜单(Context Menu)

下面介绍另一种菜单---上下文菜单，这通过重载onCreateContextMenu函数实现。首先确认已经选中了日志列表中的一个日志，若没选择，则直接返回。Cursor指向选中的日志项。

Java代码Cursor cursor = (Cursor) getListAdapter().getItem(info.position);

if(cursor ==null) {

// For some reason the requested item isn't available, do nothing

return;

}

然后，设置上下文菜单的标题为日志标题。

Java代码// Setup the menu header

menu.setHeaderTitle(cursor.getString(COLUMN_INDEX_TITLE));

最后为上下文菜单增加一个菜单项。

Java代码// Add a menu item to delete the note

menu.add(0, MENU_ITEM_DELETE,0, R.string.menu_delete);

对于上下文菜单项选中的事件处理，是通过重载onContextItemSelected实现的。

Java代码switch(item.getItemId()) {

caseMENU_ITEM_DELETE: {

// Delete the note that the context menu is for

Uri noteUri = ContentUris.withAppendedId(getIntent().getData(), info.id);

getContentResolver().delete(noteUri,null,null);

returntrue;

}

}

returnfalse;

对于日志的删除，首先调用ContentUris.withAppendedId(getIntent().getData(), info.id);来拼接出待删除日志的URI.然后getContentResolver().delete(noteUri, null, null);调用下层的Content Provider去删除此日志。

实验二

来做个简单实验，在上述代码基础上增加一个上下文菜单项。首先在onCreateContextMenu函数中增加一个上下文菜单项：

menu.add(0,MENU_ITEM_INSERT,0,R.string.menu_insert);

然后为其在onContextItemSelected函数中增加一个处理过程：

Java代码caseMENU_ITEM_INSERT:

{

newAlertDialog.Builder(this).setIcon(R.drawable.app_notes)

.setTitle(R.string.app_name).setMessage(R.string.error_message).setPositiveButton(R.string.button_ok,newOnClickListener(){

publicvoidonClick(DialogInterface dialog,intwhich) {

// TODO Auto-generated method stub

}

}).show();

returntrue;

}

实验结果如下：

2012年8月14日