您的位置:首页 > 移动开发 > Android开发

学习Android从0开始之ActionBar(活动条)之提高篇

2016-04-21 21:05 671 查看
[align=center]学习Android从0开始之ActionBar(活动条)之提高篇[/align]
[align=left] 今天为大家带来actionbar的提高篇,有些时候一个列表,比如下载列表,歌曲或视频列表,这时候你想多选,这个时候可以使用actionBar来进行操作。有如下方式来进行操作: 使用上下文动作 和 ActionMode;[/align]
[align=left] 1、使用上下文来创建动作:[/align]
[align=left] 使用PopuMenu作为一个菜单资源并将其作为小型的弹出窗口轻松附加到任何试图;首先在res/menu文件夹下创建一个XML菜单文件,如下:[/align]
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

<item
android:id="@+id/menu_delete"
android:icon="@android:drawable/ic_menu_delete"
android:title="删除" />
<item
android:id="@+id/menu_edit"
android:icon="@android:drawable/ic_menu_edit"
android:title="编辑" />
<item
android:id="@+id/menu_add"
android:icon="@android:drawable/ic_menu_add"
android:title="编辑" />

</menu>

[align=left] 2、为了将popumenu能够被点击了出现在每一个列表项上面,为了封装这个逻辑,现在就是自定义listview的列表项,如下:[/align]
package com.world.hello.actionbarmode;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MenuItem;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.PopupMenu;
import android.widget.TextView;
import android.widget.Toast;

/**
* 自定义listview的列表项
* Created by chengguo on 2016/4/21.
*/
public class PopupMenuListItem extends LinearLayout implements View.OnClickListener, PopupMenu.OnMenuItemClickListener {

/*自定义popupMenu*/
private PopupMenu mPopupMenu;
/*自定义文本*/
private TextView mTextView;

public PopupMenuListItem(Context context) {
super(context);
}

public PopupMenuListItem(Context context, AttributeSet attrs) {
super(context, attrs);
}

public PopupMenuListItem(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}

/**
* 当自定义列表项加载到XML中加载完后调用这个方法
*/
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mTextView = (TextView) findViewById(R.id.text);
//附加单击处理程序
View contextButton = findViewById(R.id.context);
contextButton.setOnClickListener(this);
//创建上下文菜单
mPopupMenu = new PopupMenu(getContext(), contextButton);
mPopupMenu.setOnMenuItemClickListener(this);
mPopupMenu.inflate(R.menu.popupmenu);
}

/**
* 当按钮被点击后,显示popupMenu
*
* @param v
*/
@Override
public void onClick(View v) {
mPopupMenu.show();
}

/**
* popupMenu的菜单项被点击
*
* @param item
* @return
*/
@Override
public boolean onMenuItemClick(MenuItem item) {

String itemStr = mTextView.getText().toString();
switch (item.getItemId()) {
case R.id.menu_delete:
Toast.makeText(getContext(), "删除" + itemStr, Toast.LENGTH_LONG).show();
break;

case R.id.menu_edit:
Toast.makeText(getContext(), "编辑" + itemStr, Toast.LENGTH_LONG).show();
break;

case R.id.menu_add:
Toast.makeText(getContext(), "添加" + itemStr, Toast.LENGTH_LONG).show();
break;

}

return true;
}
}


XML文件如下:
<?xml version="1.0" encoding="utf-8"?>
<com.world.hello.actionbarmode.PopupMenuListItem xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal">

<TextView
android:id="@+id/text"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:gravity="center_vertical"
android:textSize="18sp" />

<ImageView
android:id="@+id/context"
style="@style/Widget.AppCompat.Light.ActionButton.Overflow"
android:layout_width="?android:attr/listPreferredItemHeightSmall"
android:layout_height="match_parent"
android:clickable="true"
android:focusable="false" />
</com.world.hello.actionbarmode.PopupMenuListItem>


PopuoMenuListItem是包含上下文菜单的文本项和图片按钮的LinearLayout。为一致性,我们对按钮应用

style="@style/Widget.AppCompat.Light.ActionButton.Overflow"


[align=left]样式,使其外观和行为类似于溢出菜单按钮。并且创建视图时,构建了一个PopupMenu来显示R.menu.popupmen,并关联改菜单到context这个imageview上面,使点击该按钮时可以在按钮的位置弹出popupmenu。[/align]
[align=left]注意ListVIew内的可点击项需要将android:focusable设置为false,否则就不能够同时单击顶层列表项[/align]
[align=left] 3、activity的代码如下:[/align]

package com.world.hello.actionbarmode;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.ActionMode;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity implements AbsListView.MultiChoiceModeListener {

private String[] mItems = {"item1", "item2", "item3", "item4", "item5", "item6", "item7", "item8", "item9", "item1="};
private ListView mList;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mList = new ListView(this);

ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this, R.layout.list_item, R.id.text, mItems);
mList.setAdapter(arrayAdapter);
mList.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE_MODAL);
mList.setMultiChoiceModeListener(this);

setContentView(mList, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT));
}

@Override
public void onItemCheckedStateChanged(ActionMode mode, int position, long id, boolean checked) {
//当每个item的点击状态改变是调用
Log.e("tag", "--- onItemCheckedStateChanged ---position = " + position + "  id = " + id + " checked = " + checked);
//获取选中的列表项的个数
int count = mList.getCheckedItemCount();
//在actionbar的顶部显示选择项的个数
mode.setTitle(String.format("%d 项被选择", count));
}

@Override
public boolean onCreateActionMode(ActionMode mode, Menu menu) {
//actionMode创建时被调用
Log.e("tag", "--- onCreateActionMode ---");

MenuInflater inflater = mode.getMenuInflater();
inflater.inflate(R.menu.popupmenu, menu);
return true;
}

@Override
public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
//如果ActionMode一直是无效的,可以在这里做一些其它工作来更新菜单
Log.e("tag", "--- onPrepareActionMode ---");
return true;
}

@Override
public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
//通过条目id得到用户选择的动作
Log.e("tag", "--- onActionItemClicked ---");
switch (item.getItemId()) {
case R.id.menu_delete:
break;
case R.id.menu_edit:
break;
case R.id.menu_add:
break;
}
return true;
}

@Override
public void onDestroyActionMode(ActionMode mode) {
//退出ActionMode时调用这个方法
Log.e("tag", "--- onDestroyActionMode ---");
}
}


使用ListView来激活一个多选项的ActionMode,将要将choicMode的属性设为CHOICE_MODE_MULTIPLE_MODAL,它和传统的CHOICE_MODE_MULTIPLE不同,后者是在每个列表项上都提供一个可选则的小部件,在ActionMode处于激活状态时,它的模式表示只应用这个选择模式;
当用户选中每个条目后,我们会在onItemCheckedStateChanged()方法中得到通知,这里我们会 更新ActionMode的标题来显示当前选中条目的个数。
当用户结束选择并单击一个菜单选项时会调用onActionItemClicked()方法,因为会同时选择多个条目,所以通过getCheckedItemPositions()得到所有选择的条目,这样就可以对所有选择的条目进行操作。

下面是gif动态图:
单击右边多功能图片会在相应的位置弹出popupMenu进行单个列表项操作。
长按列表项可以激活listview的多选模式,并且多选模式下,可以选中多个,然后点击actionbar顶部的删除、编辑、添加按钮进行多选统一操作;点击actionBar左边的返回按钮就能够取消多选操作:





点击打开链接下载示例
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: