Image se Chevauchent dans le code XAML de la Grille en Application du Windows Store

Question

Je voulais voir si quelqu'un pouvait me diriger dans la bonne direction.Je suis désireux de créer un jeu de cartes de base de l'app sur le Windows Store.Je l'ai fait à de multiples applications déjà, et je suis assez familier avec XAML grilles et de placer des images dans les cellules.Dans le jeu de cartes, je vais avoir une très similaires, le programme d'installation de Microsoft Cœur du jeu (avec les cartes placées au bas et les cartes se chevauchent les uns les autres).Mon problème est que je ne sais pas comment faire pour faire des images dans les cellules de la grille se chevauchent les uns les autres.Quelqu'un sait-il comment faire?Merci.

BTW, si la solution nécessite le code du retard, je sais VB.Net et C#.

Answer 1

Ce que vous cherchez est Grid.RowSpan et Grid.ColumnSpan.

Par Exemple:

Envisager un 3x3 Grid (les cellules vides notée avec X):

X X X
X X X
X X X

Maintenant, considérons un élément avec Grid.Row=0 et Grid.Column=1.Il sera affiché comme ceci (la O est rempli de cellules).

X O X
X X X
X X X

Maintenant, si nous avons augmenté que de l'élément RowSpan et ColumnSpan, mais garder son Row et Column des postes de même, nous sommes en créant une vaste zone avec un haut à gauche de la cellule à la même position.Envisager Grid.RowSpan=2 et Grid.ColumnSpan=2.

X O O
X O O
X X X

La "boîte" est ancrée dans la position 1,0 (x,y ou colonne,ligne), mais s'étend à la prochaine cellules, de faire une 2x2 sous-grille.

Maintenant, considérons un second élément Y.Si nous devions prendre le dessin précédent et ajouter Y avec Grid.Row=1, Grid.Column=0, Grid.RowSpan=2, Grid.ColumnSpan=3, puis nous aurions:

X O O
Y Y Y
Y Y Y

Rappelez-vous que la Toile est une "Pile" dans le dernier objet dessiné est sur le dessus.

Vous pouvez utiliser cette méthode de chevauchement des différents éléments dans une grille.Un dernier exemple, car elle permettra de mieux illustrer la carte de chevauchement concept, vous êtes probablement à la recherche pour.

O := 
{
    Grid.Row=0, 
    Grid.Column=0, 
    Grid.RowSpan=2,
    Grid.ColumnSpan=2
}

Y := 
{
    Grid.Row=1, 
    Grid.Column=1, 
    Grid.RowSpan=2,
    Grid.ColumnSpan=2
}

Dessin O d'abord, puis de Résultats de Y dans

O O X
O Y Y
X Y Y

Le dessin Y d'abord, puis O les résultats en

O O X
O O Y
X Y Y

Vous pouvez également modifier la Toile.ZIndex manuellement, je crois, comme @ChrisShao mentionné.