所有图像都具有相同大小的自定义 ListView

Posted 2023-05-07

【中文标题】所有图像都具有相同大小的自定义 ListView

【英文标题】：Custom ListView where all the images have the same size

【发布时间】：2015-07-20 13:29:57

【问题描述】：

我想创建一个ListView，其中每一行都有一个矩形图像和一些文本。像这样：

我遇到的问题是某些图像的高度高于宽度，然后ListView 看起来像这样：

这是我的实际代码：

xml 布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_
    android:layout_
    android:padding="5dp"
    android:id="@+id/resultItem">
<ImageView
    android:id="@+id/spicture"
    android:layout_
    android:layout_
    android:layout_marginBottom="3dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="10dp"
    android:adjustViewBounds="true"
    android:layout_marginTop="3dp" >
</ImageView>
<TextView
        android:id="@+id/sname"
        style="@android:style/TextAppearance.Large"
        android:layout_
        android:layout_ />

</LinearLayout>

自定义适配器如下所示：

public class ListViewAdapter extends BaseAdapter 
    private final Context mContext;
    private ArrayList<Integer> imageId;
    private ArrayList<String> textStr;
    private final LayoutInflater inflater;

    private static class ViewHolder 
        ImageView imgView;
        TextView txtView;
    

    public ListViewAdapter(Context c) 
        mContext = c;
        inflater = LayoutInflater.from(mContext);
    

    @Override
    public int getCount() 
       return imageId.size();
    

    @Override
    public Object getItem(int position) 
       return textStr.get(position);
    

    @Override
    public long getItemId(int position) 
       return position;
    


    /**
     * Rep per parametre un array amb els identificadors de les imatges i els
     * string dels textes a mostrar
     *
     * @param idImages
     * @param strText
     */
     public void setData(ArrayList<String> strText, ArrayList<Integer> idImages) 
        imageId = idImages;
        textStr = strText;
    

    @Override
    public View getView(int position, View convertView, ViewGroup parent) 
        ViewHolder holder;
        if (convertView == null) 
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.result_item, null);
            holder.imgView = (ImageView) convertView.findViewById(R.id.spicture);
            holder.txtView = (TextView) convertView.findViewById(R.id.sname);
            convertView.setTag(holder);
         else 
            holder = (ViewHolder) convertView.getTag();
        
        Bitmap bitmap = BitmapUtils.decodeSampledBitmapFromResource(mContext.getResources(), imageId.get(position), 50, 50);
        holder.imgView.setImageBitmap(bitmap);
        holder.txtView.setText(textStr.get(position));
        holder.txtView.setGravity(Gravity.CENTER);
        return convertView;
    

我怎样才能让所有图像都具有相同大小？

【问题讨论】：

您可以在 ImageView 和 TextView 中使用 weights。给它们一个 1 的权重（两者）和宽度 = 0dp。所以，他们都会选择50% of the item width。

【参考方案1】：

在设置为 listViewItem 之前裁剪图像。或者您只是使用具有相同比例的图像。

但我假设您正在寻找更简单的解决方案。只需添加scaleType="centerCrop"

<ImageView
    android:id="@+id/spicture"
    android:scaleType="centerCrop"
    android:layout_
    android:layout_
    android:layout_marginBottom="3dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="10dp"
    android:adjustViewBounds="true"
    android:layout_marginTop="3dp" >

您可以在此处找到有关scaleTypes 的更多信息：http://www.techrepublic.com/article/clear-up-ambiguity-about-android-image-view-scale-types-with-this-guide/

注意 fitXY 会缩放以适应，但原始比例会丢失。

【讨论】：

这解决了我的问题，谢谢。我也将看看网络。谢谢！

【参考方案2】：

将此android:scaleType="fitXY" 用于ImageView 尝试以下代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_
    android:layout_
    android:padding="5dp"
    android:id="@+id/resultItem">
<ImageView
    android:id="@+id/spicture"
    android:layout_
    android:layout_
    android:layout_marginBottom="3dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="10dp"
    android:adjustViewBounds="true"
    android:layout_marginTop="3dp" >
</ImageView>
<TextView
        android:id="@+id/sname"
        style="@android:style/TextAppearance.Large"
        android:layout_
        android:layout_ />

</LinearLayout>

【讨论】：

该解决方案有效，谢谢。但正如它所说的另一个答案 fitXY 缩放它以适应，但原始比例会丢失。谢谢。