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

最新推荐文章于 2018-07-22 22:02:27 发布
最新推荐文章于 2018-07-22 22:02:27 发布
阅读量3.7k 收藏 6
点赞数 3
分类专栏： Android笔记 android初级进阶 文章标签： gridview 选择器 网购 电影票 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012975705/article/details/49559087
版权

转载请注明出处：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.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.TextView;

import com.practice.noyet.gridviewselectpopwin.view.GridViewSelectPopWin;
import com.practice.noyet.gridviewselectpopwin.adapter.GridViewSelectPopWinAdapter;
import com.practice.noyet.gridviewselectpopwin.R;
import com.practice.noyet.gridviewselectpopwin.util.Util;

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

public class MainActivity extends Activity implements View.OnClickListener {

    private GridViewSelectPopWin mPopWin;
    private GridViewSelectPopWinAdapter mAdapter;
    private List<Integer> mList;
    private TextView mTextView;

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

        initView();
        initData();
        initEvent();
    }

    private void initView() {
        mTextView = (TextView) findViewById(R.id.content);
        mPopWin = new GridViewSelectPopWin(this);
    }

    private void initData() {
        mList = new ArrayList<>();
        for (int i = 0; i < 12; i++) {
            mList.add(1000 + i);
        }
        mAdapter = new GridViewSelectPopWinAdapter(this,
                Util.getMetrics(this).widthPixels / 6,
                mList);
    }

    private void initEvent() {
        findViewById(R.id.text).setOnClickListener(this);
    }

    @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.view;

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;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;

import com.practice.noyet.gridviewselectpopwin.R;
import com.practice.noyet.gridviewselectpopwin.adapter.GridViewSelectPopWinAdapter;

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);
        setContentView(view);
        initView(view);
        initEvent(view);
    }

    private void initView(View 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);
    }

    private void initEvent(View view) {
        view.findViewById(R.id.pop_cancel).setOnClickListener(this);
        view.findViewById(R.id.pop_confirm).setOnClickListener(this);
    }
    @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.adapter;

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 com.practice.noyet.gridviewselectpopwin.R;

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

        setData(position, view, holder);
        return view;
    }

    private void setData(int position, View view, Holder holder) {
        holder.mTextView.setText(getItem(position) + "");
        view.setOnClickListener(listener);
        if (index.get(position)) {
            setSelectIndex(holder, true);
        } else {
            setSelectIndex(holder, false);
        }
    }

    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:gravity="center_horizontal"
                android:id="@+id/pop_gendi_gridview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                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

boy_nihao
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
带有背景选择器的GridView
11-05
做商业项目的时候写的,感觉很不错的,关键技术点是在GridView的item中使用不同背景选择器.经过精心整理过了的,有什么不懂的地方随时联系我!
Android实现类似网购电影票的简易GridView选择器
yangaiyu的博客
08-29 1451
实现效果图 废话不多说，先上图片。    实现代码 MainActivity.java package com.practice.noyet.gridviewselectpopwin; import android.app.Activity; import android.os.Bundle; import android.view.Gravity; import an
浅谈android的selector背景选择器（ListView/GridView）
qqmuhua123的专栏
02-14 761
首先android的selector是在drawable/xxx.xml中配置的。 先看一下listview中的状态： 把下面的XML文件保存成你自己命名的.xml文件（比如list_item_bg.xml），在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。 drawable/list_item_bg.xml
GridView字段选择器
梦想天空分外蓝
10-23 424
可通过拖拽实现列的增加、s
类似网购电影票的GridView选择器
11-01
类似网购电影票的GridView选择器 源码
GridView选择记录同时confirm用户确认删除
01-02
用户户操作删除记录之前给用户一个确认是否删除的提示... 下面实例，将是GridView第一例放置一个CheckBox，让用户多选记录，然后在Gridview外放一个Delete铵钮。 演示：//www.jb51.net/article/33564.htm xxx.aspx: 代
GridView选择性导出Excel解决方案
01-01
任何问题的解决方法都不止一个，GridView的选择性导出也一样，首先GridView绑定的是数据库的表数据，选择导出，我们也可以从数据中查询需要的数据，可以直接从前台GridView表中取得数据，问题来了，怎么判断选中了...
Android开发之GridView实现弹出式选择器
weixin_34206899的博客
08-22 163
前段时间，写了一个小项目，里面有个界面如下图所示，之前的版本是用Spinner来做，觉得不够拉轰，所以采用GridView做了一个实现，效果还不错，Mark一下。 弹出单选GridView.png 一、点击那个底部的绿色按钮，弹出一个对话框，对话框里面的内容是一个单选的GridView，关键代码如...
android GridView选中效果
qq_35048778的博客
11-22 2455
1 首先在你的adapter里面添加 private int clickTemp = -1;            //标识选择的Item public void setSeclection(int position) { clickTemp = position; } 2 然后再getview里面这样 @Override public View getView(int
项目实战：在线电影票购买系统-肖海鹏-专题视频课程
XiaoGong1688的博客
03-09 2012
这是一套介绍实际项目的实战课程。 这个项目分三个部分：影票购买的前台系统；影票系统总后台；影院管理后台； 开发技术：SpringMVC+Spring4 +myBatis3 +jquery+Easyui 项目复杂度为3.5，属于中等偏上的难度...
Android开发之GridView的Item放大缩小
gaosunqiong的专栏
09-18 1万+
为了实现GridView中的Item的放大缩小，找了很多资料，又说用Bring
电影选座-java程序
laomao
07-22 6452
 电影选座主要是对方法的封装，通过调用实现命令的实现；以及数组的容器作用和数组的运用 //导入工具包 import java.util.Scanner; public class SeatSelect { //声明座位数组，给定一个容纳座位的容器 int[][] seats; //构造器中实现行列初始化，显示座位布局 public SeatSelect(int r,int c){ ...
php学习：售票案例（stactic）
一只程序媛
05-31 783
/* * stactic:用于表示静态的意思 * 被stactic所修饰的属性和方法都是静态的属性和方法。 * 静态的属性和方法的特点是不用通过对象来调用属性和方法。 * * 可以通过类名来调用属性和方法。 * * self：在类的内部通过self来访问静态属性和方法 * * */&lt;?php header("Content-Type:text/html;charset=U...
GridView使用技巧之:根据绑定的内容改变单元格(或者行)的显示样式
J_JAKE（陆冷飞）的专栏
06-28 3428
        前言:在Asp.net开发的过程中我们经常会碰到这样的需求,即根据GIRDVIEW绑定的内容对特定的单元格或者行的显示样式做特殊处理.比如一个库存表,当库存小于某一值时以红色显示,表示警告等等.下面我们就以一个示例来讲解一下如何实现这样的功能.        服务器端控件GIRDVIEW解析到客户端就是HTML里面的TABLE,在HTML里面我们可以方便的设置任意单元格的显示样
Android GridView选择样式
热门推荐
关中一叶的专栏
11-18 1万+
笔者在用GridView时发现GridView的select style会根据系统而不同，因为在客户端中一边具有统一的显示风格，所以尝试了下指定GridView的选中样式。 首先看一下代码： menu.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_
android GridView 的使用 实现多项选择
weixin_34280237的博客
08-02 220
今天小研究了一下GridView,目的是为了实现 下面的效果(GridView多项选择): 首先,在布局文件添加GridView ,创建适配器的items... 具体的都在注释里边了,下面是 程序源码 片段,由于xml文件比较简单,故不在贴出. MainActivity.java package com.app.gridview; import android.os.Bu...
Android gridview的简易代码
最新发布
04-23
好的，我给您提供一个简单的Android GridView的示例代码： 首先在XML布局文件中添加GridView的代码： ```xml <GridView android:id="@+id/grid_view" android:layout_width="match_parent" android:layout_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值