Discussion :

[lostsoul]

Bonjour,

J'ai une petite appli toute simple qui affiche les RSS d'un site.
Je voudrais arranger un peu l'allure en mettant des bordures sur les éléments.
Sur la listview (globale, pas sur chaque items) et sur la webview (quand on clic sur un flux, on arrive sur la page de l'article).

Si quelqu'un pouvait m'aider un peu svp ?

J'ai vu ceci, mais ma page avec mon background se charge, puis est recouverte par ce backgroung tout en noir, et pas réussi à modifier cela.
http://www.developpez.net/forums/d10...tour-listview/

Merci d'avance,
Très cordialement,

[Feanorin]

Bonjour,

Pourrais tu nous montrer ton fichier xml ?

Merci

[lostsoul]

Voila le fichier main.xml, je pense que c'est dans celui la que je dois faire les ajouts :

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
 
<?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" >
	 <ListView
	     android:id="@+id/rssListView"
	     android:layout_width="fill_parent"
	     android:layout_height="wrap_content"
	     android:layout_marginTop="190px" />
	<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:layout_marginTop="0px"/>
</LinearLayout>

[Feanorin]

Je reprends le lien que tu as donnée, applique ce qui ai dit et normalement cela devrait marcher ^^.

Bonjour,

Tu peux procéder de la maniere suivante :

Tu crées un fichier "linearborder.xml" dans res/drawable

Code :

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

1
2
3
4
5
6
7
8
9
 
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="4dp" android:color="#CAD2DD" />
    <padding android:left="1dp" android:top="1dp"
            android:right="1dp" android:bottom="1dp" />
    <corners android:radius="4dp" />
 
</shape>

et sur ton "LinearLayout" ou tu veux faire la bordure, il suffit de faire :

Code :

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

1
2
 
android:background="@drawable/linearborder"

C'est une solution assez simple à mettre en place, cette astuce pourrais même aller dans la FAQ ?

Cordialement,

[lostsoul]

J'ai ré essayé, mais, toujours pareil.
Je vois le background de mon appli qui s'affiche, puis j'ai le cadre avec un fond noir qui arrive par dessus et on ne voit plus rien.

Quand je clic sur un item et que j'arrive sur la page du site (dans une webview), le cadre avec fond noir reste derrière, et la webview n'en a pas, ça fait pas terrible, si j'arrive à mettre le cadre, faudra que j'en fasse un aussi pour la webview.

[Feanorin]

Peux tu nous montrer ton fichier main.xml avec les ajouts ?

Merci.

[lostsoul]

Voila le fichier main.xml avec l'ajout :

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
 
<?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" android:background="@drawable/linearborder">
	 <ListView
	     android:id="@+id/rssListView"
	     android:layout_width="fill_parent"
	     android:layout_height="wrap_content"
	     android:layout_marginTop="190px" />
	<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:layout_marginTop="0px"
    android:background="@drawable/linearborder"/>
</LinearLayout>

J'ai également ces fichiers xml :

list_item.xml :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="10dp"
    android:textSize="13sp"
    android:textColor="#000000"
    android:autoLink="all" >
</TextView>

rss_details.xml :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?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" android:padding="10dp">
	<TextView android:id="@+id/rssDetailsTextView"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:textSize="14sp" 
		android:textColor="#000000"
		android:autoLink="all"/>
</LinearLayout>

rss_item_displayer.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
 
<?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" android:padding="10dp">
	<TextView android:id="@+id/titleTextView"
		android:layout_marginTop="80px"
		android:layout_width="fill_parent" android:layout_height="wrap_content"
		android:textSize="16sp" 
		android:autoLink="all"
		android:textColor="#DF3600"/>
	<TextView android:id="@+id/contentTextView"
		android:layout_width="fill_parent" android:layout_height="wrap_content"
		android:textSize="15sp" 
		android:textColor="#000000"
		android:autoLink="all"/>
</LinearLayout>

[Feanorin]

Bonjour,

Euh tu appliques les bordures sur le LinearLayout et sur ta WebView, je croyais que tu voulais l'appliquer à ta liste et ta webview , est ce normal ?

Après je te conseilles de faire le test d'abord sur la ListView après sur la WebView, la WebView pose pas mal de problème sur l'affichage ....

[lostsoul]

Je pensais appliquer la bordure uniquement sur la listview. Ce n'est pas ce que je fais la ?

[Feanorin]

Dans ce cas le android:background="@drawable/linearborder" doit plus être mis dans la ListView que dans le LinearLayout .

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
<?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" >
	 <ListView
	     android:id="@+id/rssListView"
	     android:layout_width="fill_parent"
	     android:layout_height="wrap_content"
	     android:layout_marginTop="190px"
             android:background="@drawable/linearborder" />
	<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:layout_marginTop="0px"
    android:background="@drawable/linearborder"/>
</LinearLayout>

Maintenant cela n'explique pas ton problème, mais essaye déjà sans le border de la WebView

[lostsoul]

Merci de l'aide !
J'ai bien mis le linearborder uniquement dans la listview, et ça fait comme avant. J'ai bien le cadre, mais le fond est tout noir... J'ai changé la couleur dans linearborder.xml mais ça ne change rien.
J'ai même enlevé mon background pour voir mais c'est pareil.

Tant pis, je crois que mon apli restera comme cela (mais j'aurais aimé améliorer un peu l'interface pour que ce soit plus "joli") :

https://market.android.com/details?i...andreani&hl=fr

[nicolofontana12]

D'abord :
Il faut eviter l'unité px , tu pourra bien utiliser dp ou dip; c'est mieux.

Code :

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

1
2
3
4
	     android:layout_marginTop="190px" />
	
    android:layout_height="fill_parent" android:layout_marginTop="0px"/>

[lostsoul]

Merci du conseil ;-)

[nicolofontana12]

Regarde, j'ai telechargé ton application, ca peut pas etre regardé, essaye de l'ameliorer....

1 point : Il faut mettre android:cacheColorHint="#00000000" dans ton listview pour chasser la couleur noire

[lostsoul]

Comment ça tu as téléchargé mon appli, ça peut pas être regardé, je ne comprends pas ?

Ok, je vais voir pour cacheColorHint, merci beaucoup ;-)

[lostsoul]

J'ai mis cacheColorHint dans la listview dans le main.xml, mais, c'est toujours noir...
Et elle n'est pas noir seulement quand je scroll, elle est tjs noir.

[Feanorin]

Et elle n'est pas noir seulement quand je scroll, elle est tjs noir.

Tu pourrais nous poster une image, car j'ai du mal à saisir, si c'est le fond qui est noir c'est normal a aucun moment tu lui précises un changement ( sur le fond ).

Ton linearborder.xml ne change que le cadre.

Donc si tu veux insérer une image ou autre

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"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item> 
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle" android:padding="10dp">
            ....
        </shape>
    </item>
   <item>
       ... 
   </item>
</layer-list>

[lostsoul]

J'ai un background pour l'appli, qui est recouvert sur ma listview par le cadre et son fond noir.
Je dois modifier le linearborder pour lui dire de ne pas avoir de fond noir ?
Je croyais que le cachecolor hint devait faire cela.

[Feanorin]

Je croyais que le cachecolor hint devait faire cela.

Normalement oui, mais vu que tu as toujours le soucis.. tu peux toujours essayer de forcer l'application à mettre un nouveau fond .

J'ai mis cacheColorHint dans la listview dans le main.xml, mais, c'est toujours noir...

Après sur ce cas n'oublie pas que le background de tes items prends le dessus sur ta listview...

[lostsoul]

Je commence à être perdu la...
Et pourquoi le background (tout noir) de ma listview passe par dessus le background de l'appli alors ?