Probléme Cellule Grid

Version imprimable

Bonjour;
J'ai créer une grid puis une subdivision de 15X10 (ligneXcolonne)
le but est de faire de cette grille un support pour plusieurs catégorie,texte,images,texte qui défile ...etc
j'ai mis un textblock avec du texte et sa marche bien
puis j'ai mis un UI image avec une image mais mon problème c'est que les cellule de ma grid change de dimension et du coup l'image n'est pas affiché comme je le veut,elle occupe une plus grande place hors que je veut qu'elle occupe uniquement les cellule indiqué par els attribut Grid.Column, Grid.ColumnSpan Grid.Row et Grid.RowSpan,
voici le code xaml :

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
 
 <Grid x:Name="GridAcceuil" Grid.Column="2" Grid.Row="5" Opacity="0.75" ShowGridLines="False" >
            	<Grid.Background>
            		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            			<GradientStop Color="Black" Offset="0"/>
            			<GradientStop Color="#FF35236A" Offset="1"/>
            		</LinearGradientBrush>
            	</Grid.Background> 
 
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
 
                </Grid.ColumnDefinitions>
 
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>
 
 
                <Image Grid.Column="2" Grid.Row="3" Grid.ColumnSpan="6"  Grid.RowSpan="7" Stretch="Fill" Source="images/*.jpg"/>

dans la grid principal j'ai suprrimé les attribut width et height pour la page occupe toutes la fenêtre,qd j'ajoute ses attribut a la grid principal le problème ne se pose pas
aussi cette grille est une grille imbriqué dans la grille principal
Merci a vous

25/10/2011, 14h51
Samuel Blanchard

Bonjour Amine,

le mieux serait que tu nous envoie une copie écran de ce que tu as et de ce que tu voudrais.
25/10/2011, 16h18
amine008

Bonjour
Voici un screen

http://img85.imageshack.us/img85/3940/sitesp.jpg

les cellules doivent toutes avoir la même taille qq soit le control utilisé
Merci
25/10/2011, 21h16
amine008

re
il semblerais que le probleme vient des images 8O
la cellule prend la taille de l'image.
Aucune idée la dessus:cry:
26/10/2011, 07h16
Samuel Blanchard

Si j'ai bien compris, ton problème vient du fait que ton image se déforme car les cellules changent de dimensions lorsque tu retailles la fenêtre.

Tu voudrais que ton site garde les mêmes proportions quelque soit la taille de la fenetre ? ou seulement le Grid ?

En fait j'ai toujours un peu de mal a voir ce que tu veux faire au finale :)
26/10/2011, 09h11
amine008

Bonjour
voici l'etat de la grid avant d'ajouter des control:

http://img828.imageshack.us/img828/5395/gridz.jpg

je voudrais que les cellules reste avec ces dimensions même si l'image inséré est plus grande.
j'ai essayé avec les attribut maxwidth et maxheight ,c'est un peut mieux mais j'imagine que si la résolution de l’écran est différente de la mienne il y aurais une net déformation(je me trompe la?)
merci
03/11/2011, 10h09
Golzinne

Bonjour,

Je suppose que tu utilises des "<ColumnDefinition Width="*"/> et la même chose pour les lignes ?

Alors forcément, ça va bouger en fonction de la taille des images.

Le mieux serait d'utiliser des row et colonnes à taille fixe et de mettre ton horizontal et vertical alignment à "Stretch".

Maintenant pour avoir des tailles fixes... il faudrait diviser le nombre de Pixel disponibles et diviser largeur par 15 et hauteur par 10 (ou le contraire)
03/11/2011, 12h11
Vinchenzo.939

Bonjour,

le probleme sembles venir d'une image plus grande que le contenant (cellule ou UC).
Il faut definir la taille des images en strech (etirement pour remplir, marches aussi dans l'autre sens, retrecissement).

un premier test serait de modifier les span (le logo blizzard pourrait avoir du rowspan et columnspan = 3)
03/11/2011, 17h14
amine008

oui effectivement j'ai mis les dimension a "*"
"<ColumnDefinition Width="*"/>
je vais essayer dés que possible
merci a vous