如何在文本旁边带有图标的ListView? [英] How to have a ListView with icons beside the text?

问题描述

我正在尝试使用带有图标和文本的ListView，但是有一个小问题，如您在屏幕快照中所看到的(仅一小部分文本可见！):

I'm trying to have a ListView with icon and text but there is a little problem as you can see in the screen shot (only a very small part of text is visible!):

以下是创建此布局的xml文件:

Here is the xml files creating this layout:

//The overall layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    android:id="@+id/LinearLayout01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android" >

    <ListView
        android:id="@+id/ListView01"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

</LinearLayout>

// this layout is for single rows
<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
        <ImageView
        android:id="@+id/lIcon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

        <TextView
        android:id="@+id/lText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    </LinearLayout>

编辑:这是我的自定义适配器的getView方法.

Edit: This is the getView method of my custom adapter.

public View getView(int position, View convertView, ViewGroup parent) {
            View myView = convertView;                  
            cu.moveToPosition(position);
            if (convertView == null) {
                LayoutInflater li = getLayoutInflater();
                myView = li.inflate(R.layout.listicon, null);
               ImageView imageView = (ImageView) myView.findViewById(R.id.lIcon);
               myView.setLayoutParams(new GridView.LayoutParams(60, 90));
               myView.setPadding(8, 8, 8, 8);
               byte[] b = Base64.decode(cu.getString(2),Base64.DEFAULT);
               imageView.setImageBitmap(BitmapFactory.decodeByteArray(b, 0, b.length));
               TextView textView = (TextView) myView.findViewById(R.id.lText);
               textView.setText(cu.getString(1));
            }
            //cu.moveToNext();
            int catID = cu.getInt(0);
            myView.setTag((Object) catID);
            return myView;
        }

推荐答案

尝试将ListView和TextView的layout_width设置为fill_parent

Try setting layout_width of the ListView and TextView to fill_parent

编辑:您要在getView中重置列表项的宽度.删除或更正您的代码

you're resetting list item width in the getView. Either remove or correct your code

这篇关于如何在文本旁边带有图标的ListView?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！