Question

我试图让我的图像很好地适应屏幕而不重叠但无论我做什么，我都无法让它们正确地扩展。我认为ImageView.ScaleType.CENTER_CROP会扩展我的图像，但可能我做错了。任何帮助，将不胜感激。（如果您知道将解决我的问题的简单功能，那么请不要在不阅读我的代码的情况下做出响应，这主要是教程代码）

这是我得到的： 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="75dp"
    android:numColumns="auto_fit"
    android:verticalSpacing="0dp"
    android:horizontalSpacing="1dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
/>

这是我的HelloGrid.java文件：

package com.grid.example;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.Toast;

public class HelloGrid extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          requestWindowFeature(Window.FEATURE_NO_TITLE); //removes annoying title on top
          setContentView(R.layout.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) {
                    Toast.makeText(HelloGrid.this, "" + position, Toast.LENGTH_SHORT).show();
                }
            });
    }
}

这是我的ImageAdapter.java文件：

package com.grid.example;

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 myContext;

    public ImageAdapter(Context c) {
        myContext = 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) {  // if it's not recycled, initialize some attributes
            imageView = new ImageView(myContext);
            imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            imageView.setPadding(4, 0, 4, 0 );
        } else {
            imageView = (ImageView) convertView;
        }

        imageView.setImageResource(mThumbIds[position]);


        return imageView;

    }

    // references to our images
private Integer[] mThumbIds = {

            R.drawable.sample_0, 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,
            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,
            R.drawable.sample_2, R.drawable.sample_3,
            R.drawable.sample_4, R.drawable.sample_5
            };

}

我尝试在main.xml文件中编辑填充和horizontalspacing。我的垂直间距很好。我只是有图像调整大小的问题，所以他们完全适合屏幕。

Answer 1

在代码中使用硬编码“图像布局”的选项是为ImageView创建新的布局。然后，您可以在代码中夸大布局。

这样做的好处是，您可以使用graphicla ui编辑器查看属性，查看ImageView行为的预览，并且可以在不修改代码的情况下更轻松地修改行为。（例如，您可能希望为其他屏幕尺寸设置不同的布局）

更新：您可以在此处找到如何给视图充气的示例： API Demos, List14

Answer 2

一旦尝试这个

<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"
    />

Answer 3

由于 Kaj 已在上面回答，我完全赞同他。仅使用ImageView创建行布局文件，然后在ImageAdapter类中使用相同的布局。

这种行xml布局的主要优点是可以预览布局。

在创建ImageView时，请务必定义 android:scaleType="center" ，使其显示在中心区域。

Answer 4

我没有试图找出android xml文件中的布局，而是已经下载了AndEngine for android，它完美地用于订购图像，因此它们就在彼此旁边。它还允许屏幕滚动，并且在游戏设计方面非常好。如果其他人有兴趣，这是链接。

http://andenginefromscratch.blogspot.com/2011/03/introduccion-andengine-parte-i.html

android布局;调整图像列的大小以使其适合屏幕

4 个答案: