android模仿飘信例子-CSDN博客

现在这是界面布局，，，没有实现功能，，，

首页的布局主要是GridView布局，再调用setAdapter(adapter)传入，左右两边的小按钮，是用ImageButton 来做的图片的切换，顶上中间的交友字样是TextView

GridView的实现简说

本程序用的是xml 布局

xml代码

具体的元素说明可以在这个官方文档的这个文件找到 “R.attr.html”

构造adapter

public class FriendImageAdapter extends BaseAdapter
{
    // 定义Context
    private Context        mContext=null;
    private final LayoutInflater layout;
    private FriendActivity friendActivity=null;
    // 定义整型数组即图片源

    private final Integer[]    mImageIds    =
    {
            R.drawable.mytpmobhome,
            R.drawable.mylocationtpmob,
            R.drawable.mytpmobfriend,
            R.drawable.mynewtpmob,
            R.drawable.mytpmobletter,
            R.drawable.mysystemletter,

    };


    private final Integer[]    mStringId    =
    {
        R.string.mytpmobhome,
        R.string.mylocationtpmob,
        R.string.mytpmobfriend,
        R.string.mynewtpmob,
        R.string.mytpmobletter,
        R.string.mysystemletter,


    };

    public FriendImageAdapter(Context c)
    {
        //得到activity对象
        mContext = c;
        friendActivity=(FriendActivity) c;
        //设置布局方式
        layout=(LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);




    }
    public void iniString(Context context){

    }

    // 获取图片的个数
    public int getCount()
    {
        return mImageIds.length;
    }

    // 获取图片在库中的位置
    public Object getItem(int position)
    {
        return position;
    }

    // 获取图片ID
    public long getItemId(int position)
    {
        return position;
    }
    class Holer{
        ImageView imageView;
        TextView textView;
    }
    //构造视图View
    Holer holer;
    public View getView(int position, View convertView, ViewGroup parent)
    {

        if (convertView == null)
        {

            holer=new Holer();
            //构造图片上面和文字说明在下的布局
            convertView=layout.inflate(R.layout.friendgrid_item, null);
            holer.imageView=(ImageView) convertView.findViewById(R.id.frienditemImage);
            holer.textView=(TextView)convertView.findViewById(R.id.frienditemText);
            convertView.setTag(holer);

        }
        else
        {
            holer = (Holer) convertView.getTag();
        }
        //传入位置
        holer.imageView.setImageResource(mImageIds[position]);
        holer.textView.setText(mStringId[position]);
        return convertView;
    }

}

把adapter 存入Gridview

    public void iniGridView(){
        GridView gridview = (GridView) findViewById(R.id.myhomeview);
        gridview.setAdapter(new FriendImageAdapter(this));
        gridview.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View v, int position, long id)
            {

                funView(position);
            }
        });
    }

R.layout.friendgrid_item.xml的布局代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:paddingBottom="4dip"
    android:layout_width="wrap_content"

    >
    <ImageView android:layout_height="40px"
        android:id="@+id/frienditemImage"
        android:layout_width="40px"
        android:layout_centerHorizontal="true" >
    </ImageView>
    <TextView android:layout_width="wrap_content"
        android:layout_below="@+id/frienditemImage"
        android:layout_height="40px"
        android:layout_centerHorizontal="true"
        android:id="@+id/frienditemText">
    </TextView>

</RelativeLayout>