Background de mon application

**malgache** · 22/04/2011, 09h29

Bonjour,

Je sais pas si c'est parce que je me penche dessus de bon matin, mais j'arrive pas à trouver, comment utiliser une image en tant que background de mon application.
Si vous avez quelques indication je suis preneur

Edit: J'ai pensé créer un thème, mais je sais pas si c'est la bonne solution, et je cherche des indications sur comment créer un thème, mais je dois chercher mal je trouve strictement rien

**AndroChristophe** · 22/04/2011, 09h41

Bonjour,
Pour mettre une image en fond de ton activité tu peux utiliser la propriété background dans ton layout principal du fichier xml (android:blackground="@drawable/mon_image").

Après pour les thèmes je ne suis pas trop au courant. Je ne sais pas si ce sont juste des styles ou si c'est plus complexe

**nagca** · 22/04/2011, 09h48

sans oublier d'ajouter l'image qui nommée mon_image dans le dossier drawble-hdpi qui est inclus dans le dossier res
bonne journée

**Ryu2000** · 22/04/2011, 09h48

Ou alors dans le dossier res/drawable/ tu créer un fichier app_background.xml :

Code :

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

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
 
<bitmap 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:tileMode="repeat"
    android:src="@drawable/bg6"
/>

Après dans le fichier xml, tu met ça dans une View :

Code :

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

android:background="@drawable/app_background"

Au lieu d'un bitmap tu peux faire des shapes et c'est assez chouette.

**malgache** · 22/04/2011, 10h00

Okey merci.

Et au niveau du layout, mes éléments, ils commencent tout en haut de l'écran, du coup pour les centrer verticalement, mais la seule solution que j'ai trouvé, c'est de mettre un margin-top à mon élément qui se trouve tout en haut.
Je trouve ça moche quand même, vous aurez une idée de solution?

**AndroChristophe** · 22/04/2011, 10h06

As tu essayé l'attribut xml android:layout_gravity="center_vertical" ?

**malgache** · 22/04/2011, 10h50

Oui je l'ai essayé, mais je viens de me rendre compte que j'ai surement pas du le déclarer comme il faut, au lieu de le faire directement dans le fichier xml, j'ai essayé de le faire par le graphical layout que Eclipse nous propose ^^.

Edit: j'ai essayé mais toujours le même résultat...

**Ryu2000** · 22/04/2011, 10h59

Ce qui fonctionne super bien, si t'es dans une relative layout, qui fait tout l'écran (height:match_parent width:match_parent), tu met à ton élément :

Code :

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

android:layout_centerVertical="true"

Alors là ça fonctionne à tout les coups.

**AndroChristophe** · 22/04/2011, 11h25

Peux tu nous mettre ton fichier XML pour que l'on puisse t'aider. J'ai remarqué également que les layout_gravity ne fonctionnaient pas forcément sur les linearLayout...

**Ryu2000** · 22/04/2011, 11h44

Ouais gravity c'est pas top pour ce genre de chose, le mieux c'est clairement une relative layout de la taille de l'écran et ça :

Code :

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

1
2
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"

**malgache** · 22/04/2011, 12h01

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
<?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:layout_weight="1"
    android:orientation="vertical"
    android:background="@drawable/background_appli">
 
 
	<TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/departement"
	    android:textColor="#000000" android:layout_marginTop="120dip">
	</TextView>
 
	<Spinner 
		android:id="@+id/departement" 
		android:layout_width="fill_parent" 
		android:layout_height="wrap_content">
	</Spinner>
 
	<TextView 
		android:text="@string/ville" 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:textColor="#000000">
	</TextView>
 
	<Spinner 
		android:id="@+id/ville" 
		android:layout_height="wrap_content" 
		android:layout_width="fill_parent">
	</Spinner>
 
	<TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/auto_ecole"
		android:textColor="#000000">
	</TextView>
 
	<Spinner 
		android:id="@+id/auto_ecole" 
		android:layout_width="fill_parent" 
		android:layout_height="wrap_content">
	</Spinner>
 
	 <TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/mdp"
	    android:textColor="#000000">
	</TextView>  
 
	<EditText 
		android:layout_width="fill_parent" 
		android:id="@+id/mdp_entre" 
		android:layout_height="wrap_content">
	</EditText>
 
	<Button 
		android:id="@+id/valider" 
		android:layout_height="35dip" 
		android:layout_width="wrap_content" 
		android:layout_gravity="center"
		android:text="Valider">
	</Button>
 
 
	<LinearLayout 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content" 
		android:orientation="horizontal" 
		android:layout_gravity="center">
 
		<TextView 
			android:text="@string/develop" 
			android:gravity="left"
			android:layout_height="wrap_content" 
			android:layout_width="wrap_content"
			android:layout_marginBottom="4dip"
			android:textColor="#000000">
		</TextView>
 
		<ImageView 
			android:layout_height="wrap_content" 
			android:id="@+id/logo_webamine" 
			android:src="@drawable/logo_webamine" 
			android:layout_width="wrap_content" 
			android:layout_gravity="center" 
			android:layout_marginLeft="3dip" android:layout_marginBottom="3dip">
		</ImageView>
 
	</LinearLayout>
 
	<LinearLayout 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content" 
		android:orientation="horizontal" 
		android:layout_gravity="center">
 
		<TextView 
			android:id="@+id/textView1" 
			android:layout_height="wrap_content" 
			android:gravity="right" 
			android:layout_width="wrap_content" 
			android:text="@string/groupe" 
			android:textColor="#000000">
		</TextView>
 
		<ImageView 
			android:layout_height="wrap_content" 
			android:id="@+id/logo_ediser" 
			android:src="@drawable/logo_ediser" 
			android:layout_width="wrap_content" 
			android:layout_gravity="center" android:layout_marginLeft="3dip">
		</ImageView>
	</LinearLayout>
 
</LinearLayout>

Je vais essayé de passer sur un relative layout pour voir le rendu que je peux avoir ^^.
Merci pour vous réponse en tout cas.

**Ryu2000** · 22/04/2011, 12h13

J'ai testé ton fichier xml chez moi, si tu veux aligner verticalement tout ton contenu.

Met ton premier LinearLayout qui contient tout dans une RelativeLayout, et tu dis à ton LinearLayout de s'aligner verticalement et voila !

En gros c'est ça :

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
129
130
<?xml version="1.0" encoding="utf-8"?>
 
<RelativeLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
 
	<LinearLayout 
		xmlns:android="http://schemas.android.com/apk/res/android"
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:layout_weight="1"
	    android:orientation="vertical"
	    android:background="@drawable/background_appli"
	    android:layout_centerVertical="true">
 
 
		<TextView  
		    android:layout_width="fill_parent" 
		    android:layout_height="wrap_content" 
		    android:text="@string/departement"
		    android:textColor="#000000">
		</TextView>
 
		<Spinner 
			android:id="@+id/departement" 
			android:layout_width="fill_parent" 
			android:layout_height="wrap_content">
		</Spinner>
 
		<TextView 
			android:text="@string/ville" 
			android:layout_width="wrap_content" 
			android:layout_height="wrap_content"
			android:textColor="#000000">
		</TextView>
 
		<Spinner 
			android:id="@+id/ville" 
			android:layout_height="wrap_content" 
			android:layout_width="fill_parent">
		</Spinner>
 
		<TextView  
		    android:layout_width="fill_parent" 
		    android:layout_height="wrap_content" 
		    android:text="@string/auto_ecole"
			android:textColor="#000000">
		</TextView>
 
		<Spinner 
			android:id="@+id/auto_ecole" 
			android:layout_width="fill_parent" 
			android:layout_height="wrap_content">
		</Spinner>
 
		 <TextView  
		    android:layout_width="fill_parent" 
		    android:layout_height="wrap_content" 
		    android:text="@string/mdp"
		    android:textColor="#000000">
		</TextView>  
 
		<EditText 
			android:layout_width="fill_parent" 
			android:id="@+id/mdp_entre" 
			android:layout_height="wrap_content">
		</EditText>
 
		<Button 
			android:id="@+id/valider" 
			android:layout_height="35dip" 
			android:layout_width="wrap_content" 
			android:layout_gravity="center"
			android:text="Valider">
		</Button>
 
 
		<LinearLayout 
			android:layout_width="wrap_content" 
			android:layout_height="wrap_content" 
			android:orientation="horizontal" 
			android:layout_gravity="center">
 
			<TextView 
				android:text="@string/develop" 
				android:gravity="left"
				android:layout_height="wrap_content" 
				android:layout_width="wrap_content"
				android:layout_marginBottom="4dip"
				android:textColor="#000000">
			</TextView>
 
			<ImageView 
				android:layout_height="wrap_content" 
				android:id="@+id/logo_webamine" 
				android:src="@drawable/logo_webamine" 
				android:layout_width="wrap_content" 
				android:layout_gravity="center" 
				android:layout_marginLeft="3dip" android:layout_marginBottom="3dip">
			</ImageView>
 
		</LinearLayout>
 
		<LinearLayout 
			android:layout_width="wrap_content" 
			android:layout_height="wrap_content" 
			android:orientation="horizontal" 
			android:layout_gravity="center">
 
			<TextView 
				android:id="@+id/textView1" 
				android:layout_height="wrap_content" 
				android:gravity="right" 
				android:layout_width="wrap_content" 
				android:text="@string/groupe" 
				android:textColor="#000000">
			</TextView>
 
			<ImageView 
				android:layout_height="wrap_content" 
				android:id="@+id/logo_ediser" 
				android:src="@drawable/logo_ediser" 
				android:layout_width="wrap_content" 
				android:layout_gravity="center" android:layout_marginLeft="3dip">
			</ImageView>
		</LinearLayout>
 
	</LinearLayout>
</RelativeLayout>

**malgache** · 22/04/2011, 13h32

J'ai essayé, j'ai toujours pareil, mais je me rend compte que j'ai du mal m'exprimé.

En faite, je voudrai qu'il soit au centre centre de l'écran. Mes éléments sont déjà aligné verticalement. C'est juste que j'aurai aimé que le contenue soient aux centre parce que si je met pas de margin-top, le logo de l'entreprise est caché...

**Ryu2000** · 22/04/2011, 14h08

Il faudrait des screenshots de l'application parce que je comprend pas du tout.

**malgache** · 22/04/2011, 14h46

Donc mon appli à la base était comme ca

layout non centré

Mais je voulais que les champs se trouvent aux centre, j'ai essayé center vertical, mais rien, du coup j'ai mi un margin-top pour obtenir ca

layout centré

**AndroChristophe** · 22/04/2011, 15h36

Et avec ça, ça donne quoi ?

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
<?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:background="@drawable/background_appli">
 
 <LinearLayout 
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_gravity="center_vertical">
	<TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/departement"
	    android:textColor="#000000" android:layout_marginTop="120dip">
	</TextView>
 
	<Spinner 
		android:id="@+id/departement" 
		android:layout_width="fill_parent" 
		android:layout_height="wrap_content">
	</Spinner>
 
	<TextView 
		android:text="@string/ville" 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:textColor="#000000">
	</TextView>
 
	<Spinner 
		android:id="@+id/ville" 
		android:layout_height="wrap_content" 
		android:layout_width="fill_parent">
	</Spinner>
 
	<TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/auto_ecole"
		android:textColor="#000000">
	</TextView>
 
	<Spinner 
		android:id="@+id/auto_ecole" 
		android:layout_width="fill_parent" 
		android:layout_height="wrap_content">
	</Spinner>
 
	 <TextView  
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/mdp"
	    android:textColor="#000000">
	</TextView>  
 
	<EditText 
		android:layout_width="fill_parent" 
		android:id="@+id/mdp_entre" 
		android:layout_height="wrap_content">
	</EditText>
 
	<Button 
		android:id="@+id/valider" 
		android:layout_height="35dip" 
		android:layout_width="wrap_content" 
		android:layout_gravity="center"
		android:text="Valider">
	</Button>
 
 
	<LinearLayout 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content" 
		android:orientation="horizontal" 
		android:layout_gravity="center">
 
		<TextView 
			android:text="@string/develop" 
			android:gravity="left"
			android:layout_height="wrap_content" 
			android:layout_width="wrap_content"
			android:layout_marginBottom="4dip"
			android:textColor="#000000">
		</TextView>
 
		<ImageView 
			android:layout_height="wrap_content" 
			android:id="@+id/logo_webamine" 
			android:src="@drawable/logo_webamine" 
			android:layout_width="wrap_content" 
			android:layout_gravity="center" 
			android:layout_marginLeft="3dip" android:layout_marginBottom="3dip">
		</ImageView>
 
	</LinearLayout>
 
	<LinearLayout 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content" 
		android:orientation="horizontal" 
		android:layout_gravity="center">
 
		<TextView 
			android:id="@+id/textView1" 
			android:layout_height="wrap_content" 
			android:gravity="right" 
			android:layout_width="wrap_content" 
			android:text="@string/groupe" 
			android:textColor="#000000">
		</TextView>
 
		<ImageView 
			android:layout_height="wrap_content" 
			android:id="@+id/logo_ediser" 
			android:src="@drawable/logo_ediser" 
			android:layout_width="wrap_content" 
			android:layout_gravity="center" android:layout_marginLeft="3dip">
		</ImageView>
	</LinearLayout>
</LinearLayout>
</LinearLayout>

**malgache** · 22/04/2011, 15h51

Le même résultat que mon image layout centré ^^.

Mais c'est bon, te tracasse pas plus, c'était juste histoire de savoir si je pouvais faire quelque chose de plus propre que l'utilisation de margintop

**AndroChristophe** · 22/04/2011, 16h01

Envoyé par malgache

Le même résultat que mon image layout centré ^^.

Mais c'est bon, te tracasse pas plus, c'était juste histoire de savoir si je pouvais faire quelque chose de plus propre que l'utilisation de margintop

C'est pas justement ça que tu voulais obtenir ?

Edit : à mince dans l'exemple que j'ai mis il faut enlever le marginTop de ton TextView

**malgache** · 22/04/2011, 16h03

Oui il y a toujours le marginTop dans le code que tu m'as montré ^^.

Mais merci quand même

**malgache** · 22/04/2011, 16h14

Waoow, je ne sais pas quel tour de magie j'ai réussi à faire mais la j'ai réussi.

J'ai enlevé le marginTop, tout était remonté, j'avais essayé de mettre comme gravity center_vertical pour mon linearLayout, en vain, j'ai mis un bottom pour voir, il s'est mis tout en bas de ma fenêtre, et j'ai remis center_vertical et tadannnnnn il s'est mis au centre comme un grand

Background de mon application

Android

Discussions similaires

Partager

Partager