Background de mon application

Version imprimable

Voir 40 message(s) de cette discussion en une page

22/04/2011, 09h29
malgache

Background de mon application

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 :x
22/04/2011, 09h41
AndroChristophe

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
22/04/2011, 09h48
nagca

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 :)
22/04/2011, 09h48
Ryu2000
Ou alors dans le dossier res/drawable/ tu créer un fichier app_background.xml :
Code:

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:

android:background="@drawable/app_background"

Au lieu d'un bitmap tu peux faire des shapes et c'est assez chouette.
22/04/2011, 10h00
malgache

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?
22/04/2011, 10h06
AndroChristophe

As tu essayé l'attribut xml android:layout_gravity="center_vertical" ?
22/04/2011, 10h50
malgache

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...
22/04/2011, 10h59
Ryu2000

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:

android:layout_centerVertical="true"

Alors là ça fonctionne à tout les coups.
22/04/2011, 11h25
AndroChristophe

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...
22/04/2011, 11h44
Ryu2000
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:

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

Code:

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.

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:

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>

22/04/2011, 13h32
malgache

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é...
22/04/2011, 14h08
Ryu2000

Il faudrait des screenshots de l'application parce que je comprend pas du tout.
22/04/2011, 14h46
malgache

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é

Et avec ça, ça donne quoi ?

Code:

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>

22/04/2011, 15h51
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 :)
22/04/2011, 16h01
AndroChristophe

Citation:

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 :oops::oops:
22/04/2011, 16h03
malgache

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

Mais merci quand même ;)
22/04/2011, 16h14
malgache

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 :)

Voir 40 message(s) de cette discussion en une page