Scrollbar d'une ListView

**MezouariJihad** · 23/09/2012, 22h04

Bonjour,
J'ai essayé d'imbriquer deux listes view,c'est a dire que chaque item de la liste view parente contient une list view fille.

Ce que j'arrive pas a trouver une solution, c'est que ma listView fille je veux que toutes ces données s'affichent et non avoir une scrollbar pour les consulter, puisque en logique méme si on dépasse la taille de l'écran les données seront consulter par la scrollbar de la listView mère qui englobe le tout .

je vous montre mes 3 fichier xml :

Stock.xml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<?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="fill_parent"
    android:orientation="vertical">
 
 
	<!-- Ma liste view mère -->
 
	<ListView android:id="@+id/lvStock" 
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content"
	    android:layout_marginTop="15dip"
	    android:dividerHeight="10dp"
	    android:divider="@android:color/transparent"
	    >
 
	</ListView>
 </LinearLayout>

item_stock.xml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
 
<?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:background="@drawable/linearborder"
    android:orientation="vertical" 
    android:layout_gravity="center"
    android:weightSum="1"
    >
 
<TextView android:id="@+id/tvEspece"
             android:layout_width="fill_parent"
	    	 android:layout_height="wrap_content"
             android:gravity="center"
             android:textColor="#812900"
             android:textStyle="bold"
             android:background="@drawable/espece_background"
 />
 <View android:layout_width="fill_parent"
    android:layout_height="0.5dip"
    android:background="#c3c3c3"
    android:padding="1dip"/>
 
<LinearLayout android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal"
       android:gravity="center"
       android:weightSum="1"
 
 
       >
 
   <TextView android:id="@+id/tvType"
             android:layout_width="wrap_content"
	    	 android:layout_height="wrap_content"
             android:text="PF"
             android:textStyle="bold"
             android:layout_weight="0.4"
             android:paddingLeft="5dp"
             />
 
   <TextView android:id="@+id/tvQtProd"
              android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
             android:text="Qte Prod"
             android:textStyle="bold"
             android:layout_weight="0.2"
             />
 
    <TextView android:id="@+id/tvQtLiv"
              android:layout_width="wrap_content"
	    	  android:layout_height="wrap_content"
              android:text="Qte Liv"
              android:layout_weight="0.2"
              android:textStyle="bold" 
              />
 
      <TextView android:id="@+id/tvStock"
             android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
             android:text="Qte Disp"
             android:layout_weight="0.2"
 
             android:textStyle="bold"
       />
 
</LinearLayout>
 <View android:layout_width="match_parent"
    android:layout_height="0.5dip"
    android:background="#c3c3c3"/>
 
 <LinearLayout android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:weightSum="1"
               android:layout_weight="1">
 
<!-- La liste iew fille -->
 
<ListView android:id="@+id/lvRf"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
>
</ListView>
</LinearLayout>
 <View android:layout_width="match_parent"
    android:layout_height="0.5dip"
    android:background="#c3c3c3"/>
 <LinearLayout android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal"
       android:weightSum="1"
       android:gravity="center"
 
 
       >
 <TextView android:id="@+id/tvTotal"
             android:layout_width="wrap_content"
	    	 android:layout_height="wrap_content"
             android:text="Total"
             android:textStyle="bold"
             android:layout_weight="0.4"
             android:paddingLeft="5dip"
           />
 
   <TextView android:id="@+id/tvTotQtProd"
              android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
             android:layout_weight="0.2"
    />
 
    <TextView android:id="@+id/tvTotQtLiv"
              android:layout_width="wrap_content"
	    	  android:layout_height="wrap_content"
              android:text="Qte Liv"
 
              android:layout_weight="0.2" 
              />
 
      <TextView android:id="@+id/tvTotQteStock"
             android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
             android:text="Qte Disp"
             android:layout_weight="0.2"
       />
      </LinearLayout>
</LinearLayout>

puis l'item de la liste view fille rf.xml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<?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="fill_parent"
    android:orientation="horizontal"
    android:gravity="center"
    android:weightSum="1"
 >
 
    <TextView android:id="@+id/tvTypeValue"
             android:layout_width="wrap_content"
	    	 android:layout_height="wrap_content"
	    	 android:layout_weight="0.4"
	    	 android:paddingLeft="5dip"
 
    />   
    <TextView android:id="@+id/tvQtProdValue"
              android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:layout_weight="0.2"
    />
    <TextView android:id="@+id/tvQtLivValue"
          android:layout_height="wrap_content"
	    	android:layout_width="wrap_content"
	    	android:layout_weight="0.2"
 
 />
 
          <TextView android:id="@+id/tvStockValue"
            android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:layout_weight="0.2"
         />
 
</LinearLayout>

L'image correspondante :
Nom : Capture11.PNG
Affichages : 132
Taille : 193,9 Ko

Les rectangle que j’ai mis en rouge (avec paint ) contiennent encore plus de données qui peuvent être afficher via une scroollbar que j’essaye de l’enlever et aussi de voir tout les données .

**MezouariJihad** · 23/09/2012, 22h12

Jai oublié de mentionner que j'ai déjà trouvé une solution mais elle n'est pas assez convaincante puisqu'elle n'est pas adapté à tous les tailles des smart phone :

Dans le fichier item_stock.xml, dans la balise Linearlayout j'ai fixé la longueur a 120 dip.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<?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="120dip"
 
    android:background="@drawable/linearborder"
    android:orientation="vertical" 
    android:layout_gravity="center"
    android:weightSum="1"
>

**Feanorin** · 24/09/2012, 12h36

Bonjour,

Peut être qu'il faudrait alors repenser l'affichage des données si cela prends trop de place (éviter les listviews imbriqués). Et passer plutôt par deux écrans.

Un Exemple:
1- Affiche les éléments mères.
2- Lors d'un click sur un éléments on affiche un second écrans traitant sur les informations relatives à cet éléments (éléments filles).

Soit par deux Activity soit via un ViewFlipper, soit via .. A toi de voir.

Cela t'évitera d'avoir une listView avec énormément d'informations.

**Sake_reflex** · 24/09/2012, 13h00

Je confirme ce que dis Feanorin, mais si tu veux vraiment faire des ListView imbriquées tu peux passer par une ExpandableListView qui est plus indiquée dans ce cas

**MezouariJihad** · 25/09/2012, 03h15

Merci pour votre aide, sa ma beaucoup aidé
J'ai opté pour La classe ~~ExpandableListView~~ proposé par Sake_reflex , sa donne de bonne résultat surtout coté IHM .

Voila l'image correspondante au résultat actuelle :
Nom : Capture12.PNG
Affichages : 126
Taille : 278,7 Ko

Nom : Capture12.PNG
Affichages : 126
Taille : 278,7 Ko

J'ai utilisé le lien suivant pour la documentation:
http://http://www.dreamincode.net/forums/topic/270612-how-to-get-started-with-expandablelistview/

J'ai 2 soucis encore, merci de patienter encore

1_Au niveau des items de la ~~ListView~~ fille , dont j'aimerais bien avoir le mème dimensionnement présenté dans l'image ci-dessus , mais sans figer la largeur des TextView comme j'ai fais ( à 65 dip )

Voila le fichier item_child

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/ExpandChildBackground"
    android:orientation="vertical"
    android:layout_gravity="center"
    >


     <LinearLayout 
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:gravity="center">
     <TextView android:id="@+id/tvType"
             android:layout_width="wrap_content"
	    	 android:layout_height="wrap_content"
            android:width="60dp"
             android:textColor="@color/Black"
             
             />
  
   <TextView  android:id="@+id/tvQtProd"
              android:layout_width="wrap_content"
	    	  android:layout_height="wrap_content"
              android:width="65dp"
              android:layout_marginRight="5dp"
              android:textColor="@color/Black"
    />
    <TextView android:id="@+id/tvQtLiv"
              android:layout_width="wrap_content"
	    	  android:layout_height="wrap_content"     
              android:textColor="@color/Black"
              android:width="65dp"
              android:layout_marginRight="5dp"
    />
      <TextView android:id="@+id/tvStock"
             android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
            android:width="65dp"
             android:textColor="@color/Black"
             
      />
</LinearLayout>

</LinearLayout>

2_ Le premier item des ListView fille ( PF,Qte Prod,Qte Liv,Qte Disp voir l'image ci-dessous) j'essaye de lui donner un style personnalisé genre Bold,background ...
Mais c'est réussis seulement au moment ou l'activité se crée, mais apres le méme style s'applique aux autre item, un par un

Voila ma classe de l'adapter :
ExpandListStockAdapter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
public class ExpandListStockAdapter extends BaseExpandableListAdapter {

	private Context context;
	private ArrayList<Stock> groups;
	public ExpandListStockAdapter(Context context, ArrayList<Stock> groups) {
		this.context = context;
		this.groups = groups;
	}
	
	public void addItem(Rf item, Stock group) {
		if (!groups.contains(group)) {
			groups.add(group);
		}
		int index = groups.indexOf(group);
		ArrayList<Rf> ch = groups.get(index).getTabRfs();
		ch.add(item);
		groups.get(index).setTabsRfs(ch);
	}
	public Object getChild(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		ArrayList<Rf> chList = groups.get(groupPosition).getTabRfs();
		return chList.get(childPosition);
	}

	public long getChildId(int groupPosition, int childPosition) {
		// TODO Auto-generated method stub
		return childPosition;
	}

	public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View view,
			ViewGroup parent) {
		Rf child = (Rf) getChild(groupPosition, childPosition);
		if (view == null) {
			LayoutInflater infalInflater = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE);
			view = infalInflater.inflate(R.layout.item_pf, null);
		}
		TextView tvType = (TextView) view.findViewById(R.id.tvType);
		TextView tvQtProd = (TextView) view.findViewById(R.id.tvQtProd);
		TextView tvQtLiv = (TextView) view.findViewById(R.id.tvQtLiv);
		TextView tvQtStock = (TextView) view.findViewById(R.id.tvStock);
		
if(childPosition==0)
		{
			tvType.setText("Type");
			tvType.setTypeface(Typeface.SERIF,Typeface.BOLD);
			tvQtProd.setText("Qte Prod");
			tvQtProd.setTypeface(Typeface.SERIF,Typeface.BOLD);
			tvQtLiv.setText("Qte Liv");
			tvQtLiv.setTypeface(Typeface.SERIF,Typeface.BOLD);
			tvQtStock.setText("Qte Disp");
			tvQtStock.setTypeface(Typeface.SERIF,Typeface.BOLD);
		}
		else 
		{
			
			tvType.setText(child.getType().toString());
			tvQtProd.setText(""+child.getQt_prod());
			tvQtLiv.setText(""+child.getQt_liv());
			tvQtStock.setText(""+child.getQt_stock());
		}
		
		//tv.setTag(child.getTag());
		// TODO Auto-generated method stub
		return view;
	}

	public int getChildrenCount(int groupPosition) {
		// TODO Auto-generated method stub
		ArrayList<Rf> chList = groups.get(groupPosition).getTabRfs();

		return chList.size();

	}

	public Object getGroup(int groupPosition) {
		// TODO Auto-generated method stub
		return groups.get(groupPosition);
	}

	public int getGroupCount() {
		// TODO Auto-generated method stub
		return groups.size();
	}

	public long getGroupId(int groupPosition) {
		// TODO Auto-generated method stub
		return groupPosition;
	}

	public View getGroupView(int groupPosition, boolean isLastChild, View view,
			ViewGroup parent) {
		Stock group = (Stock) getGroup(groupPosition);
		if (view == null) {
			LayoutInflater inf = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE);
			view = inf.inflate(R.layout.item_stock, null);
		}
		TextView tv = (TextView) view.findViewById(R.id.tvGroup);
		tv.setText(group.getEspece());
		// TODO Auto-generated method stub
		return view;
	}

	public boolean hasStableIds() {
		// TODO Auto-generated method stub
		return true;
	}

	public boolean isChildSelectable(int arg0, int arg1) {
		// TODO Auto-generated method stub
		return true;
	}

}

La partie mis en rouge c'est ou en ce moment je cherche a réctifier:
Le problem c'est que :
Au premier clic on a ==>
Nom : a.PNG
Affichages : 130
Taille : 86,6 Ko

Au 2ème clic on a ==>
Nom : aa.PNG
Affichages : 130
Taille : 122,4 Ko

Au 3ème clic on a ==>
Nom : aaa.PNG
Affichages : 152
Taille : 158,0 Ko

**Sake_reflex** · 25/09/2012, 13h41

Pour la deuxième question, c'est normal. La vue que tu récupères dans convertView est une ancienne vue. Donc imaginons que tu tombes sur un item qui n'est pas un titre avec la vue d'un titre tu vas avoir le texte en gras.
Il faut donc remettre les typeface à 0 dans ton else.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
if(childPosition==0)
{
	tvType.setText("Type");
	tvType.setTypeface(Typeface.SERIF,Typeface.BOLD);
	tvQtProd.setText("Qte Prod");
	tvQtProd.setTypeface(Typeface.SERIF,Typeface.BOLD);
	tvQtLiv.setText("Qte Liv");
	tvQtLiv.setTypeface(Typeface.SERIF,Typeface.BOLD);
	tvQtStock.setText("Qte Disp");
	tvQtStock.setTypeface(Typeface.SERIF,Typeface.BOLD);
}
else 
{
	// Ici on remet les Typeface à 0
	tvType.setTypeface(Typeface.DEFAULT, Typeface.NORMAL);
	tvQtProd.setTypeface(Typeface.DEFAULT, Typeface.NORMAL);
	tvQtLiv.setTypeface(Typeface.DEFAULT, Typeface.NORMAL);
	tvQtStock.setTypeface(Typeface.DEFAULT, Typeface.NORMAL);
	tvType.setText(child.getType().toString());
	tvQtProd.setText(""+child.getQt_prod());
	tvQtLiv.setText(""+child.getQt_liv());
	tvQtStock.setText(""+child.getQt_stock());
}

Edit: Pour ta première question je ne suis pas sûr mais tu peux essayer ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<?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="vertical" >
 
    <TextView
        android:id="@+id/tvType"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:gravity="center_horizontal" />
 
    <TextView
        android:id="@+id/tvQtProd"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginRight="5dp"
        android:layout_weight="25"
        android:gravity="center_horizontal" />
 
    <TextView
        android:id="@+id/tvQtLiv"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginRight="5dp"
        android:layout_weight="25"
        android:gravity="center_horizontal" />
 
    <TextView
        android:id="@+id/tvStock"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:gravity="center_horizontal" />
 
</LinearLayout>

Scrollbar d'une ListView

Composants graphiques Android

Vue hybride

Discussions similaires

Partager

Partager