how can we view the two lists on a single display???

[neelima kant]

xml code


<?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="fill_parent"
>
<ListView
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="198px">
</ListView>
<ListView
android:id="@+id/ListView01"
android:layout_width="192px"
android:layout_height="215px">
</ListView>
<ListView
android:id="@+id/ListView02"
android:layout_width="192px"
android:layout_height="215px">
</ListView>

</LinearLayout>

[Swastik Dey]

try this

  
<?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="fill_parent"
>
<ScrollView android:id="@+id/ScrollView01" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TableLayout android:id="@+id/TableLayout01" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ListView
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="198px">
</ListView>
<ListView
android:id="@+id/ListView01"
android:layout_width="192px"
android:layout_height="215px">
</ListView>
<ListView
android:id="@+id/ListView02"
android:layout_width="192px"
android:layout_height="215px">
</ListView>
</TableLayout>
</ScrollView>

</LinearLayout>

  

[neelima kant]

setListAdapter(new ArrayAdapter<String>(this,layout.main,
id.ScrollView01, mStrings));

ListView cities = (ListView) findViewById(R.id.ListView02);

ArrayAdapter<String> aa = new ArrayAdapter<String>(this, layout.main,
id.ListView02, mStrings2);

cities.setAdapter(aa);



its not working properly, i add the sample code of my problem please check it out.

[neelima kant]

package com.example.hellotwolistviews;

import android.app.ListActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class HelloTwoListViews extends ListActivity {

private String[] mStrings = {
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam",
"Abondance", "Ackawi",
"Acorn", "Adelost", "Affidelice au Chablis", "Afuega'l",
"Pitu", "Airag", "Airedale",
"Aisy Cendre"};
private String[] mStrings2 = {"dsds", "qwqwqq", " dsdsdsd sdsdsds",
"dsdsds sdsds"};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//setListAdapter for ListView 1
setListAdapter(new ArrayAdapter<String>(this, .layout.main,
.id.ScrollView01, mStrings));
//Code to display ListView 2
ListView cities = (ListView) findViewById(R.id.ListView02);
ArrayAdapter<String> aa = new ArrayAdapter<String>(this, .layout.main,
.id.ListView02, mStrings2);
cities.setAdapter(aa);


}

}

thats my sample code,please check it out.

[Swastik Dey]

xml

  
<?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="fill_parent"
>
<ScrollView android:id="@+id/ScrollView01" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TableLayout android:id="@+id/TableLayout01" android:layout_width="wrap_content" android:layout_height="wrap_content">

<ListView
android:id="@+id/ListView01"
android:layout_width="192px"
android:layout_height="215px">
</ListView>
<ListView
android:id="@+id/ListView02"
android:layout_width="192px"
android:layout_height="215px">
</ListView>
</TableLayout>
</ScrollView>

</LinearLayout>
  

java

import android.app.Activity;
import android.app.ListActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class HelloTwoListViews extends Activity {

private String[] mStrings = {
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam",
"Abondance", "Ackawi",
"Acorn", "Adelost", "Affidelice au Chablis", "Afuega'l",
"Pitu", "Airag", "Airedale",
"Aisy Cendre"};
private String[] mStrings2 = {"dsds", "qwqwqq", " dsdsdsd sdsdsds",
"dsdsds sdsds"};
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.test);	
		ListView lv1=(ListView)this.findViewById(R.id.ListView01);
		ListView lv2=(ListView)this.findViewById(R.id.ListView02);
		ArrayAdapter list1 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_1,mStrings);
		ArrayAdapter list2 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_1,mStrings2);
		lv1.setAdapter(list1);
		lv2.setAdapter(list2);
	}

} 

   

[neelima kant]

thanks swastik

again a query ....if i want to add separator between these two lists den how can i acheive this???.

[Swastik Dey]

Add a view between two lists

 
<?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="fill_parent"
>
<ScrollView android:id="@+id/ScrollView01" android:layout_width="wrap_content" android:layout_height="wrap_content">
<TableLayout android:id="@+id/TableLayout01" android:layout_width="wrap_content" android:layout_height="wrap_content">

<ListView
android:id="@+id/ListView01"
android:layout_width="192px"
android:layout_height="215px">
</ListView>
<View android:id="@+id/View01" android:background="#FF0000" android:layout_width="wrap_content" android:layout_height="10sp"></View><ListView
android:id="@+id/ListView02"
android:layout_width="192px"
android:layout_height="215px">
</ListView>

</TableLayout>
</ScrollView>

</LinearLayout>

   

[neelima kant]

if i want to make the second list checkable then i modify my code as

ArrayAdapter list2 = new ArrayAdapter<String>(
this, android.R.layout.simple_list_item_multiple_choice,mStrings2);
final ListView listView = getListView();

listView.setItemsCanFocus(false);
listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

lv1.setAdapter(list1);
lv2.setAdapter(list2);


but its not working???

[Swastik Dey]

By checkable do mean you want checkboxes besides the text in list box?

[neelima kant]

yes with checkboxes....my code is not working properly.

[neelima kant]

i want to made the second list with multiple choices...using choice_mode_multiple.....

[Swastik Dey]

try this

  
public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.test);	
		ListView lv1=(ListView)this.findViewById(R.id.ListView01);
		ListView lv2=(ListView)this.findViewById(R.id.ListView02);
		ArrayAdapter list1 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_1,mStrings);
		ArrayAdapter list2 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_checked,mStrings2);
		lv1.setAdapter(list1);
		lv2.setAdapter(list2);
		lv2.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
	}
  

[neelima kant]

thanks ....it work properly now.

if i want that the checked item of the second list move to the first list??? then how should i proceed??? i m taking my first list as empty list.

[Swastik Dey]

try this once

  
import java.util.ArrayList;

import android.app.Activity;
import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.AdapterView.OnItemClickListener;

public class HelloTwoListViews extends Activity {

private String[] mStrings = {
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam",
"Abondance", "Ackawi",
"Acorn", "Adelost", "Affidelice au Chablis", "Afuega'l",
"Pitu", "Airag", "Airedale",
"Aisy Cendre"};

private String[] mStrings2 = {"dsds", "qwqwqq", " dsdsdsd sdsdsds",
"dsdsds sdsds"};
private ArrayList<String> _alItems=new ArrayList<String>();
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.test);	
		final ListView lv1=(ListView)this.findViewById(R.id.ListView01);
		ListView lv2=(ListView)this.findViewById(R.id.ListView02);
		
		ArrayAdapter list2 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_checked,mStrings2);
		//lv1.setAdapter(list1);
		lv2.setAdapter(list2);
		lv2.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
		lv2.setOnItemClickListener(new OnItemClickListener(){

			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				// TODO Auto-generated method stub
				repopulateFirstList(lv1,arg2);
			}
			
		});
	}

	private void repopulateFirstList(ListView lv,int selectedIndex){
		if(!_alItems.contains(mStrings2[selectedIndex])){
			_alItems.add(mStrings2[selectedIndex]);
			String newData[]=new String[_alItems.size()];
			int ktr=0;
			for(String s:_alItems){
				newData[ktr++]=s;
			}
			ArrayAdapter list1 = new ArrayAdapter<String>(		
					this, android.R.layout.simple_list_item_1,newData);
			lv.setAdapter(list1);
		}
	}
} 

  

[neelima kant]

yes thanks it work but i want that the items which i checked in second list it will not be there in the second list once i checked...... it will visible in first list only.

[Swastik Dey]

I hope this solves your purpose

 
import java.util.ArrayList;

import android.app.Activity;
import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.AdapterView.OnItemClickListener;

public class HelloTwoListViews extends Activity {

private String[] mStrings = {
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam",
"Abondance", "Ackawi",
"Acorn", "Adelost", "Affidelice au Chablis", "Afuega'l",
"Pitu", "Airag", "Airedale",
"Aisy Cendre"};

private String[] mStrings2 = {"dsds", "qwqwqq", " dsdsdsd sdsdsds",
"dsdsds sdsds"};
private int startKtr=1;
private ArrayList<String> _alItems=new ArrayList<String>();
private ArrayList<String> _alTemp = new ArrayList<String>();
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.test);	
		final ListView lv1=(ListView)this.findViewById(R.id.ListView01);
		final ListView lv2=(ListView)this.findViewById(R.id.ListView02);
		
		ArrayAdapter list2 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_checked,mStrings2);
		//lv1.setAdapter(list1);
		lv2.setAdapter(list2);
		lv2.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
		lv2.setOnItemClickListener(new OnItemClickListener(){

			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				// TODO Auto-generated method stub
				repopulateFirstList(lv1,arg2);
				repopulateSecondList(lv2,arg2);				
			}
			
		});
	}

	private void repopulateFirstList(ListView lv,int selectedIndex){
		//if(!_alItems.contains(mStrings2[selectedIndex])){
			_alItems.add(mStrings2[selectedIndex]);
			String newData[]=new String[_alItems.size()];
			int ktr=0;
			for(String s:_alItems){
				newData[ktr++]=s;
			}
			ArrayAdapter list1 = new ArrayAdapter<String>(		
					this, android.R.layout.simple_list_item_1,newData);
			lv.setAdapter(list1);
		//}
	}
	
	private void repopulateSecondList(ListView lv,int selectedIndex){
		//String newData[]=new String[mStrings2.length-startKtr];
		_alTemp =new ArrayList<String>();
		for(int x=0,y=0;x<mStrings2.length;x++){
			if(x!=selectedIndex){
				//newData[y]=mStrings2[x];
				//y++;
			   if(!_alTemp.contains(mStrings2[x])){
				_alTemp.add(mStrings2[x]);
			   }
			}
		}
		//startKtr++;
		String newData[]=new String[this._alTemp.size()];
		int ktr=0;
		for(String s:_alTemp){
			newData[ktr++]=s;
		}
		ArrayAdapter list1 = new ArrayAdapter<String>(		
				this, android.R.layout.simple_list_item_1,newData);
		lv.setAdapter(list1);
		mStrings2=newData;
	}
} 


   

[neelima kant]

yes it works properly now thanks. can you tell me what is the significance of using tablelayout in xml file.

[Swastik Dey]

As you have two lists, you need a scroll view to add the components. But on the other hand scroll view won't allow to add more than one component. So we took a table layout and added it to scroll view. Now the scroll view has only one component, and we added the list views to table layout which allows to add multiple components. I hope it helps you to understand the reason.

[neelima kant]

instead of using table layout i use framelayout in my application but it works not properly......we cant use framlelayout for this why???

[neelima kant]

how i made the association among two lists if i considered that first list containing the selected components of second list....

[Swastik Dey]

To be honest I am also pretty new on android, so won't be able to exactly tell you why frame layout didn't work. Coming to your second question there is no question of association, we are just resetting the adapters.