关闭

Android实现类似网购电影票的简易GridView选择器

标签: androidgridview电影选座
194人阅读 评论(0) 收藏 举报

实现效果图

废话不多说,先上图片。 
这里写图片描述 
这里写图片描述

实现代码

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;
        }
    }
}

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();
    }

}

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;
    }
}

xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_simple_dialog"
    android:orientation="vertical">

    <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>

还有些自定义的图片和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
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:21197次
    • 积分:370
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:74篇
    • 译文:0篇
    • 评论:0条