1

我正在尝试显示图像网格(我在执行时知道它们会有多少)。我的问题是该网格必须在垂直 ScrollView 和 ViewPager 内,因此不鼓励将两个可滚动视图放在另一个内,而且我不能使用水平 GridLayout,因为我在 ViewPager 中所以水平滚动已经咳嗽了。 我想做这个

所以我正在尝试使用 TableLayout 来实现这一点,并通过使用一些数学来手动设置所有填充/边距/尺寸。我得到的是: 我的测试

我可以做些什么来实现这些结果吗?

可能使用具有固定高度和宽度的 GridLayout ..

下面报告了我迄今为止编写的用于填充 TableLayout 的代码。它在一个 Fragment 中,“act”是对活动的引用,table_view 是我的 TableLayout,objectids 是一个包含要使用的图像 ID 的 LinkedList。

private void calculateGrid() {
    table_view.removeAllViews();
    table_view.setVisibility(View.VISIBLE);

    int minLato = Math.min(act.metrics.widthPixels, act.metrics.heightPixels);

    float density = act.metrics.density;
    int screenX = (int) (minLato / act.metrics.density);
    float factor = 4f;
    int imageXpx = (int) (minLato / factor);
    int imageX = (int) (imageXpx / act.metrics.density);

    int margins;
    int numImage = objectids == null ? 0 : objectids.size();
    int numRow;
    int numCol;
    int gridY; // = ?
    int countImg = 1;

    if (screenX % imageX == 0) { // TODO poi sarà un po piu di 0 per non avere margini minuscoli
        numCol = screenX / imageX - 1;
        margins = imageX / (screenX / imageX);
    } else {
        numCol = screenX / imageX;
        margins = (screenX % imageX) / (screenX / imageX + 1);
    }

    margins = Math.min(10, margins);

    int dpMargins = (int) (margins * density);

    numRow = (int) Math.ceil(numImage / (double) numCol);

    gridY = numRow * (margins * 2 + imageX);

    Log.e(TAG, "dens: " + density + " screen: " + screenX + " img: " + imageX + " margins: " + margins + " numImg: " + numImage + " numRow: " + numRow
            + " numCol" + numCol + " gridY: " + gridY);

    List<TableRow> rows = new LinkedList<TableRow>();
    int ID = 1000;
    TableRow oneRow;

    TableLayout.LayoutParams tableParams = new TableLayout.LayoutParams(TableLayout.LayoutParams.MATCH_PARENT, TableLayout.LayoutParams.WRAP_CONTENT);
    tableParams.gravity = Gravity.CENTER;

    for (int i = 1; i <= numRow; i++) {
        Log.d(TAG, "row " + i);
        oneRow = new TableRow(ctx);
        oneRow.setLayoutParams(tableParams);
        for (int k = 1; k <= numCol; k++) {
            Log.d(TAG, "col " + k);
            if (countImg <= numImage) {
                Log.i(TAG, "img " + countImg);
                ImageView img = new ImageView(ctx);

                TableRow.LayoutParams rp = new TableRow.LayoutParams(imageXpx, imageXpx);
                rp.bottomMargin = dpMargins;
                rp.topMargin = dpMargins;
                rp.leftMargin = dpMargins;
                rp.rightMargin = dpMargins;

                img.setLayoutParams(rp);
                img.setId(ID + countImg);

                img.setScaleType(ImageView.ScaleType.CENTER_CROP);
                loadBitmaps(ctx, app.getDatabase(), img, objectids.get(countImg - 1), "image", target_graphid, ticket);

                img.setImageResource(R.drawable.capiicona);
                oneRow.addView(img);
                countImg++;
            }
        }
        rows.add(oneRow);
    }

    for (TableRow tr : rows)
        table_view.addView(tr);

    table_view.setGravity(Gravity.CENTER_HORIZONTAL)

}

感谢您的宝贵帮助。

4

0 回答 0