一個在平面上可顯示多個條目的可滾動的視圖組件,該組件中的條目通過一個ListAdapter和該組件進行關聯。
比如實現九宮格圖,用GridView是首選,也是最簡單的。
<2>XML屬性
屬性:
android:columnWidth
設置列的寬度。關聯的方法爲:setColumnWidth(int)
android:gravity
設置此組件中的內容在組件中的位置。
必須是一個或多個(用“|”分隔開)以下的常量。
top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill
關聯方法:setGravity (int gravity)
android:horizontalSpacing
兩列之間的間距。關聯方法:setHorizontalSpacing(int)
android:numColumns
列數。關聯方法:setNumColumns(int)
可以是auto_fit
常量,表示儘可能多的顯示列來填補的可用空間。
android:stretchMode
縮放模式。關聯方法:setStretchMode(int)
Constant | Value | Description |
---|---|---|
none |
0 | 無 |
spacingWidth |
1 | 在每列之間的空間進行縮放 |
columnWidth |
2 | 每列進行平均的縮放 |
spacingWidthUniform |
3 | 每一列之間的間隔是均勻地縮放. |
android:verticalSpacing
兩行之間的間距。關聯方法:setVerticalSpacing(int)
<3>常用公共方法
public ListAdapter getAdapter()
獲得與此組件相關的適配器
返回值: ListAdapter適配器實例
public int getNumColumns()
獲得GridView的列數
public int getStretchMode()
獲得GridView的縮放模式
public void setAdapter(ListAdapter adapter)
設置與此組件相關的適配器
public void setColumnWidth(int columnWidth)
設置GridView的列寬.
public void setGravity(int gravity)
設置控件內容的位置,默認值爲:Gravity.LEFT
public void setHorizontalSpacing(int horizontalSpacing)
設置列間距.
public void setNumColumns(int numColumns)
設置grid的列數
public void setSelection(int position)
設置選中的條目.
public void setStretchMode(int stretchMode)
設置grid中的條目以什麼縮放模式去填充空間。
stretchMode 可選值:NO_STRETCH,STRETCH_SPACING,STRETCH_SPACING_UNIFORM,或STRETCH_COLUMN_WIDTH
<4>範例
main.xml
- <?xml version="1.0" encoding="utf-8"?>
- <GridView xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/gridview"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:verticalSpacing="5dip"
- android:horizontalSpacing="5dip"
- android:columnWidth="80dip"
- android:numColumns="auto_fit"
- android:stretchMode="columnWidth"
- android:gravity="center"
- />
- package xiaosi.gridview;
- import android.app.Activity;
- import android.content.Context;
- import android.os.Bundle;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.AdapterView;
- import android.widget.AdapterView.OnItemClickListener;
- import android.widget.BaseAdapter;
- import android.widget.GridView;
- import android.widget.ImageView;
- import android.widget.Toast;
- public class GridViewActivity extends Activity {
- /** Called when the activity is first created. */
- private GridView gridview = null;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- gridview = (GridView)findViewById(R.id.gridview);
- gridview.setAdapter(new ImageAdapter(GridViewActivity.this));
- gridview.setOnItemClickListener(new OnItemClickListener() {
- public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
- long arg3) {
- Toast.makeText(GridViewActivity.this, "" + arg2, Toast.LENGTH_SHORT).show();
- }
- });
- }
- public class ImageAdapter extends BaseAdapter {
- private Context context;
- private int[] ImageBox ={
- R.drawable.sample_1,R.drawable.sample_0,
- R.drawable.sample_3,R.drawable.sample_4,
- R.drawable.sample_5,R.drawable.sample_2,
- R.drawable.sample_3,R.drawable.sample_2,
- R.drawable.sample_4,R.drawable.sample_5,
- R.drawable.sample_4,R.drawable.sample_2,
- R.drawable.sample_3,R.drawable.sample_3,
- R.drawable.sample_4,R.drawable.sample_5,
- R.drawable.sample_5,R.drawable.sample_7};
- public ImageAdapter(Context context){
- this.context = context;
- }
- public int getCount() {
- return ImageBox.length;
- }
- public Object getItem(int arg0) {
- // TODO Auto-generated method stub
- return null;
- }
- public long getItemId(int position) {
- // TODO Auto-generated method stub
- return 0;
- }
- 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(context);
- imageView.setLayoutParams(new GridView.LayoutParams(120, 120));
- imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
- imageView.setPadding(8, 8, 8, 8);
- }
- else
- {
- imageView = (ImageView) convertView;
- }
- imageView.setImageResource(ImageBox[position]);
- return imageView;
- }
- }
- }