Question

我试图以编程方式在网格布局中拟合指定数量的图像，并且我希望它们的大小均匀并展开。每当我尝试添加多个图像时，网格布局只显示一个。我做错了什么？

XML：

<GridLayout
        android:id="@+id/gridlayout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="6"
        android:gravity="center"/>

Java：

//reset data and grid
    data.clear();
    gridLayout.removeAllViews();

    Random random = new Random();
    for(int i = 0; i < num; i++){
        data.add(String.format("%." + 0 + "f", random.nextDouble() * (6 - 1) + 1));
        ImageView imageView = new ImageView(getContext());
        switch (data.get(i)) {
            case "1":
                imageView.setImageResource(R.drawable.dice1);
                break;
            case "2":
                imageView.setImageResource(R.drawable.dice2);
                break;
            case "3":
                imageView.setImageResource(R.drawable.dice3);
                break;
            case "4":
                imageView.setImageResource(R.drawable.dice4);
                break;
            case "5":
                imageView.setImageResource(R.drawable.dice5);
                break;
            default:
                imageView.setImageResource(R.drawable.dice6);
                break;
        }
        gridLayout.addView(imageView, i);
    }

显示什么：

我想要的：

Answer 1

[！[截图] [1] [1]

package com.plumtestongo.sample;

import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.ViewTreeObserver;
import android.widget.GridLayout;
import android.widget.ImageView;

import java.util.ArrayList;
import java.util.Random;

public class MainActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        final GridLayout layout = (GridLayout) findViewById(R.id.gridlayout);
        ViewTreeObserver vto = layout.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
                    layout.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                } else {
                    layout.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                }
                int width = layout.getMeasuredWidth();
                int height = layout.getMeasuredHeight();
                setViews(height, width);

            }
        });
    }


    private void setViews(int layoutHeight, int layoutWidth) {

        int width = layoutWidth / 3;
        int height = layoutHeight / 2;
        Log.i(getClass().getName(), "Image height" + height + " Width:" + width);
        ArrayList<String> data = new ArrayList<>();
        data.clear();
        GridLayout gridLayout = (GridLayout) findViewById(R.id.gridlayout);
        gridLayout.removeAllViews();
        Random random = new Random();
        int num = 6;
        for (int i = 0; i < num; i++) {
            data.add(String.format("%." + 0 + "f", random.nextDouble() * (6 - 1) + 1));
            ImageView imageView = new ImageView(this);
            GridLayout.LayoutParams layoutParams = new GridLayout.LayoutParams();
            layoutParams.width = width;
            layoutParams.height = height;
            imageView.setLayoutParams(layoutParams);
            switch (data.get(i)) {
                case "1":
                    imageView.setImageResource(R.drawable.dice2);
                    break;
                case "2":
                    imageView.setImageResource(R.drawable.dice2);
                    break;
                case "3":
                    imageView.setImageResource(R.drawable.dice2);
                    break;
                case "4":
                    imageView.setImageResource(R.drawable.dice2);
                    break;
                case "5":
                    imageView.setImageResource(R.drawable.dice2);
                    break;
                default:
                    imageView.setImageResource(R.drawable.dice2);
                    break;
            }
            gridLayout.addView(imageView, i);
        }
    }

}



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

    <GridLayout
        android:id="@+id/gridlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:columnCount="3"
        android:padding="10dp"
        android:gravity="center"/>


</LinearLayout>

您需要xml布局中的第3列行。
你必须设置imageview的宽度和高度。
高度和宽度可以根据屏幕尺寸计算。你可能不会需要高度但宽度很重要。
另一种选择是为背景创建缩放位图基于屏幕尺寸的资源。

Answer 2

查看这些属性

机器人：=信息columnCount＆＃34; 2＆＃34; 机器人：rowCount时=＆＃34; 2＆＃34;

在将图像添加到gridview之前，请尝试播放上面列出的属性。

如果布局包含1个图像，则设置为1 如果布局包含2个图像，则将行设置为1，将列设置为2。如果布局包含3个图像，则将行设置为1，将列设置为3

如果布局包含4，则设置为2。

等等...

网格布局添加均匀间隔的图像

2 个答案: