GridView在portratit中每行具有1个ImageView，在横向模式下具有2个ImageView

Question

我实际上有一个自定义ArrayAdapter填充的ListActivity。 它构建由单个ImageViews构成的行。 在人像模式下看起来不错。 但是在横向模式下，它将图像拉伸到边框（我将scaleType设置为fitXY）。
我想在横向模式下每行有2个ImageViews。 GridView是正确的布局吗？
你会怎么做？

由于我的屏幕为480x800（纵向），因此ImageView的宽度为480px，而横向的两个图像的宽度均为400px。 这不是问题，但对我来说，重要的是要遵守宽度/高度比。

Answer 1

您为什么不使用Gridview来完成任务。 如果要使用列表视图，则必须根据方向检查方向

1）在横向模式下，将加载来自layout-land /的布局，其中包含2个imageviews。

2）在纵向模式下，将加载来自layout-port /的布局，其中包含1个imageview。

Answer 2

是的， GridView是最好和最简单的方法。 您可以使用与ListView现在相同的自定义ArrayAdapter和OnClickListener ，只需更改

ListView myList = (ListView) findViewById(R.id.list);

至

GridView myGrid = (GridView) findViewById(R.id.gridview);

并将xml改为：

 <GridView
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="390px"
        android:gravity="center"
        android:numColumns="auto_fit"
        android:stretchMode="columnWidth" />

现在，您应该避免使用“ px”作为单位，而应使用“ dp”，除非您确实确定您的应用程序仅设计用于480x800分辨率。

Answer 3

gridView的布局不多。 它是adapterView，因此其目的是能够“显示”大量视图，并能够在它们之间滚动。

也许您想使用gridLayout代替？ 它也有一个可比性库...

无论如何，如果您希望坚持使用gridView，只需将android:numColumns设置为您通过values文件夹将其设置为纵向模式的变量，并将values-land设置为您需要用于景观的值的变量

---

编辑：这是使用gridView的解决方案：

布局xml文件应包含以下内容：

<GridView android:layout_width="match_parent"
  android:numColumns="@integer/cols" android:layout_height="match_parent"
  />

在res/values文件夹中创建一个类似以下内容的xml文件（例如“ consts.xml”）：

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <item type="integer" name="cols">2</item>
</resources>

另外，在res/values-land文件夹中创建相同的文件，并将2设置为3。

Answer 4

您可以为不同的方向提供不同的资源。 因此，当设备处于横向时，可以使用在每个项目中都有两个ImageView且在纵向中具有两个ImageView的布局填充ListView ，每个项目中该布局具有1个ImageView 。

查看提供资源一文 ，了解如何为不同的方向提供不同的布局XML。

样例代码：

// Create an anonymous implementation of OnClickListener
private OnClickListener mImageListener = new OnClickListener() {
    public void onClick(View v) {
      // do something when the ImageView is clicked
    }
};

//Check the orientation and handle accordingly in the getView
public View getView (int position, View convertView, ViewGroup parent){
    if(convertView == null){
        convertView = (LinearLayout)inflater.inflate(R.layout.list_item, parent);
    }
    ImageView leftImage = (ImageView)convertView.findViewById(R.id.leftImage);
    ImageView rightImage = (ImageView)convertView.findViewById(R.id.rightImage);
    boolean isTwoColumn = (rightImage != null);

    //If it is two column layout, set both ImageViews
    if(isTwoColumn){
      leftImage.setImageResource(...);
      leftImage.setOnClickListener(mImageListener);
      rightImage.setImageResource(...);
      rightImage.setOnClickListener(mImageListener);
    }else{
      leftImage.setImageResource(...);
      leftImage.setOnClickListener(mImageListener);
    }
}

/res/layout-land/list-item.xml

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <ImageView
      android:id="+@id/leftImage"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">
    <ImageView
      android:id="+@id/rightImage"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">
</LinearLayout>

/res/layout-port/list-item.xml

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <ImageView
      android:id="+@id/leftImage"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">
</LinearLayout>

Answer 5

我尝试使用Gridview并亲自发现它是令人难以置信的，它获得了我想要的显示（对于内部较小的单元格，它是比率正确的显示）...在以不同的分辨率和屏幕格式对其进行了数周的测试之后，我选择创建自己的gridview从无到有，再也没有回头。

我并不是说Gridview并非没有优点，但我可以说的是，如果您有一个非常清晰的想法如何实现自己的系统，那么实现自己的系统将花费几个小时，您可能会发现它更容易实现自己编写代码。

从本质上讲，这只是一个从ViewGroup派生的类，重写onMeasure和onLayout项目以测量其包含的子视图，然后将它们放置在屏幕上所需的位置。

如果您正在寻找长列表，但是我仍然会查看listview，或者gridview也许值得一试，但这当然让您高枕无忧，知道您可以根据需要控制所有内容。