1. 程式人生 > >ListView點選item底部彈出popupWindow刪除、修改、取消選擇框

ListView點選item底部彈出popupWindow刪除、修改、取消選擇框

先看一下效果:
點選單個item彈出選擇框,可以選擇刪除或者修改。刪除單條item,或者跳轉到修改頁面。
popupWindow.gif
listview的佈局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/shipping_address_ll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
android:background="@color/white" android:gravity="center_vertical" android:orientation="vertical" android:paddingLeft="@dimen/dp_15">
<TextView android:id="@+id/shipping_address_name" android:layout_width="match_parent" android:layout_height="30dp" android:gravity
="center_vertical" android:text="姓名:張三" android:textSize="@dimen/sp_12" />
<TextView android:id="@+id/shipping_address_phone" android:layout_width="match_parent" android:layout_height="30dp" android:gravity="center_vertical" android:text
="手機號:13800138000" android:textSize="@dimen/sp_12" />
<TextView android:id="@+id/shipping_address_site" android:layout_width="match_parent" android:layout_height="30dp" android:gravity="center_vertical" android:text="收貨地址:北京市海淀區上地東二路上地佳園" android:textSize="@dimen/sp_12" /> </LinearLayout>

popupWindow的佈局:
這裡遇到個坑,如果不加上面透明的View的話,會出現,點選了一個item後,在不取消的情況下,再點選其它的item,會再彈出來一個popupWindow。造成重複疊加,再點刪除的話無法判斷是哪個item。設定無效。所有沒辦法只能加了個View,來把上面可聚焦的部分給遮蓋掉。

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <View
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

        <Button
            android:id="@+id/tv_delete"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:text="刪除"/>

        <Button
            android:id="@+id/tv_set"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:text="修改"/>

        <Button
            android:id="@+id/tv_cancel"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:text="取消"/>
    </LinearLayout>

popupWindow的Style:
這裡引用了兩個動畫,一個是彈出的shipping_popup_show。和消失的shipping_popup_hide

    <!--popupwindow效果-->
    <style name="shipping_popup_style">
        <item name="android:windowFrame">@null</item>
        <item name="android:background">#00000000</item> <!-- 設定自定義佈局的背景透明 -->
        <item name="android:windowEnterAnimation">@anim/shipping_popup_show</item>
        <item name="android:windowExitAnimation">@anim/shipping_popup_hide</item>
        <item name="android:windowBackground">@color/bgColor_overlay</item>  <!-- 設定window背景透明,也就是去邊框 -->
        <item name="android:backgroundDimEnabled">false</item>

    </style>

在anim中建立兩個檔案
shipping_popup_show:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="120"
        android:toYDelta="0"
        android:duration="500"
        android:fillEnabled="true"
        android:fillAfter="true"/>
</set>

shipping_popup_hide:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="120"
        android:duration="500"
        android:fillEnabled="true"
        android:fillAfter="true"/>
</set>

Activity中listview的監聽事件中:
這裡在編輯事件跳轉之前,一定要呼叫一下.dismiss。不然從詳情頁返回的時候popupWindow依然存在。

 @Override
    public void onItemClick(AdapterView<?> adapterView, final View view, final int i, long l) {
        View view1 = LayoutInflater.from(this).inflate(R.layout.popupwindow_layout,null);//PopupWindow物件
        popupWindow=new PopupWindow(this);
        //設定PopupWindow佈局
        popupWindow.setContentView(view1);
        //設定動畫
        popupWindow.setAnimationStyle(R.style.shipping_popup_style);
        //設定PopupWindow寬
        popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
        //設定PopupWindow高
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        //在父佈局的彈入/出位置
        rootView =LayoutInflater.from(this).inflate(R.layout.shipping_address, null);
        popupWindow.showAtLocation(rootView, Gravity.CENTER,0,0);
        //返回鍵點選,彈出
        popupWindow.setFocusable(false);
        //例項化控制元件
        bt_set= (Button) view1.findViewById(R.id.bt_set);
        bt_cancel= (Button) view1.findViewById(R.id.bt_cancel);
        bt_delete= (Button) view1.findViewById(R.id.bt_delete);

        bt_set.setOnClickListener(this);
        bt_cancel.setOnClickListener(this);
        bt_delete.setOnClickListener(this);
        //刪除
        bt_delete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view1) {
                if (i<name.length) {
                    //刪除該條item
                    list.remove(i);
                    //關閉PopupWindow
                    popupWindow.dismiss();
                }
                // 重新整理佈局
                adapter.notifyDataSetChanged();
            }
        });
        //編輯
        bt_set.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                ShippingAddressBean bean=list.get(i);
                Intent intent=new Intent(ShippingAddressActivity.this, ShippingAddressMinuteActivity.class);
                //封裝資料包
                Bundle bundle = new Bundle();
                //傳入對應的key,value
                bundle.putSerializable("date",bean);
                //傳送到詳情頁
                intent.putExtras(bundle);
                popupWindow.dismiss();
                //執行 有返回結果的 跳轉
                startActivityForResult(intent, 0);

            }
        });
        //取消
        bt_cancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                popupWindow.dismiss();
            }
        });
        popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
            @Override
            public void onDismiss() {
            }
        });


    }

MinuteActivity中獲取資料並展示
實體類繼承Serializable方法。在這裡可以用的到。下面是三個EditText編輯控制元件

      /**讀取Activity傳過來的資料 */
        Intent intent=getIntent();
        ShippingAddressBean notebean=(ShippingAddressBean) intent.getSerializableExtra("date");

        /**指定傳過來的資料在當前頁展示的位置*/
        shipping_minute_name.setText(notebean.getName());
        shipping_minute_phone.setText(notebean.getPhone());
        shipping_minute_site.setText(notebean.getAddress());

有不清楚的地方可以留言。

如有不妥,歡迎指正!