页面实现思路：弹出框是一个PupupWindow,银行卡列表是一个ListView。整体实现比较简单，麻烦的地方在于点击选择银行卡后弹窗的ListView中要勾选Activity中已经选择的那张银行卡。在弹窗中选中某张银行卡后将选中的银行卡显示到Activity中。
效果图如下：
MainActivity的代码
public class MainActivity extends AppCompatActivity implements View.OnClickListener,OnBankcardSlected {
private RelativeLayout mRelativeL
private View popV
private PopupWindow popupW
private ImageView mIvB
private TextView mTvT
private ListView mListV
private List&BankcardBean& mL
private TextView mTextV
private View footerV
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bindView();
setData();
setListener();
private void setData() {
mList=new ArrayList&&();
BankcardBean bankcard1=new BankcardBean();
BankcardBean bankcard2=new BankcardBean();
BankcardBean bankcard3=new BankcardBean();
BankcardBean bankcard4=new BankcardBean();
BankcardBean bankcard5=new BankcardBean();
BankcardBean bankcard6=new BankcardBean();
BankcardBean bankcard7=new BankcardBean();
BankcardBean bankcard8=new BankcardBean();
BankcardBean bankcard9=new BankcardBean();
BankcardBean bankcard10=new BankcardBean();
BankcardBean bankcard11=new BankcardBean();
bankcard1.setBankName("农业银行");
bankcard1.setCardId("8281");
bankcard2.setBankName("工商银行");
bankcard2.setCardId("8282");
bankcard3.setBankName("中国银行");
bankcard3.setCardId("8283");
bankcard4.setBankName("建设银行");
bankcard4.setCardId("8284");
bankcard5.setBankName("华夏银行");
bankcard5.setCardId("8285");
bankcard6.setBankName("上海银行");
bankcard6.setCardId("8286");
bankcard7.setBankName("招商银行");
bankcard7.setCardId("8287");
bankcard8.setBankName("江苏银行");
bankcard8.setCardId("8288");
bankcard9.setBankName("交通银行");
bankcard9.setCardId("8289");
bankcard10.setBankName("浦发银行");
bankcard10.setCardId("8290");
bankcard11.setBankName("人民银行");
bankcard11.setCardId("8291");
mList.add(bankcard1);
mList.add(bankcard2);
mList.add(bankcard3);
mList.add(bankcard4);
mList.add(bankcard5);
mList.add(bankcard6);
mList.add(bankcard7);
mList.add(bankcard8);
mList.add(bankcard9);
mList.add(bankcard10);
mList.add(bankcard11);
mTextView.setText(mList.get(0).getBankName()+"("+mList.get(0).getCardId()+")");
实体类中加入了一个boolean属性，当实体类中这个属性为true时表示在Activity中选中
当点开PopupWindow时该属性也可以作为银行卡被勾选的标志
这里默认选中第一个
mList.get(0).setChecked(true);
private void setListener() {
mRelativeLayout.setOnClickListener(this);
private void bindView() {
mRelativeLayout = (RelativeLayout) findViewById(R.id.rl_recharge_bankcard);
mTextView= (TextView) findViewById(R.id.tv_recharge_bankcard);
public void onClick(View v) {
switch (v.getId()) {
case R.id.rl_recharge_bankcard:
showPopWindow();
case R.id.iv_back:
popupWindow.dismiss();
case R.id.tv_new_card:
Toast.makeText(this, "添加新银行卡页面", Toast.LENGTH_SHORT).show();
private void showPopWindow() {
popView = View.inflate(this, R.layout.bankcard_select, null);
popupWindow = new PopupWindow(popView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
popupWindow.setAnimationStyle(R.style.popwin_anim_style);
popupWindow.showAsDropDown(findViewById(R.id.ll_main),0,0);
popupWindow.setOutsideTouchable(true);
mIvBack = (ImageView) popView.findViewById(R.id.iv_back);
mTvTitle= (TextView) popView.findViewById(R.id.tv_title);
mTvTitle.setText("选择到账银行卡");
mIvBack.setOnClickListener(this);
mListView= (ListView) popView.findViewById(R.id.lv_bankcard);
MyAdapter adapter=new MyAdapter(this,mList);
mListView.setAdapter(adapter);
footerView=View.inflate(this,R.layout.select_bankcard_footer,null);
mListView.addFooterView(footerView);
TextView mTvNewCard= (TextView) footerView.findViewById(R.id.tv_new_card);
mTvNewCard.setOnClickListener(this);
* PopupWindow中选择银行卡的回调方法
* position
点击item的位置
public void onBankcardSelectedListener(int position) {
mTextView.setText(mList.get(position).getBankName()+"("+mList.get(position).getCardId()+")");
popupWindow.dismiss();
在实体类中加入了一个Boolean属性，这个属性用来标识Activity中选中的银行卡，即为true时即在Activity中选中，同时这个属性用来标识PopupWindow中银行卡列表中被勾选的银行卡。
实体类如下:
* Created by zhpan on .
public class BankcardBean {
String cardId;
String bankN
boolean isC
public boolean isChecked() {
return isC
public void setChecked(boolean checked) {
isChecked =
public String getCardId() {
return cardId;
public void setCardId(String cardId) {
this.cardId = cardId;
public String getBankName() {
return bankN
public void setBankName(String bankName) {
this.bankName = bankN
Adapter中要做逻辑判断，添加点击事件。被点击的item的实体类中的Boolean设置为true，其他都设为false。
* Created by zhpan on .
public class MyAdapter extends BaseAdapter {
MainActivity mC
List&BankcardBean& mB
public MyAdapter(MainActivity mContext, List&BankcardBean& mBankcards) {
this.mContext = mC
this.mBankcards = mB
public int getCount() {
return mBankcards.size();
public Object getItem(int position) {
return null;
public long getItemId(int position) {
public View getView(final int position, View convertView, ViewGroup parent) {
final MyViewH
if (convertView == null) {
convertView = View.inflate(mContext, R.layout.item_bankcard_select, null);
holder = new MyViewHolder();
holder.mIvLogo = (ImageView) convertView.findViewById(R.id.iv_item_bankcard_select_logo);
holder.mTextView = (TextView) convertView.findViewById(R.id.tv_item_bankcard_select_bankcard);
holder.mIvChecked = (ImageView) convertView.findViewById(R.id.iv_bankcard_select_selected);
holder.mRelativeLayout = (RelativeLayout) convertView.findViewById(R.id.rl_item_bankcard_select);
convertView.setTag(holder);
holder = (MyViewHolder) convertView.getTag();
BankcardBean bankcardBean = mBankcards.get(position);
holder.mTextView.setText(bankcardBean.getBankName() + "(" + bankcardBean.getCardId() + ")");
holder.mRelativeLayout.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
mBankcards.get(position).setChecked(true);
mContext.onBankcardSelectedListener(position);
for(int i=0;i&mBankcards.size();i++){
if(i==position){
mBankcards.get(i).setChecked(false);
if(mBankcards.get(position).isChecked()){
holder.mIvChecked.setVisibility(View.VISIBLE);
holder.mIvChecked.setVisibility(View.INVISIBLE);
return convertV
static class MyViewHolder {
RelativeLayout mRelativeL
ImageView mIvL
TextView mTextV
ImageView mIvC
本文已收录于以下专栏：
相关文章推荐
CardView的使用、仿支付宝银行卡
今天有空学习了下CardView的使用，既然是使用，不凡使用一个实例操作一下
CardView是Android5.0的新控件，所以我们需要在dependen...
前言现将银联在线支付所需相关资料整理如下，前期资料仅涉及相关支付接口内容初步了解，不涉及具体技术实现环节。
com.socks.library....
前几天在支付宝添加银行卡的时候注意到输完卡号支付宝就自动识别了银行名称，所以用Firefox自带的工具看了一下实现方式，发现支付宝有一个 API 来做这个事情，只要依据固定的格式发送HTTP请求就可以...
网关支付、银联代扣通道、快捷支付、银行卡支付等网上常见支付方式接口说明
一、网关支付
这是在线支付的最普遍形式。
大致支付过程：第三方支付公司作为代理（网关），接入一堆银行。用户在网关页...
链接：/question//answer/
一、网关支付
这是在线支付的最普遍形式。
大致支付过程：第三方支...
需求描述：
1、银行内有6个业务窗口，1 - 4号窗口为普通窗口，5号窗口为快速窗口，6号窗口为VIP窗口。
2、有三种对应类型的客户：普通客户，快速客户（办理如交水电费、电话费之类业务的客户），...
从上一节的小demo中我们搞清楚了如何跟易宝对接以及易宝的支付流程。这一节我们来做一下支付页面以及在页面中导入银行图标。1. 存储银行图标　　银行图标一般不会总是去加载，因为这写东西是死的，没必要每次...
这里我们模拟一下银行排队叫号系统的实现
首先我们银行
银行账户管理系统详细设计说明书
本说明对会议室管理系统项目的各模块、页面、脚本分别进行了实现层面上的要求和说明。
软件开发小组的产品实现成员应该阅读和参考本说明进...
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)