1. 程式人生 > >介面回撥----點選item中的ImageView,在Activity中顯示dialog

介面回撥----點選item中的ImageView,在Activity中顯示dialog

在做專案的時候有一個功能是:點選listview的item中的一個圖示,在activity中彈出一個dialog.想到的一個辦法就是用介面回撥來實現.對於介面回撥這一塊我其實也還是不太懂,別人寫的複雜的一點的慢慢看也能看懂,但要自己寫的話,也就只能寫一些簡單的,這個demo就是一個很簡單的介面回撥,跟RecyclerView的點選事件的回撥是類似的.主要就是在adapter和activity中操作.

效果圖如下:
效果圖

1.首先是在adapter中的操作:

package com.limiao.baselistadapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.MediaController;
import android.widget.TextView;

/**
 * Created by Miao on 17/1/11.
 */
public class MyAdapter extends ListAdapter<Bean>{ private IShowDialog mIShowDialog; private String msg; public void setIShowDialog(IShowDialog IShowDialog) { mIShowDialog = IShowDialog; notifyDataSetChanged(); } public MyAdapter(Context context) { super(context); } @Override public
View getView(final int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list,parent,false); holder = new ViewHolder(convertView); convertView.setTag(holder); }else
{ holder = (ViewHolder) convertView.getTag(); } Bean bean = mDatas.get(position); holder.mTextView.setText(bean.getNum()); holder.mImageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mIShowDialog.show(); } }); return convertView; } class ViewHolder{ private TextView mTextView; private ImageView mImageView; private TextView msgTv; public ViewHolder(View view) { mTextView = (TextView)view.findViewById(R.id.list_item_tv); mImageView = (ImageView)view.findViewById(R.id.list_item_iv); msgTv = (TextView)view.findViewById(R.id.list_item_data_tv); } } public interface IShowDialog{ void show(); } }

2 .在MainActivity中的操作

package com.limiao.baselistadapter;

import android.app.AlertDialog;
import android.content.DialogInterface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.EditText;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements MyAdapter.IShowDialog {
    private ListView mListView;
    private MyAdapter mMyAdapter;
    private List<Bean> mDatas;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mListView = (ListView) findViewById(R.id.main_lv);
        mDatas = new ArrayList<>();
        mMyAdapter= new MyAdapter(this);
        for (int i = 0; i < 20; i++) {
            Bean bean = new Bean();
            bean.setNum(i + "");
            mDatas.add(bean);
        }
        mMyAdapter.setDatas(mDatas);
        mListView.setAdapter(mMyAdapter);
        mMyAdapter.setIShowDialog(this);

    }

    @Override
    public void show() {
        showMsg();
    }

    private void showMsg() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        View dialogView = LayoutInflater.from(this).inflate(R.layout.item_dialog_view,null);
        final EditText editText = (EditText) dialogView.findViewById(R.id.item_dialog_et);
        builder.setPositiveButton("yes", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                String msg = editText.getText().toString();
                Bean bean = new Bean();
                bean.setDialogData(msg);
                mListView.setAdapter(mMyAdapter);
            }
        }).setNegativeButton("no",null).setView(dialogView).show();

    }

}

在MyAdapter中的有一個介面IShowDialog,裡面有一個show()方法,這個方法在ImageView的點選事件裡呼叫—mIShowDialog.show(),mIShowDialog是介面物件,在MainActivity裡實現IShowDialog介面,同時複寫show()方法,顯示dialog的程式碼就寫在這個方法裡.在點選對應的ImageView時就會呼叫這個方法,實現通過item的元件來控制activity裡元件的顯示.在MyAdapter裡還有一個setIShowDialog(IShowDialog IShowDialog)方法,這個方法是在MainActivity中呼叫—mMyAdapter.setIShowDialog(this);這裡的this就是指MainActivity,也就是通過這個方法把activity與adapter聯絡起來,實現在adapter中的操作activity中元件.

總結:

程式碼執行的大致流程是: 點選相應的ImageView —> mImageView.setOnClickListener —-> mIShowDialog(在這裡相當於MainActivity).show(); –>執行MainActivity中的程式碼 public void show(){} —-> showMsg();

ps:本來還要做的是點選dialog的yes按鈕時就會把EditText中的內容顯示到相應的item中的TextView中的,但是由於convertView的複用,item顯示內容時會出現混亂,而且當在其他的item中顯示EditText輸入的內容時,前一條顯示的內容就會消失,並沒有儲存下來.這幾個問題還沒有想出解決的辦法,就先寫這個吧,等想到了解決的辦法之後,再完善吧!!!