GridView的使用

GridView网格视图，

是按照行和列的分布方式来显示多个组件的，GridView和ListView有共同的父类AbsListView，区别在于GridView是现实多列的。

同时GridView也是通过Adapter来显示数据的。

GridView的属性有：android：columnWidth设置列的宽度；

android：gravity设置对齐方式；

android：horizontalSpacing设置各个元素之间的水平距离；

android：numColumns设置列数；

android：stretchMode设置拉伸模式

android：verticalSpecing设置各个元素之间的垂直距离；

实例：

布局文件代码如下;

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_gravity="center_horizontal"
   >
   <GridView
       android:id="@+id/grid_view1"
      android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:horizontalSpacing="1pt"
android:verticalSpacing="1pt"
android:numColumns="4"
android:gravity="center"
       />
   <ImageView 
       android:id="@+id/imageView"
      android:layout_width="240dp"
android:layout_height="240dp"
android:layout_gravity="center_horizontal"/>


</LinearLayout>

java代码如下：

public class MainActivity extends Activity {
    GridView grid;
    ImageView imageView;
    int imageIds[]=new int[]{
    R.drawable.ic_launcher,R.drawable.aaa,R.drawable.de,
    R.drawable.dx,R.drawable.email,R.drawable.exit,
    R.drawable.help
    };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.fragment_main);
List<Map<String, Object>> listItems = 
new ArrayList<Map<String, Object>>();
for(int i=0;i<imageIds.length;i++){
Map<String,Object> listItem=new HashMap<String,Object>();
listItem.put("aaa", imageIds[i]);
listItems.add(listItem);
}


imageView=(ImageView) findViewById(R.id.imageView);
SimpleAdapter adapter=new SimpleAdapter(this,listItems,
R.layout.activity_main,
new String[]{"aaa"},
       new int[]{R.id.im_view});
grid=(GridView) findViewById(R.id.grid_view1);
       grid.setAdapter(adapter);


grid.setOnItemSelectedListener(new OnItemSelectedListener() {


@Override
public void onItemSelected(AdapterView<?> parent, View view,
int position, long id) {
// TODO Auto-generated method stub
imageView.setImageResource(imageIds[position]);
}


@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub

}
});
     grid.setOnItemClickListener(new OnItemClickListener() {


@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub
imageView.setImageResource(imageIds[position]);
}
});
}
}

activity_main,下的代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:padding="2pt"
>
<ImageView
android:id="@+id/im_view"
android:layout_width="50dp" 
android:layout_height="50dp" 
/>
</LinearLayout>

实现一个简单的图片浏览器