一、GridView控件
效果如下:
使用GridView控件,分以下三個(gè)步驟:
1.修改res/layout/main.xml 添加gridview控件
<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"
></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.編寫(xiě)ImageAdapter類(lèi),此類(lèi)作為容器 包含需要添加的圖片 及其響應(yīng)的方法
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個(gè)步驟:
1.修改res/layout/main.xml 添加Button控件
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Test"
>
</Button>
2.在當(dāng)前的Activity中的OnCreate方法中聲明并實(shí)例化Button
Button button1=(Button)this.findViewById(R.id.button1);
button1.setText("click me");
3.在當(dāng)前Activity中的OnCreate方法中設(shè)置鼠標(biāo)單擊事件
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個(gè)步驟:
1.修改res/layout/main.xml 添加ImageButton控件
<ImageButton
android:id="@+id/imagebutton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</ImageButton>
2. 聲明并實(shí)例化一個(gè)imagebutton類(lèi)
ImageButton imgButton = (ImageButton) this.findViewById(R.id.imagebutton1);
// 設(shè)置圖片按鈕的背景
imgButton.setBackgroundResource(R.drawable.add);
3.重載imagebutton單擊觸發(fā)的事件
imgButton.setOnClickListener(new Button.OnClickListener(){
public void onClick(View v) {
TextView txt = (TextView) findViewById(R.id.textview1);
txt.setText("圖片按鈕被單擊了");
}
});
聯(lián)系客服