Android（安卓）GridView 网格视图

Android GridView 在二维滚动网格（行和列）中显示项目，网格项不一定是预先确定的，但它们使用 ListAdapter 自动插入到布局中。

ListView 和 GridView 是 AdapterView 的子类，可以通过将它们绑定到适配器来填充它们，适配器从外部源检索数据并创建表示每个数据项的视图。

GridView 属性

以下是 GridView 特有的重要属性：

实例

这个例子将带你通过简单的步骤来展示如何使用 TableLayout 创建你自己的 Android 应用程序。按照以下步骤修改我们在 Hello World 实例 章节中创建的 Android 应用程序：

下面是修改后的主活动文件 src/com.example.helloworld/MainActivity.java 的内容。此文件可以包括每个基本生命周期方法：

package com.example.helloworld;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.GridView;
public class MainActivity extends Activity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
   GridView gridview = (GridView) findViewById(R.id.gridview);
   gridview.setAdapter(new ImageAdapter(this));
  }
}

下面是 res/layout/activity_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:columnWidth="90dp"
  android:numColumns="auto_fit"
  android:verticalSpacing="10dp"
  android:horizontalSpacing="10dp"
  android:stretchMode="columnWidth"
  android:gravity="center"
/>

下面是 res/values/strings.xml 文件的内容，定义了两个常量：

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string name="app_name">HelloWorld</string>
  <string name="action_settings">Settings</string>
</resources>

下面是 src/com.example.helloworld/ImageAdapter.java 文件的内容:

package com.example.helloworld;
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;
  // Constructor
  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
  public View getView(int position, View convertView, ViewGroup parent) {
   ImageView imageView;
   if (convertView == null) {
     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;
  }
  // Keep all Images in array
  public Integer[] mThumbIds = {
   R.drawable.sample_2, R.drawable.sample_3,
   R.drawable.sample_4, R.drawable.sample_5,
   R.drawable.sample_6, R.drawable.sample_7,
   R.drawable.sample_0, R.drawable.sample_1,
   R.drawable.sample_2, R.drawable.sample_3,
   R.drawable.sample_4, R.drawable.sample_5,
   R.drawable.sample_6, R.drawable.sample_7,
   R.drawable.sample_0, R.drawable.sample_1,
   R.drawable.sample_2, R.drawable.sample_3,
   R.drawable.sample_4, R.drawable.sample_5,
   R.drawable.sample_6, R.drawable.sample_7
  };
}

让我们尝试运行我们修改过的 Hello World！我们刚刚修改的应用程序。我假设您在进行环境设置时创建了 AVD。要从 Android Studio 运行应用程序，请打开项目的 activity 文件之一，然后单击工具栏上的运行 Eclipse 图标。Android studio 在您的AVD 上安装应用程序并启动它，如果您的设置和应用程序一切正常，它将显示以下模拟器窗口：

子活动实例

让我们扩展上面示例的功能，我们将全屏显示选定的网格图像。为此，我们需要引入一项新的 activity 活动。只要记住，对于我们需要执行的任何活动，就像我们必须实现一个活动类一样，在 AndroidManifest.xml 文件中定义该活动，定义相关的布局，最后通过它在主活动类中将子活动与主活动链接。因此，让我们按照步骤修改上面的实例：

下面是修改后的主活动文件 src/com.example.helloworld/MainActivity.java 的内容。该文件可以包括每个基本生命周期方法。

package com.example.helloworld;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
public class MainActivity extends Activity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
   GridView gridview = (GridView) findViewById(R.id.gridview);
   gridview.setAdapter(new ImageAdapter(this));
   gridview.setOnItemClickListener(new OnItemClickListener() {
     public void onItemClick(AdapterView<?> parent,
      View v, int position, long id){
      // Send intent to SingleViewActivity
      Intent i = new Intent(getApplicationContext(), SingleViewActivity.class);
      // Pass image index
      i.putExtra("id", position);
      startActivity(i);
     }
   });
  }
}

下面是新 activity 文件 src/com.example.helloworld/SingleViewActivity.java 的内容：

package com.example.helloworld;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.ImageView;
public class SingleViewActivity extends Activity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.single_view);
   // Get intent data
   Intent i = getIntent();
   // Selected image id
   int position = i.getExtras().getInt("id");
   ImageAdapter imageAdapter = new ImageAdapter(this);
   ImageView imageView = (ImageView) findViewById(R.id.SingleView);
   imageView.setImageResource(imageAdapter.mThumbIds[position]);
  }
}

下面是 res/layout/single_view.xml 文件的内容:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
<ImageView android:id="@+id/SingleView"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"/>
</LinearLayout>

下面是 AndroidManifest.xml 文件的内容，定义了两个常量：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.example.helloworld">
  <application
   android:allowBackup="true"
   android:icon="@drawable/ic_launcher"
   android:label="@string/app_name"
   android:theme="@style/AppTheme" >
   <activity
     android:name="com.example.helloworld.MainActivity"
     android:label="@string/app_name" >
     <intent-filter>
      <action android:name="android.intent.action.MAIN" />
      <category android:name="android.intent.category.LAUNCHER" />
     </intent-filter>
   </activity>
   <activity android:name=".SingleViewActivity"></activity>
  </application>
</manifest>

让我们尝试运行我们修改过的 Hello World！我们刚刚修改的应用程序。我假设您在进行环境设置时创建了 AVD。要从 Android Studio 运行应用程序，请打开项目的 activity 文件之一，然后单击工具栏上的运行 Eclipse 图标。Android studio 在您的AVD 上安装应用程序并启动它，如果您的设置和应用程序一切正常，它将显示以下模拟器窗口：

现在，如果您单击任一图像，它将显示为单个图像，例如：

请注意，上述图片是从 Android 官方网站拍摄的。