Question

我正在尝试使用带有图标和文本的ListView，但是在屏幕截图中可以看到一个小问题（只有很小一部分文字可见！）：
On Device Screenshot

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

//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方法。

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;
        }

Answer 1

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

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

Answer 2

使用行的相对布局，并将图像右侧的文本放置如下：

 <RelativeLayout 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"
    android:layout_toRightOf="@id/lIcon"/>
</RelativeLayout>

Answer 3

这与适配器

中单行充气的方式有关

你应该尝试使用 LayoutInflater＃inflate（layoutId，parent，false） 正如这个回答所建议的： https://stackoverflow.com/a/1662611

Answer 4

为行布局尝试此布局：调整你的ID ..也注意android：layout_toRightOf id。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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/bimage"
         android:layout_height="20dip"
         android:layout_width="20dip"
         android:layout_gravity="left|center"
         android:layout_marginTop="10dip"
         android:layout_marginLeft="5dip"
         android:layout_alignParentLeft="true"
         android:layout_centerVertical="true"
         />
    <TextView
        android:id="@+id/btitle"
        android:layout_toRightOf="@id/bimage"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginTop="8dip"
        android:paddingLeft="10dip"
        android:paddingRight="10dip"
        android:textSize="18dip"
        android:textColor="#ffffff"
        android:gravity="center_vertical"
        />
</RelativeLayout>

如何在文本旁边添加带有图标的ListView？

4 个答案: