ListView點擊Item展開菜單實現代碼詳解

2019-12-12 06:08:48

字體：大中小

來源：轉載

供稿：網友

一、概述

ListView點擊item顯示菜單是要實現這樣的效果：

需要實現的邏輯如下：

1）點擊一個普通item，展開當前菜單，同時關閉其他菜單

2）點擊一個已展開的菜單，隱藏當前菜單

3）將展開菜單滑到listview之外，再滑動回來，展開菜單狀態不變

4）點擊菜單中的按鈕，能夠根據不同item進行不同的處理

二、實現思路

1、UI布局上，對于這種每個listitem都包含動態顯示菜單的場景，可以直接在listitem的xml布局里就包含兩部分元素：item本身以及展開菜單

點擊item的時候，動態控制展開菜單這部分元素的Visibility就可以了

2、邏輯控制上，需要額外記錄當前展開菜單的item是誰，這樣可以方便高效的實現概述中描述的邏輯

三、開始干活

實現的代碼結構不復雜，這里直接貼代碼了：

listview_menu.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:background="#EEEEEE"android:orientation="vertical"tools:context="${relativePackage}.${activityClass}" ><ListViewandroid:id="@+id/listview_menu_list"android:layout_width="match_parent"android:layout_height="match_parent"android:divider="@null" /></LinearLayout>

listview_menu_item.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="wrap_content"android:background="@android:color/background_light"android:orientation="vertical"android:descendantFocusability="blocksDescendants" ><TextViewandroid:id="@+id/listview_menu_item_txt"android:layout_width="match_parent"android:layout_height="50dp"android:textStyle="bold"android:textSize="20sp"android:textColor="@android:color/black"android:text="123" /><LinearLayoutandroid:id="@+id/listview_menu_item_menu"android:layout_width="match_parent"android:layout_height="50dp"android:visibility="visible"android:orientation="horizontal" ><Buttonandroid:id="@+id/listview_menu_item_menu_toast"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="#8080FF"android:textColor="@android:color/black"android:textSize="15sp"android:text="提示" /><Buttonandroid:id="@+id/listview_menu_item_menu_collapse"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="#80FF80"android:textColor="@android:color/black"android:textSize="15sp"android:text="收起" /></LinearLayout></LinearLayout>

ListViewMenuActivity.java：

public class ListViewMenuActivity extends Activity {private int mExpandedMenuPos = -1;private ListViewAdapter mAdapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.listview_menu);ArrayList<Integer> data = new ArrayList<Integer>();for (int index = 0; index != 40; ++index) {data.add(index);}ListView list = (ListView)findViewById(R.id.listview_menu_list);list.setAdapter(mAdapter = new ListViewAdapter(this, data));list.setOnItemClickListener(new OnListItemClickListenser());}private class ListViewAdapter extends BaseAdapter {private LayoutInflater mLayoutInflater;private ArrayList<Integer> mListData;private OnMenuClickListenser mOnMenuClickListenser = new OnMenuClickListenser();private class ViewHolder {public ViewHolder (View viewRoot) {root = viewRoot;txt = (TextView)viewRoot.findViewById(R.id.listview_menu_item_txt);menu = viewRoot.findViewById(R.id.listview_menu_item_menu);btnToast = (Button)viewRoot.findViewById(R.id.listview_menu_item_menu_toast);btnCollapse = (Button)viewRoot.findViewById(R.id.listview_menu_item_menu_collapse);}public View root;public TextView txt;public View menu;public Button btnToast;public Button btnCollapse;}public ListViewAdapter(Context context, ArrayList<Integer> data) {mLayoutInflater = LayoutInflater.from(context);mListData = data;}@Overridepublic int getCount() {return mListData == null ? 0 : mListData.size();}@Overridepublic Object getItem(int position) {return mListData == null ? 0 : mListData.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {if (convertView == null) {convertView = mLayoutInflater.inflate(R.layout.listview_menu_item, parent, false);convertView.setTag(new ViewHolder(convertView));}if (convertView != null && convertView.getTag() instanceof ViewHolder) {final ViewHolder holder = (ViewHolder)convertView.getTag();holder.txt.setText(String.valueOf(getItem(position)));if (position % 2 == 0) {holder.root.setBackgroundColor(0xFFC9EEFE);} else {holder.root.setBackgroundColor(0xFFFFFFFF);}holder.menu.setVisibility(position == mExpandedMenuPos ? View.VISIBLE : View.GONE);holder.btnToast.setText("提示" + position);holder.btnCollapse.setText("收起" + position);holder.btnToast.setOnClickListener(mOnMenuClickListenser);holder.btnCollapse.setOnClickListener(mOnMenuClickListenser);}return convertView;}private class OnMenuClickListenser implements View.OnClickListener {@Overridepublic void onClick(View v) {final int id = v.getId();if (id == R.id.listview_menu_item_menu_toast) {Toast.makeText(ListViewMenuActivity.this, "提示" + mExpandedMenuPos, Toast.LENGTH_SHORT).show();} else if (id == R.id.listview_menu_item_menu_collapse) {mExpandedMenuPos = -1;notifyDataSetChanged();}}}}private class OnListItemClickListenser implements OnItemClickListener {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {if (position == mExpandedMenuPos) {mExpandedMenuPos = -1;} else {mExpandedMenuPos = position;}mAdapter.notifyDataSetChanged();}}}

四、demo視頻