android主界面图片按钮,一步一步android(7)：关于界面控件的学习【gridview、button、imagebutton】...

一、GridView控件

效果如下：

使用GridView控件，分以下三个步骤：

1.修改res/layout/main.xml 添加gridview控件

android:id="@+id/gridview"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:numColumns="auto_fit"

android:verticalSpacing="10dp"

android:horizontalSpacing="10dp"

android:columnWidth="90dp"

android:stretchMode="columnWidth"

android:gravity="center"

>

重载 OnCreate方法，在其中声明并实例化一个GridView类，

GridView gridview = (GridView) findViewById(R.id.gridview);

gridview.setAdapter(new ImageAdapter(this));

2.在工程所在的drawable目录中添加图片，用于被GridView使用。

添加完毕之后，

刷新工程之后在navigation中的gen/R.java/R/drawable/下可以看到图片。用R.drawable.也可看到。。。

3.编写ImageAdapter类，此类作为容器 包含需要添加的图片 及其响应的方法

package com.android.Yao;

import android.content.Context;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.GridView;

import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {

private Context mContext;

public ImageAdapter(Context c) {

mContext = c;

}

public int getCount() {

return mThumbIds.length;

}

public Object getItem(int position) {

return null;

}

public long getItemId(int position) {

return 0;

}

// create a new ImageView for each item referenced by the Adapter

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ImageView imageView;

if (convertView == null) { // if it's not recycled, initialize some attributes

imageView = new ImageView(mContext);

imageView.setLayoutParams(new GridView.LayoutParams(85, 85));

imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

imageView.setPadding(8, 8, 8, 8);

} else {

imageView = (ImageView) convertView;

}

imageView.setImageResource(mThumbIds[position]);

return imageView;

}

// references to our images

private Integer[] mThumbIds = {

R.drawable.add,R.drawable.add,

R.drawable.add,R.drawable.add,

R.drawable.add,R.drawable.add,

};

}

二、Button控件

单击前后效果如下：

使用Button分为3个步骤：

1.修改res/layout/main.xml 添加Button控件

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Test"

>

2.在当前的Activity中的OnCreate方法中声明并实例化Button

Button button1=(Button)this.findViewById(R.id.button1);

button1.setText("click me");

3.在当前Activity中的OnCreate方法中设置鼠标单击事件

button1.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

TextView txt=(TextView)YaoFtp.this.findViewById(R.id.textview1);

txt.setText("按钮被单击了");

}

});

三、ImageButton控件

单击前后效果如下：

使用ImageButton分为3个步骤：

1.修改res/layout/main.xml 添加ImageButton控件

android:id="@+id/imagebutton1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

>

2. 声明并实例化一个imagebutton类

ImageButton imgButton = (ImageButton) this.findViewById(R.id.imagebutton1);

// 设置图片按钮的背景

imgButton.setBackgroundResource(R.drawable.add);

3.重载imagebutton单击触发的事件

imgButton.setOnClickListener(new Button.OnClickListener(){

public void onClick(View v) {

TextView txt = (TextView) findViewById(R.id.textview1);

txt.setText("图片按钮被单击了");

}

});