How to Create two parallel listViews where each list view contains a text and a icon

[neha vashist]

public class listActivity extends ListActivity {
	private LayoutInflater mInflater;
	private Vector<RowData> dataparts;
	private Vector<RowData> dataservices;
	RowData rdparts;
	RowData rdservices;
	static final String[] parts = new String[] {
		 "Parts Overview",
         "Forecasting",
         "Warehousing",
         "PartsPerformance"  	};
	static final String[] services = { 
    		"Service Overview",
    		"Service Execution",
    		"Service Performance"
    };
	
	private Integer[] imgidparts = {
	  R.drawable.parts_icon,R.drawable.parts_icon,R.drawable.parts_icon,
	  R.drawable.parts_icon
	};
	private Integer[] imgidservices = {
			  R.drawable.service_icon,R.drawable.service_icon,R.drawable.service_icon,
			  
			};
	@Override
	public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.main);
	mInflater = (LayoutInflater) getSystemService(
	Activity.LAYOUT_INFLATER_SERVICE);
	dataparts = new Vector<RowData>();
	dataservices = new Vector<RowData>();
	for(int i=0;i<parts.length;i++){
	try {
		Log.d("inside create","inside for "+i);
		rdparts = new RowData(i,parts[i]);
	 		    } catch (ParseException e) {
	    	e.printStackTrace();
	   }
	   dataparts.add(rdparts);
	}
	for(int i=0;i<services.length;i++){
		try {
			Log.d("inside create services","inside for "+i);
			rdservices = new RowData(i,services[i]);
		 			    } catch (ParseException e) {
		    	e.printStackTrace();
		   }
		   dataservices.add(rdservices);
		}
	   CustomAdapter1 adapter1 = new CustomAdapter1(this, R.layout.list,
	                                     R.id.title, dataparts);
	   setListAdapter(adapter1);
	  CustomAdapter2 adapter2 = new CustomAdapter2(this, R.layout.listser,R.id.service, dataservices);
	   
	  setListAdapter(adapter2);
	 	   
	   getListView().setTextFilterEnabled(true);
	}
	   public void onListItemClick(ListView parent, View v, int position, long id) {        	
	   Toast.makeText(getApplicationContext(), "You have selected "
	                    +(position+1)+"th item",  Toast.LENGTH_SHORT).show();
	}
	       private class RowData {
	       protected int mId;
	       protected String mparts;
		      
	       RowData(int id,String parts){
	    	   Log.d("Inside rowdata","id="+id);
		       mId=id;
		       mparts = parts;
		       
		    }
	      	       @Override
	    	       public String toString() {
	    	   Log.d("Inside rowdata string","String ");
               return mId+" "+mparts;
       }
	}
	  private class CustomAdapter1 extends ArrayAdapter<RowData> {
	  public CustomAdapter1(Context context, int resource,
	                        int textViewResourceId, List<RowData> objects) {               
	 super(context, resource, textViewResourceId, objects);
	}
	      @Override
	       public View getView(int position, View convertView, ViewGroup parent) {   
	       ViewHolder holder = null;
	       TextView parts = null;
	      // TextView detail = null;
	       ImageView i11=null;
	       RowData rowData= getItem(position);
	       Log.d("Inside view","rowdata parent "+parent);
	       if(null == convertView){
	            convertView = mInflater.inflate(R.layout.list, null);
	           
	            holder = new ViewHolder(convertView);
	            Log.d("Inside convertView","holder"+holder);
	            convertView.setTag(holder);
	 }
	             holder = (ViewHolder) convertView.getTag();
	             Log.d("Containing holder","convert view with tag"+holder);
	             parts = holder.getparts();
	             parts.setText(rowData.mparts);
	                                                       
	             i11=holder.getImage();
	             i11.setImageResource(imgidparts[rowData.mId]);
	             Log.d("return convert view","exit view");
	             return convertView;
	}
	            private class ViewHolder {
	            private View mRow;
	            private TextView parts = null;
	            private ImageView i11=null; 
	            public ViewHolder(View row) {
	            	Log.d("Inside viewholder","Specify row"+row);
	            mRow = row;
	 }
	         public TextView getparts() {
	        	 Log.d("inside get parts","parts = "+parts);
	             if(null == parts){
	            	 parts = (TextView) mRow.findViewById(R.id.title);
	                }
	            return parts;
	         }     
	            public ImageView getImage() {
	        	Log.d("inside get parts","image = ");
	             if(null == i11){
	                  i11 = (ImageView) mRow.findViewById(R.id.img);
	                                      }
	                return i11;
	        }
	     }
	   } 
	  private class CustomAdapter2 extends ArrayAdapter<RowData> {
		  public CustomAdapter2(Context context, int resource,
		                        int textViewResourceId, List<RowData> objects) {               
		 super(context, resource, textViewResourceId, objects);
		}
		      @Override
		       public View getView(int position, View convertView, ViewGroup parent) {   
		       ViewHolder holder = null;
		       TextView services = null;
		       ImageView i11ser=null;
		       RowData rowData= getItem(position);
		       Log.d("Inside view","rowdata parent "+parent);
		       if(null == convertView){
		            convertView = mInflater.inflate(R.layout.listser, null);
		           
		            holder = new ViewHolder(convertView);
		            Log.d("Inside convertView","holder"+holder);
		            convertView.setTag(holder);
		 }
		             holder = (ViewHolder) convertView.getTag();
		             Log.d("Containing holder","convert view with tag"+holder);
		             services = holder.getservices();
		             services.setText(rowData.mparts);
		                                                                 
		             i11ser=holder.getImageser();
		             i11ser.setImageResource(imgidservices[rowData.mId]);
		             Log.d("return convert view","exit view");
		             return convertView;
		}
		            private class ViewHolder {
		            private View mRow;
		            private TextView services = null;
		            private ImageView i11ser=null; 
		            public ViewHolder(View row) {
		            		Log.d("Inside viewholder","Specify row"+row);
		            		mRow = row;
		            		}
		            public TextView getservices() {
		        	
		            	Log.d("inside get services","services = "+services);
		            	if(null == services)
		            	{
		            	 	services = (TextView) mRow.findViewById(R.id.service);
		            	 	Log.d("inside if","services"+services);
		            	}
		            Log.d("return","return");	
		            return services;
		         }     
		       
		        public ImageView getImageser() {
		        	Log.d("inside get parts","image = ");
		             if(null == i11ser){
		                  i11ser = (ImageView) mRow.findViewById(R.id.imgservice);
		                                      }
		                return i11ser;
		        }
		     }
		   }
	  }

[Peter Johnson]

Neha, welcome to Java Ranch!

I little more explanation would be helpful. You posted some code, what does that code have to do with the issue you are having? Is the code for only one of the list views, or is it for both of them? For the code you currently have, what behavior do you have and how is it different from your desired behavior? Also, what are the contents of your layout file? It is usually the layout file that defines the UI...

[Hardik Trivedi]

Hi ,


Peter is right.By just viewing your code no one can understand a single thing.By reading your title I can say that parallel list view can be created. You need to create some xmls for that which will have two listviews.
Process is simple. But I need some background of your requirement to help you out.