问题描述
我正在尝试在gridview布局管理器中的recyclerview中显示自定义布局,但是在第二行之后,边框会进入多余的空间。 因此,我的问题是如何删除该多余的空间,以及该空间背后的原因是什么?
自定义项目视图布局
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/frameLayout"
android:layout_margin="2dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/img_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_marginTop="1dp"
android:src="@drawable/redcap"
android:scaleType="fitCenter"/>
<TextView
android:id="@+id/tv_info"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/img_content"
android:layout_centerHorizontal="true"
android:background="@color/white"
android:layout_margin="1dp"
android:layout_gravity="center|bottom|left"
android:gravity="left"
android:padding="8dp"
android:textColor="@color/primary_dark"
android:textSize="@dimen/TvTextSizenormal"/>
</RelativeLayout>
适配器代码
public class MyAdapter extends BaseAdapter {
@Override
public View getView(int position,View convertView,ViewGroup parent) {
View view = null;
final Item item = mItems.get(position);
if (convertView == null) {
Holder holder = new Holder();
view = View.inflate(mContext,R.layout.myItemView,null);
holder.img_content = view.findViewById(R.id.img_content);
holder.tv_info = (TextView) view.findViewById(R.id.tv_info);
view.setTag(holder);
} else {
view = convertView;
}
Holder holder = (Holder) view.getTag();
holder.tv_info.setText(item.getCategoryName());
Picasso.get().load(url).fit().into(holder.img_content);
return view;
}
}
MainActivity
myAdapter= new MyAdapter(MainActivity.this,subCategoryList);
recyclerGridView.setLayoutManager(new GridLayoutManager(this,2));
recyclerGridView.setAdapter(myAdapter);
解决方法
我的一个项目中的布局完全相同
android:adjustViewBounds="true"
android:scaleType="centerCrop"
从Picasso通话中删除.fit()
使用以下类,它将根据实际图像调整ImageView的高度:
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
public class ManageHeightByWidthImageView extends androidx.appcompat.widget.AppCompatImageView {
public int width = -1;
public int height = -1;
public ManageHeightByWidthImageView(Context context) {
super(context);
}
public ManageHeightByWidthImageView(Context context,AttributeSet attrs) {
super(context,attrs);
}
public ManageHeightByWidthImageView(Context context,AttributeSet attrs,int defStyle) {
super(context,attrs,defStyle);
}
@Override
protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec) {
Drawable d = getDrawable();
if (d != null) {
int imageIntrinsicWidth = d.getIntrinsicWidth();
int imageIntrinsicHeight = d.getIntrinsicHeight();
Log.d(ManageHeightByWidthImageView.class.getName(),imageIntrinsicWidth + " -- " + imageIntrinsicHeight);
int w = MeasureSpec.getSize(widthMeasureSpec);
int h = w * d.getIntrinsicHeight() / d.getIntrinsicWidth();
width = w;
height = h;
try {
setMeasuredDimension(w,h);
} catch (NullPointerException ignored) {
}
} else {
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
}
}
}
如何在代码内使用:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/frameLayout"
android:layout_margin="2dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.proportionlImageView.ManageHeightByWidthImageView
android:id="@+id/img_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_marginTop="1dp"
android:minHeight="100dp"
android:src="@drawable/redcap"
android:scaleType="fitCenter"/>
<TextView
android:id="@+id/tv_info"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/img_content"
android:layout_centerHorizontal="true"
android:background="@color/white"
android:layout_margin="1dp"
android:layout_gravity="center|bottom|left"
android:gravity="left"
android:padding="8dp"
android:textColor="@color/primary_dark"
android:textSize="@dimen/TvTextSizeNormal"/>
</RelativeLayout>