макет Android;Изменение размера столбцов изображений, чтобы они соответствовали экрану

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. Я получил вертикальный интервал, чтобы быть просто отлично. У меня просто проблемы с размерами изображений, чтобы они идеально подходили к экрану.

Answer 1

Вместо того, чтобы пытаться выяснить расположение в xml-файле Android, я скачал AndEngine для Android, и он отлично работал для упорядочивания изображений, чтобы они были рядом друг с другом. Он также учитывает прокрутку экрана и довольно хорош, когда дело доходит до игрового дизайна. Вот ссылка, если кто-то еще заинтересован.

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

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

Поскольку Кай ответил выше, я полностью согласен с ним.Создайте файл макета строки только с ImageView, а затем накачайте тот же макет в своем классе ImageAdapter.

Основное преимущество этого типа макета строки XML заключается в предварительном просмотре макета.

И при создании ImageView обязательно укажите android:scaleType="center", чтобы он отображался в центральной области.

Answer 4

Возможность иметь жестко закодированный «макет изображения» в вашем коде - создать новый макет для вашего ImageView.Затем вы раздуваете компоновку в своем коде.

Преимущество этого заключается в том, что вы можете использовать графический графический редактор для просмотра свойств, предварительного просмотра поведения ImageView и облегчения измененияповедение без изменения кода.(Возможно, вы захотите иметь другой макет для других размеров экрана)

Обновление: пример того, как накачать представление, можно найти здесь: Демонстрации API, List14