android开发中的九宫格布局的实现

来源:互联网 发布:杜兰特新秀体测数据 编辑:程序博客网 时间:2024/05/16 08:15

九宫格布局的实现,话不多说了,直接上代码:

activity_main.xml文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >


    <GridView
        android:id="@+id/gv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="10dp"
        android:columnWidth="90dp"
        android:gravity="center"
        android:horizontalSpacing="10dp"
        android:numColumns="3"
        android:stretchMode="columnWidth"
        android:verticalSpacing="30dp" >
    </GridView>


</RelativeLayout>

适配器中的适配布局gridview_item.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" 
    android:layout_gravity="center_horizontal">


    <ImageView
        android:id="@+id/iv_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         android:layout_centerHorizontal="true"
        android:src="@drawable/ic_launcher" />


    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/iv_image"
       android:layout_centerHorizontal="true"
        android:text="标题" />


</RelativeLayout>


MainActivity.java文件,实现九宫格的代码填充:

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


import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
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;


public class MainActivity extends Activity {

private GridView gv;

private String[] title = { "第一格", "第二格", "第三格", "第四格", "第五格", "第六格", "第七格", "第八格", "第九格" };
private int[] image = { R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher,
R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher,
R.drawable.ic_launcher, R.drawable.ic_launcher };

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gv = (GridView) findViewById(R.id.gv);
MyAdapter adapter = new MyAdapter(this);
gv.setAdapter(adapter);
}

class MyAdapter extends BaseAdapter {// 创建适配器
private List<PicEntity> list = new ArrayList<>();
private Context context;


public MyAdapter(Context context) {
this.context = context;
for (int i = 0; i < image.length; i++) {
PicEntity picEntity = new PicEntity(title[i], image[i]);
list.add(picEntity);
}
}

@Override
public int getCount() {
return list != null ? list.size() : 0;
}

@Override
public Object getItem(int position) {
return list.get(position);
}

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
Viewholder vh;
if (convertView == null) {
convertView = LayoutInflater.from(context).inflate(R.layout.gridview_item, null);
vh = new Viewholder();
vh.iv_pic = (ImageView) convertView.findViewById(R.id.iv_image);
vh.tv_title = (TextView) convertView.findViewById(R.id.tv_title);
convertView.setTag(vh);
} else {
vh = (Viewholder) convertView.getTag();
}
vh.iv_pic.setImageResource(list.get(position).imageId);
vh.tv_title.setText(list.get(position).title);
return convertView;
}
}

class Viewholder {
TextView tv_title;
ImageView iv_pic;
}

class PicEntity {// 创建实体类
private String title;
private int imageId;

public PicEntity() {
super();
}

public PicEntity(String title, int imageId) {
super();
this.title = title;
this.imageId = imageId;
}

public String getTitle() {
return title;
}

public void setTitle(String title) {
this.title = title;
}

public int getImageId() {
return imageId;
}

public void setImageId(int imageId) {
this.imageId = imageId;
}
}
}


运行效果:


源码地址:http://download.csdn.net/detail/zjp776/9491250

0 0