Android實現類似網購電影票的簡易GridView選擇器

jopen 9年前發布 | 17K 次閱讀 Android Android開發移動開發
轉載請注明出處：http://blog.csdn.net/u012975705/article/details/49559087
源碼下載：
（csdn）http://download.csdn.net/detail/u012975705/9231349
（github）https://github.com/noyo/GridViewSelectPopWin
實現效果圖

廢話不多說，先上圖片。
這里寫圖片描述
實現代碼

MainActivity.java
package com.practice.noyet.gridviewselectpopwin;
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends Activity implements View.OnClickListener {

//選擇器彈出框
private GridViewSelectPopWin mPopWin;
//自定義的GridView適配器
private GridViewSelectPopWinAdapter mAdapter;
//自定義填充數據
private List<Integer> mList;
private TextView mTextView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mTextView = (TextView) findViewById(R.id.content);
    findViewById(R.id.text).setOnClickListener(this);
    mList = new ArrayList<>();
    for (int i = 0; i < 12; i++) {
        //每個網格模擬顯示的數據
        mList.add(1000 + i);
    }
    mPopWin = new GridViewSelectPopWin(this);
    mAdapter = new GridViewSelectPopWinAdapter(this,
            Util.getMetrics(this).widthPixels / 6,//網格寬度（暫定每行顯示6個網格）
            mList);
}

@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.text:
            mPopWin.showWin(mPopWin.getContentView(), Gravity.BOTTOM, 0, 0, new GridViewSelectPopWin.onGridViewClickListener() {
                @Override
                public void onClick() {
                    mTextView.setText("選中位置：" + mAdapter.getSelectIndex() +  "   選中位置內容：" + mList.get(mAdapter.getSelectIndex()));
                    mPopWin.dismiss();
                }
            }, mAdapter);
            break;
    }
}

}</pre>

GridViewSelectPopWin.java 

package com.practice.noyet.gridviewselectpopwin;
import android.app.Activity;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
public class GridViewSelectPopWin extends PopupWindow implements OnClickListener {
    private Activity mContext;
    private GridView mGridView;
    private onGridViewClickListener mConfirm;

public GridViewSelectPopWin(Activity context) {
    super(context);
    this.mContext = context;
    View view = LayoutInflater.from(context).inflate(R.layout.include_select_gridview, null);
    view.findViewById(R.id.pop_cancel).setOnClickListener(this);
    view.findViewById(R.id.pop_confirm).setOnClickListener(this);
    setContentView(view);
    setWidth(LayoutParams.MATCH_PARENT);
    setHeight(LayoutParams.WRAP_CONTENT);
    setOutsideTouchable(true);
    setBackgroundDrawable(new ColorDrawable(0xe0000000));
    setFocusable(true);
    setAnimationStyle(R.style.popwin_anim_style);
    //彈出軟鍵盤時，編輯框變位置時會有一個alpha動畫
    setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
    setOnDismissListener(new OnDismissListener() {

        @Override
        public void onDismiss() {
            // TODO Auto-generated method stub
            backgroundAlpha(1f);
        }

    });

    mGridView = (GridView) view.findViewById(R.id.pop_gendi_gridview);
    init();
}

private void init() {


    mGridView.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

}

@Override
public void showAtLocation(View parent, int gravity, int x, int y) {
    // TODO Auto-generated method stub
    backgroundAlpha(0.5f);
    super.showAtLocation(parent, gravity, x, y);

}

public void showWin(View parent, int gravity, int x, int y,
                    onGridViewClickListener confirm,
                    GridViewSelectPopWinAdapter mAdapter) {
    this.showAtLocation(parent, gravity, x, y);
    this.mConfirm = confirm;
    mGridView.setAdapter(mAdapter);
}


/**
 * 設置添加屏幕的背景透明度
 *
 * @param bgAlpha 0為不可見，1為透明
 */
private void backgroundAlpha(float bgAlpha) {
    WindowManager.LayoutParams lp = mContext.getWindow().getAttributes();
    lp.alpha = bgAlpha; //0.0-1.0
    mContext.getWindow().setAttributes(lp);
}

@Override
public void onClick(View v) {
    // TODO Auto-generated method stub
    switch (v.getId()) {
        case R.id.pop_cancel:
            dismiss();
            break;
        case R.id.pop_confirm:
            mConfirm.onClick();
            break;
        default:
            break;
    }
}

public interface onGridViewClickListener {
    void onClick();
}


}</pre>

GridViewSelectPopWinAdapter.java 

package com.practice.noyet.gridviewselectpopwin;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
public class GridViewSelectPopWinAdapter extends BaseAdapter {

private Context mContext;
private int mWidth;
//存儲每個item的選中狀態
private List<Boolean> index;
//當前被選中的item位置
private int selectIndex;
private List<Integer> mList;

public int getSelectIndex() {
    return selectIndex;
}

public List<Boolean> getIndex() {
    return index;
}


public GridViewSelectPopWinAdapter(Context context, int width, List<Integer> list) {
    mContext = context;
    mWidth = width;
    this.mList = list;
    index = new ArrayList<>();
    selectIndex = -1;
    for (int i = 0; i < mList.size(); i++) {
        index.add(false);
    }
}

@Override
public int getCount() {
    return mList.size();
}

@Override
public Object getItem(int i) {
    return mList.get(i);
}

@Override
public long getItemId(int i) {
    return (long) i;
}

@Override
public View getView(int position, View view, ViewGroup viewGroup) {
    Holder holder;
    if (view != null) {
        holder = (Holder) view.getTag(R.id.tag_data);
    } else {
        view = LayoutInflater.from(mContext).inflate(R.layout.pop_win_gridview_item, null);
        holder = new Holder();
        holder.mItem = (RelativeLayout) view.findViewById(R.id.pop_win_gridview_item);
        float scale = mContext.getResources().getDisplayMetrics().density;
        holder.mItem.setLayoutParams(new LinearLayout.LayoutParams(mWidth, (int) (50 * scale + 0.5F)));
        holder.mImageView = (TextView) view.findViewById(R.id.pop_gridview_item_iv);
        holder.mTextView = (TextView) view.findViewById(R.id.pop_gridview_item_tv);
        view.setTag(R.id.tag_data, holder);
        view.setTag(R.id.tag_id, position);
    }
    holder.mTextView.setText(mList.get(position) + "");
    view.setOnClickListener(listener);
    if (index.get(position)) {
        setSelectIndex(holder, true);
    } else {
        setSelectIndex(holder, false);
    }
    return view;
}

private void setSelectIndex(Holder holder, boolean isSelect) {
    if (isSelect) {
        holder.mItem.setSelected(true);
        holder.mImageView.setVisibility(View.VISIBLE);
        holder.mTextView.setTextColor(mContext.getResources().getColor(android.R.color.black));
    } else {
        holder.mItem.setSelected(false);
        holder.mImageView.setVisibility(View.GONE);
        holder.mTextView.setTextColor(mContext.getResources().getColor(android.R.color.darker_gray));
    }
}

private View.OnClickListener listener = new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Holder holder = (Holder) view.getTag(R.id.tag_data);
        int position = (Integer) view.getTag(R.id.tag_id);
        if (!index.get(position)) {
            index.set(position, true);
            if (selectIndex == -1) {
                setSelectIndex(holder, true);
            } else {
                index.set(selectIndex, false);
                notifyDataSetChanged();
            }
            selectIndex = position;
        } else {
            index.set(position, false);
            notifyDataSetChanged();
            selectIndex = -1;
        }
    }
};

static class Holder {
    RelativeLayout mItem;
    TextView mImageView;
    TextView mTextView;
}

}</pre>

xml 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="

<LinearLayout
    android:id="@+id/part_bottom"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:paddingLeft="15dp"
    android:paddingRight="15dp">

    <Button
        android:layout_marginBottom="10dp"
        android:id="@+id/pop_confirm"
        android:layout_width="match_parent"
        android:layout_height="@dimen/common_button_height"
        android:background="@drawable/bg_bt_rectangle_red"
        android:text="確認"
        android:textColor="@android:color/white"
        android:textSize="16sp" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/part_bottom">

    <RelativeLayout
        android:id="@+id/zuowu_part1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp">

        <TextView
            android:id="@+id/choose_zuowu"
            style="@style/TextTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="GridView Select"
            android:textColor="@android:color/darker_gray" />


        <ImageView
            android:id="@+id/pop_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@drawable/ic_close" />
    </RelativeLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="@dimen/activity_vertical_margin">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_empty" />

            <TextView
                style="@style/TextLittleGray"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="8dp"
                android:text="可選" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_marginRight="@dimen/activity_horizontal_margin"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_green" />

            <TextView
                style="@style/TextLittleGray"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="8dp"
                android:text="已選" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_red" />

            <TextView
                style="@style/TextLittleGray"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="8dp"
                android:text="已售" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <GridView
            android:padding="0dp"
            android:gravity="center_horizontal"
            android:id="@+id/pop_gendi_gridview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:horizontalSpacing="-1dp"
            android:verticalSpacing="-1dp"
            android:listSelector="@null"
            android:numColumns="6"/>
    </LinearLayout>
</LinearLayout>

</RelativeLayout></pre>

還有些自定義的圖片和style這里就不贅述了，想看的歡迎下載源碼： 

（csdn）http://download.csdn.net/detail/u012975705/9231349 

（github）https://github.com/noyo/GridViewSelectPopWin 

Util.getMetrics(Context)可以參考： 

http://blog.csdn.net/u012975705/article/details/49049489
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
本文地址：http://www.baiduhome.net/lib/view/open1447312306507.html
Android Android開發移動開發
Android實現類似網購電影票的簡易GridView選擇器

實現效果圖

實現代碼

相關經驗

相關資訊

相關文檔

目錄
