ImageView 的大小无法适应 GridView 中来自网络的图像

Question

我有一个问题，让我整天很累。为什么在GridView中加载网络图片到ImageView时显示ImageView的背景？ ImageView的尺寸不能wrap_content.

我该如何解决？使ImageView的尺寸适应图片尺寸（不改变图片尺寸）提前致谢。

A.Main XML

<ListView
    android:id="@+id/gridview_listview"
    android:layout_width="100dp"
    android:background="#00000000"
    android:scrollbars="none"
    android:dividerHeight="5dp"
    android:divider="@color/colorAlpha"
    android:listSelector="@drawable/list_item_selected"
    android:layout_height="match_parent" />

<GridView
    android:id="@+id/gridview"
    android:layout_weight="1"
    android:layout_marginLeft="10dp"
    android:layout_width="0dp"
    android:scrollbars="none"
    android:listSelector="@drawable/gridview_item_selected"
    android:layout_height="wrap_content">
</GridView>

B.GridView 项目 XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:gravity="center"
android:padding="1dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<ImageView
    android:id="@+id/iv_gridview"
    android:padding="0dp"
    android:background="#ff0000"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<TextView
    android:id="@+id/tv_gridview"
    android:text="test"
    android:textColor="#00ffff"
    android:textSize="15sp"
    android:gravity="center"
    android:singleLine="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

C.GridView 适配器扩展了 BaseAdapter

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    GridViewHolder gridViewHolder = new GridViewHolder();
    ImageView imageView;
    TextView textView;
    if (convertView == null ) {
        convertView = layoutInflater.inflate(R.layout.gridview_item , null) ;
        imageView = (ImageView) convertView.findViewById(R.id.iv_gridview);
        textView = (TextView) convertView.findViewById(R.id.tv_gridview);
        gridViewHolder.setImageView(imageView);
        gridViewHolder.setTextView(textView);
        convertView.setTag(gridViewHolder);
    }else {
        gridViewHolder = (GridViewHolder) convertView.getTag();
    }
    Picasso.with(context).load("http://img1.cache.netease.com/catchpic/A/A8/A86B03AE11945B98D0AE0A98480D28CE.jpg").into(gridViewHolder.getImageView());
    gridViewHolder.getTextView().setText(dataList.get(position).getName());
    return convertView;
}

D.Activity代码

    dataList = GetData.getData();
    GridViewAdapter gridViewAdapter = new GridViewAdapter(GridView.this , dataList);
    gridView.setAdapter(gridViewAdapter);
    gridView.setNumColumns(3);
    gridView.setHorizontalSpacing(5);
    gridView.setVerticalSpacing(10);
    gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            String url = "this is " + position ;
            startActivity(new Intent(GridView.this , ClickActivity.class).putExtra("url" ,url));

        }
    });

Answer 1

尝试在布局 XML 中将 ImageView 上的 android:adjustViewBounds 属性设置为 true。

<ImageView
    android:id="@+id/iv_gridview"
    android:padding="0dp"
    android:background="#ff0000"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true" />

来自 android:adjustViewBounds 上的 documentation：

Set this to true if you want the ImageView to adjust its bounds to preserve the aspect ratio of its drawable.

ImageView 的大小无法适应 GridView 中来自网络的图像

ImageView's size can't adapt with image from net in GridView

android

gridview

adapter

imageview

android-layout