通过以ImageView
编程方式设置GridLayout
的背景颜色,我可以使UI看起来像这样。
我正在使用Picasso从这些网格中的服务器加载图像。图像延伸超出其定义的colspan和rowspan。我为什么要这个?
GridLayout xml
<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/tableGrid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:horizontalSpacing="0dp"
android:stretchMode="columnWidth"
android:verticalSpacing="0dp"
app:alignmentMode="alignBounds"
app:columnOrderPreserved="true"
app:rowOrderPreserved="true"
app:useDefaultMargins="false"/>`
我Activity
private void setGrids(int totalRows, int totalCols) {
int total = gridList.size();
gridLayout.setColumnCount(totalCols);
gridLayout.setRowCount(totalRows);
for (int i = 0; i < total; i++) {
float rowWeight = Float.parseFloat(gridList.get(i).getRowSpan() + "F");
float colWeight = Float.parseFloat(gridList.get(i).getColSpan() + "F");
GridLayout.Spec rowSpan = GridLayout.spec(gridList.get(i).getStartRow(), gridList.get(i).getRowSpan(), rowWeight);
GridLayout.Spec colSpan = GridLayout.spec(gridList.get(i).getStartColumn(), gridList.get(i).getColSpan(), colWeight);
GridLayout.LayoutParams gridParam = new GridLayout.LayoutParams(
rowSpan, colSpan);
GridLayout.LayoutParams param = new GridLayout.LayoutParams();
param.height = 0;
param.width = 0;
ImageView oImageView = new ImageView(this);
oImageView.setLayoutParams(new GridLayout.LayoutParams(param));
/*
Random rnd = new Random();
int color = Color.argb(255, rnd.nextInt(256), rnd.nextInt(256), rnd.nextInt(256));
oImageView.setBackgroundColor(color);
*/
Picasso.with(this).load(gridList.get(i).getProductImage()).noFade().into(oImageView);
oImageView.setAdjustViewBounds(true);
oImageView.setScaleType(ImageView.ScaleType.FIT_XY);
gridLayout.addView(oImageView, gridParam);
}
}
引导我,以便我可以正确地将图像放入这些网格中。
答案 0 :(得分:2)
我解决了我的问题。 问题在于使用Picasso加载图像。图书馆正在调整我的形象。 我将图像加载线更改为
Picasso.with(this).load(gridList.get(i).getProductImage()).fit().noFade().into(oImageView);