快捷導(dǎo)航

詳談自定義View之GridView單選金額選擇Layout-ChooseMoneyLayout

更新時(shí)間：2017年05月09日 09:07:48 投稿：jingxian

下面小編就為大家?guī)?lái)一篇詳談自定義View之GridView單選金額選擇Layout-ChooseMoneyLayout。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

思路：

外層控件用的是GridView，里面每個(gè)item放一個(gè)FrameLayout，F(xiàn)rameLayout里面有Checkbox和ImageView，chechBox添加background實(shí)現(xiàn)選中效果,選中背景為透明，顯示item的勾勾圖標(biāo)，不選中checkbox就有背景，擋住選中的勾勾。。重寫(xiě)GridView，實(shí)現(xiàn)監(jiān)聽(tīng)和數(shù)據(jù)適配，用一個(gè)接口返回選中的數(shù)據(jù)。

代碼：

ChooseMoneyLayout.java

public class ChooseMoneyLayout extends GridView {
 
  private int[] moneyList = {};  //數(shù)據(jù)源
 
  private LayoutInflater mInflater; 
 
  private MyAdapter adapter;  //適配器
 
  int defaultChoose = 0;   //默認(rèn)選中項(xiàng)
 
  public ChooseMoneyLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
    setData();
  }
 
  public void setData() {
    mInflater = LayoutInflater.from(getContext());
    //配置適配器
    adapter = new MyAdapter();
    setAdapter(adapter);
  }
 
  /**
   * 設(shè)置默認(rèn)選擇項(xiàng)目，
   * @param defaultChoose
   */
  public void setDefaultPositon(int defaultChoose) {
    this.defaultChoose = defaultChoose;
    adapter.notifyDataSetChanged();
  }
 
  /**
   * 設(shè)置數(shù)據(jù)源
   * @param moneyData
   */
  public void setMoneyData(int[] moneyData){
    this.moneyList = moneyData;
  }
 
  class MyAdapter extends BaseAdapter {
 
 
    private CheckBox checkBox;
 
 
    @Override
    public int getCount() {
      return moneyList.length;
    }
 
    @Override
    public Object getItem(int position) {
      return moneyList[position];
    }
 
    @Override
    public long getItemId(int position) {
      return position;
    }
 
    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
      MyViewHolder holder;
      if (convertView == null) {
        holder = new MyViewHolder();
        convertView = mInflater.inflate(R.layout.item_money_pay, parent, false);
        holder.moneyPayCb = (CheckBox) convertView.findViewById(R.id.money_pay_cb);
        convertView.setTag(holder);
      } else {
        holder = (MyViewHolder) convertView.getTag();
      }
 
      holder.moneyPayCb.setText(getItem(position) + "元");
 
      holder.moneyPayCb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
          if (isChecked) {
            //設(shè)置選中文字顏色
            buttonView.setTextColor(getResources().getColor(R.color.light_color_blue));
 
            //取消上一個(gè)選擇
            if (checkBox != null) {
              checkBox.setChecked(false);
            }
            checkBox = (CheckBox) buttonView;
          } else {
            checkBox = null;
            //設(shè)置不選中文字顏色
            buttonView.setTextColor(getResources().getColor(R.color.darkgray));
          }
          //回調(diào)
          listener.chooseMoney(position, isChecked, (Integer) getItem(position));
        }
      });
 
 
      if (position == defaultChoose) {
        defaultChoose = -1; 
        holder.moneyPayCb.setChecked(true);
        checkBox = holder.moneyPayCb;
      }
 
      return convertView;
    }
 
 
    private class MyViewHolder {
      private CheckBox moneyPayCb;
    }
  }
 
 
  /**
   * 解決嵌套顯示不完
   * @param widthMeasureSpec
   * @param heightMeasureSpec
   */
  @Override
  public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 
    int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
        MeasureSpec.AT_MOST);
    super.onMeasure(widthMeasureSpec, expandSpec);
  }
 
  private onChoseMoneyListener listener;
 
  public void setOnChoseMoneyListener(onChoseMoneyListener listener) {
    this.listener = listener;
  }
 
  public interface onChoseMoneyListener {
    /**
     * 選擇金額返回
     *
     * @param position gridView的位置
     * @param isCheck 是否選中
     * @param moneyNum 錢(qián)數(shù)
     */
    void chooseMoney(int position, boolean isCheck, int moneyNum);
  }
}

item_money_pay.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="80dp"
  android:descendantFocusability="blocksDescendants">
 
<!-- 選中時(shí)候的圖片 -->
  <ImageView
    android:layout_width="15dp"
    android:layout_height="15dp"
    android:layout_gravity="right|bottom"
    android:layout_marginBottom="3dp"
    android:layout_marginRight="3dp"
    android:maxHeight="9dp"
    android:maxWidth="9dp"
    android:scaleType="fitCenter"
    android:src="@drawable/money_pay_type_choose" />
 
  <CheckBox
    android:id="@+id/money_pay_cb"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:background="@drawable/money_pay_selector"
    android:button="@null"
    android:gravity="center"
    android:paddingBottom="2.5dp"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:paddingTop="2.5dp"
    android:textSize="20sp"
    android:textColor="#ff777777"
    />
 
</FrameLayout>

CheckBox的background: money_pay_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
  <item android:state_pressed="true" android:drawable="@drawable/blue_border_noback_drawable"/>
  <item android:state_selected="true" android:drawable="@drawable/blue_border_noback_drawable"/>
  <item android:state_checked="true" android:drawable="@drawable/blue_border_noback_drawable"/>
 
  <item >
 
    <shape>
      <solid android:color="#ffffffff"/>
      <corners android:radius="5dp"/>
      <stroke android:color="#ffbfbfbf"
        android:width="1dp"/>
    </shape>
 
  </item>
 
</selector>

activity xml:

<com.minstone.view.ChooseMoneyLayout
      android:id="@+id/money_chose_money"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="10dp"
      android:horizontalSpacing="17dp"
      android:numColumns="3"
      android:verticalSpacing="20dp" />

activity里面代碼:

private ChooseMoneyLayout moneyChoseMoney;
  private int money; //當(dāng)前選擇的金額
 
  private void initData() {
    //獲取控件
    moneyChoseMoney = (ChooseMoneyLayout)findViewById(R.id.money_chose_money);
    //數(shù)設(shè)置據(jù)源
    moneyChoseMoney.setMoneyData(new int[]{30, 50, 100, 200, 300, 500,1000});
    //設(shè)置默認(rèn)選中項(xiàng)
    moneyChoseMoney.setDefaultPositon(3);
    //金額選擇監(jiān)聽(tīng)
    moneyChoseMoney.setOnChoseMoneyListener(new ChooseMoneyLayout.onChoseMoneyListener() {
      @Override
      public void chooseMoney(int position,boolean isCheck, int moneyNum) {
        if(isCheck){
          money = moneyNum;
          ToastUtil.showCustomToast(PayActivity.this,money+"");
        }else{
          money = 0;
        }
      }
    });
 
  }

以上這篇詳談自定義View之GridView單選金額選擇Layout-ChooseMoneyLayout就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: