在gridview中缩放imageview时的空白区域

我希望实现类似于Google Play卡的用户界面.

我创建了一个GridView和卡的背景作为xml文件.现在,我希望在卡片上放置图像,以便可以看到底部阴影,但图像的宽度与卡片的宽度相同.问题是图像周围有空白区域,即使我将GridView.LayoutParams设置为与图像大小成比例.我尝试了不同的scaleType但没有工作.另外,一旦我得到图像的宽度以适应卡片的宽度,我该如何确保底部阴影仍然可见？

我的图像适配器类

package me.zamaaan.wallpaper;

import android.content.Context;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter{
    private Context mContext;

    // Keep all Images in array
    public Integer[] mThumbIds = {
            R.drawable.background1, R.drawable.background2,
            R.drawable.background3, R.drawable.background4,
            R.drawable.background1, R.drawable.background2,
            R.drawable.background1, R.drawable.background2,
            R.drawable.background3, R.drawable.background4,
            R.drawable.background1, R.drawable.background2,
            R.drawable.background3
    };


    // Constructor
    public ImageAdapter(Context c){
        mContext = c;
    }
    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return mThumbIds.length;
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return mThumbIds[position];
    }

    @Override
    public long getItemId(int arg0) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView = new ImageView(mContext);
        imageView.setImageResource(mThumbIds[position]);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        int width_dp = 109;
        double height_dp = width_dp/0.5625;
        int width_px = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, width_dp, mContext.getResources().getDisplayMetrics());

        int height_px = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, (int)height_dp, mContext.getResources().getDisplayMetrics());

        imageView.setLayoutParams(new GridView.LayoutParams(width_px, height_px));
        imageView.setBackgroundResource(R.drawable.bg_card);

        return imageView;
    }

}

bg_card.xml

gridview.xml

图像的实际大小是

720x1280px

Joseph Earl.. 7

您的图片没有填满卡片,因为在您的卡片背景中,您的任何一面都有8dp的填充

    ...
    
        
            
            
            
        
    

移除填充物以使其填充宽度.

如果你想保留阴影那么最好为你的背景创建一个9补丁,这样你就可以定义内容的位置,例如:

最左侧和顶侧的黑线代表可缩放区域,最右侧和右侧的线代表内容所在的区域(注意最右侧的内容区域不覆盖阴影区域).