bordures pour listview et webview.

Version imprimable

20/11/2011, 06h00
lostsoul

bordures pour listview et webview.

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,
21/11/2011, 15h12
Feanorin

Bonjour,

Pourrais tu nous montrer ton fichier xml ?

Merci

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

Code:

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>

Je reprends le lien que tu as donnée, applique ce qui ai dit et normalement cela devrait marcher ^^.
Citation:
Envoyé par Jay
Bonjour,

Tu peux procéder de la maniere suivante :

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

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:

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,

21/11/2011, 16h36
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.
21/11/2011, 16h46
Feanorin

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

Merci.

Voila le fichier main.xml avec l'ajout :

Code:

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:

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:

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:

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>

22/11/2011, 10h52
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 ....
22/11/2011, 13h13
lostsoul

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

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

Code:

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

23/11/2011, 05h53
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
24/11/2011, 17h27
nicolofontana12
D'abord :
Il faut eviter l'unité px , tu pourra bien utiliser dp ou dip; c'est mieux.
Code:

1 2 3 4 android:layout_marginTop="190px" /> android:layout_height="fill_parent" android:layout_marginTop="0px"/>
24/11/2011, 17h29
lostsoul

Merci du conseil ;-)
24/11/2011, 17h42
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
24/11/2011, 19h03
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 ;-)
25/11/2011, 05h40
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.

Citation:

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:

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>

28/11/2011, 11h14
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.
28/11/2011, 11h27
Feanorin

Citation:

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 ;).

Citation:

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...
28/11/2011, 12h31
lostsoul

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

http://lostsouldark.free.fr/Capture.png

Citation:

Et pourquoi le background (tout noir) de ma listview passe par dessus le background de l'appli alors ?

Parce que c'est le background de tes items de ta listView qui prends le dessus.

Là ou tu dois changer le fond :
Code:

1 2 3 4 5 6 7 8 9 <?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>
sur ta liste_item.xml

Soit tu mets un fond soit tu rends le fond transparent ;).

28/11/2011, 13h46
lostsoul
Dans list_item.xml, j'ai testé en mettant un background, et ça marche. Mais je ne veux pas de backgroung puisqu'il y en a déja un derrière. Mais en mettant :
Code:

1 2 android:background="@android:color/transparent"
La, c'est toujours noir...
28/11/2011, 13h56
Feanorin

Citation:

La, c'est toujours noir...

Maintenant descends dans ta hiérarchie , rends le background de ta listview transparent également...et si tu as d'autres view également ;).

Je comprends un peu mieux, merci.
Mais je bloque de nouveau, car, le background de ma listview est définit dans linearborder.xml, donc, je ne peux pas le mettre transparent :

Code:

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

:)

Essaye comme cela :

Code:

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
    <item> 
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle" android:padding="10dp"
            <solid android:color="@android:color/transparent"/>
        </shape>
    </item>

Sinon essaye comme cela :

Code:

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
     <item android:drawable:"@android:color/transparent"/> 
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle" android:padding="10dp">
            ....
        </shape>
    </item>

28/11/2011, 17h02
lostsoul

Avec le premier code, j'ai le même résultat qu'avec le linearborder.xml d'origine, et y a un soucis que je n'arrive pas à corriger dans le deuxième code (un > ou /> semble-t-il).

Je crois que je vais laisser tomber et arrêter de vous faire perdre votre temps pour des bêtises.

Merci beaucoup en tous cas pour votre aide et votre patience ;-)