Как получить ListView с иконками рядом с текстом?

Question

Я пытаюсь создать ListView со значком и текстом, но есть небольшая проблема, как вы можете видеть на снимке экрана (видна только очень небольшая часть текста!):

Вот 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

Попробуйте установить layout_width для ListView и TextView на fill_parent

РЕДАКТИРОВАТЬ: вы сбрасываете ширину элемента списка в getView. Удалите или исправьте ваш код

Answer 2

Попробуйте этот макет для макета строки: Настройте свои идентификаторы .. также обратите внимание на андроид: 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>

Answer 3

Это связано со способом надувания отдельной строки в адаптере.

. Попробуйте использовать LayoutInflater # inflate (layoutId, parent, false) , как предлагается в этом ответе: https://stackoverflow.com/a/1662611

Answer 4

Используйте относительный макет для ваших строк и поместите текст справа от изображения, как показано ниже:

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