博客

前言,大家可能开发的时候都会遇到9空格菜单的需求,并且ui还有item点击效果更改不同的图片,我也是在项目中发现的问题,并解决的,在这里记录下!!

1,刚刚开始的时,本来想用linerLayout布局用权重去实现的,但是这样实现,布局文件就好烦,要写好多布局….

所以想到GridView去实现,下面就是布局文件

<GridView
    android:id="@+id/id_gv_jj"
    android:numColumns="3"
    android:horizontalSpacing="1dp"
    android:verticalSpacing="1dp"
    android:layout_below="@+id/id_rl_head"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

 android:horizontalSpacing="1dp"
    android:verticalSpacing="1dp"

这两个属性就是航向 和纵向的宽度,

2 gridView 的布局文件了

<?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="wrap_content"
                android:background="@drawable/gv_click"
                android:gravity="center"
                android:minHeight="100dp">



    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_centerHorizontal="true"
            android:id="@+id/id_iv_bg"
            android:layout_width="wrap_content"
            android:background="@mipmap/ks_m"
            android:layout_height="wrap_content"/>
        <TextView
            android:layout_marginTop="5dp"
            android:layout_below="@+id/id_iv_bg"
            android:id="@+id/id_tv_ks"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="快速推荐"
            android:textColor="@color/text_clours_selector"
            android:textSize="13dp"/>
    </RelativeLayout>




</RelativeLayout>

这里没有什么好说的 ,就一个imageView 和TextView

3接下来就是我们所熟悉的适配器Adapter

package com.dhfjj.program.adapters;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.StateListDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;

import com.dhfjj.program.R;
import com.dhfjj.program.utils.GvUtils;

/**
 * Created by Administrator on 2016/2/17.
 * GridView 的adapter
 */
public class GvJJAdapter extends BaseAdapter {
    private Context mContext;
    private int[] mresId;
    private GridView mgvJJ;
    public GvJJAdapter(Context mContext,GridView mgvJJ) {
        this.mContext = mContext;
        this.mgvJJ = mgvJJ;
        mresId = GvUtils.gvResComId;
    }

    @Override
    public int getCount() {
        return mresId.length;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHOlder viewHOlder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.view_gv_jj, parent, false);
            viewHOlder = new ViewHOlder();
            viewHOlder.tvKs = (TextView) convertView.findViewById(R.id.id_tv_ks);
            viewHOlder.iv_flag = (ImageView) convertView.findViewById(R.id.id_iv_bg);
            convertView.setTag(viewHOlder);

        } else {
            viewHOlder= (ViewHOlder) convertView.getTag();
        }
        viewHOlder.tvKs.setText(GvUtils.gvTextDataStr[position]);

        Drawable drawCilckTop = mContext.getResources().getDrawable(GvUtils.gvResClickId[position]);
        Drawable drawableCom = mContext.getResources().getDrawable(GvUtils.gvResComId[position]);
        StateListDrawable listDrawable = new StateListDrawable();
        listDrawable.addState(new int[]{android.R.attr.state_pressed}, drawCilckTop);
        listDrawable.addState(new int[]{}, drawableCom);
        viewHOlder.iv_flag.setBackgroundDrawable(listDrawable);
        // gridView 的点击事件

        return convertView;
    }

    public  class  ViewHOlder{
        TextView tvKs;
        ImageView iv_flag;
    }
}

下面的两句代码是 获得点击时候 的Drawable和默认的时候 Drawable的值

        Drawable drawCilckTop = mContext.getResources().getDrawable(GvUtils.gvResClickId[position]);
        Drawable drawableCom = mContext.getResources().getDrawable(GvUtils.gvResComId[position]);

下面的几句代码的作用就跟在drawable 文件夹下 新建seteror 的xml文件一样

      StateListDrawable listDrawable = new StateListDrawable();
        listDrawable.addState(new int[]{android.R.attr.state_pressed}, drawCilckTop);
        listDrawable.addState(new int[]{}, drawableCom);

下面就直接设置背景到ImageView 就可以实现了

   viewHOlder.iv_flag.setBackgroundDrawable(listDrawable);