CODEWITHSUNDEEP
androidlistview
Benz
Benz

Reputation: 237

Set different icons for each row

main screen

Above is the main screen of my app with a custom adapter for listview. How do I put a different icon for each row in the listview? I tried putting an ImageView in the xml but it overwrites my whole screen only showing an icon.

MainAcitivty xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/hp_color"
tools:context=".MainActivity" >

<TextView
    android:id="@+id/cityText"
    style="?android:attr/textAppearanceMedium"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:textSize="28sp" />

<ImageView
    android:id="@+id/condIcon"
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/cityText"
    android:contentDescription="weather icon" />

<TextView
    android:id="@+id/condDescr"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/condIcon"
    android:textSize="20sp" />

<ListView
    android:id="@+id/mainListView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" />

<ImageButton
    android:id="@+id/btnPicturePage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:onClick="picturePage"
    android:src="@drawable/photo" />

Custom adapter:

public class WeatherAdapter extends ArrayAdapter<String> {
private final Activity context;
private ArrayList<String> weatherData;

static class ViewHolder {
    public TextView text;
    public ImageView image;
}

public WeatherAdapter(Activity context, ArrayList<String> weatherData) {
    super(context, R.layout.list, weatherData);
    this.context = context;
    this.weatherData = weatherData;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View rowView = convertView;
    // reuse views
    if (rowView == null) {
        LayoutInflater inflater = context.getLayoutInflater();
        rowView = inflater.inflate(R.layout.list, null);
        // configure view holder
        ViewHolder viewHolder = new ViewHolder();
        viewHolder.text = (TextView) rowView.findViewById(R.id.rowTextView);      

        rowView.setTag(viewHolder);
    }

    ViewHolder holder = (ViewHolder) rowView.getTag();
    ArrayList<String> s = new ArrayList<String>(weatherData);
    String []sa = new String [s.size()];
    sa = s.toArray(sa);

    holder.text.setText(sa[position]);

    if (sa[position].startsWith("Air pressure")) {
        rowView.setBackgroundResource(R.color.skyblue) ;

    }   

    return rowView;
}

List xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rowTextView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:textSize="16sp"
android:textColor="@color/white" >

</TextView>

Upvotes: 0

Views: 199

Answers (2)

Htut
Htut

Reputation: 265

Private TypedArray img;

img=getResource.obtainTypedArray(R.array.imgIcon)

  if (sa[position].startsWith("Air pressure")) {
    rowView.setBackgroundResource(R.color.skyblue) ;

   holder.image.setImageResource(img.gerResourceId[0]);


}else if (sa[position].startsWith("Air Condition")) {

   holder.image.setImageResource(img.gerResourceId[1]);


}

Upvotes: 0

Veeru
Veeru

Reputation: 4936

Your list.xml should be something similar to this (taken from one my files)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" 
    android:background="@drawable/xml_pressed_bg" android:clickable="true" android:layout_width="fill_parent" 
    android:layout_height="54dip"
  xmlns:android="http://schemas.android.com/apk/res/android" xmlns:ttshow="http://schemas.android.com/apk/res-auto">
    <ImageView android:id="@+id/imgThumb" android:layout_width="42.0dip" android:layout_height="42.0dip" android:scaleType="fitXY"  
    android:src="@drawable/sample_dj" />
    <TextView android:textSize="14.0sp" android:textColor="#ff666666" android:id="@+id/txtName"
    android:layout_width="180dip" android:layout_height="wrap_content" 
    android:singleLine="true" android:shadowColor="#99ffffff" style="@style/TextShadowLight" 
    android:text="Hello" android:paddingLeft="10dip"/>        
</LinearLayout>

Every row item has an image (imgThumb). This needs to be changed or set to a static image, depending on your needs. This is done in the adapters' getView() method.

imgThumb.setImageResource(R.drawable.my_image);

Upvotes: 1

Related Questions