想在ArrayAdapter上使用我自己的布局

时间:2014-09-15 14:28:39

标签: android

我使用以下代码将ArrayAdapter用于我的ListView:

   ArrayList<String> mylist = new ArrayList<String>();
   String xml = ParseXMLMethods.getXML();
    Document doc = ParseXMLMethods.XMLfromString(xml);
    NodeList children = doc.getElementsByTagName(KEY_ITEM); 
    for (int i = 0; i < children.getLength(); i++) {    


        Element e = (Element)children.item(i);
        mylist.add(ParseXMLMethods.getValue(e, KEY_TITLE));
        mylist.add(ParseXMLMethods.getValue(e, KEY_CITY));
        mylist.add(ParseXMLMethods.getValue(e, KEY_COUNT));
    }
     adapter1=new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,     
     mylist);
     list2.setAdapter(adapter1);  

在这里我只能看到Title,但我希望在listView Row中看到所有这三个。为此我创建了另一个布局R.layout.list_layout2,如下所示:

我的布局

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="50dp"
     android:paddingLeft="6dp"
     >
     <TextView  
      android:id="@+id/title"
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:textAppearance="?android:attr/textAppearanceMedium"
      android:padding="1dp"
      android:textSize="16dp"
      android:textStyle="bold" 
      /> 
      <RelativeLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal" >
    <TextView  
    android:id="@+id/subtitle"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingLeft="1dp"
    android:textSize="12dp"
    android:textColor="#000000" />
   <TextView  
    android:id="@+id/subtitle2"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingLeft="10dp"
    android:textSize="12dp"
    android:textColor="#000000"
    android:layout_toRightOf="@+id/subtitle" />
    </RelativeLayout>
   </LinearLayout> 

如何使用此布局?

1 个答案:

答案 0 :(得分:0)

您将要查看自定义ListView适配器。请注意,您的原始代码使用自定义ListView但不使用适配器。您将需要创建自己的扩展ArrayAdapter的适配器,因为ListView行比仅仅一个TextView更复杂。

请参阅Tutorialenter link description here

例如:

<强> list_row.xml

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <TableRow>
        <ImageView
            android:id="@+id/img"
            android:layout_width="50dp"
            android:layout_height="50dp"/>
        <TextView
            android:id="@+id/txt"
            android:layout_width="wrap_content"
            android:layout_height="50dp" />
    </TableRow>
</TableLayout>

<强> CustomList.java

public class CustomList extends ArrayAdapter<String>{
   private final Activity context;
   private final String[] web;
   private final Integer[] imageId;
   public CustomList(Activity context, String[] web, Integer[] imageId) {
      super(context, R.layout.list_single, web);
      this.context = context;
      this.web = web;
      this.imageId = imageId;
   }
   @Override
   public View getView(int position, View view, ViewGroup parent) {
      LayoutInflater inflater = context.getLayoutInflater();
      View rowView= inflater.inflate(R.layout.list_row, null, true);
      TextView txtTitle = (TextView) rowView.findViewById(R.id.txt);
      ImageView imageView = (ImageView) rowView.findViewById(R.id.img);
      txtTitle.setText(web[position]);
      imageView.setImageResource(imageId[position]);
      return rowView;
   }
}

在上面的示例中,您将要切换ImageView并将其替换为TextView。