罗刚事件的:一步一步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("图片按钮被单击了");
            }
        });