Comment dessiner une grille en WPF

Je suis en train de créer un contrôle utilisateur dans WPF pour représenter un Plateau de jeu de Go, qui est essentiellement juste une grille de lignes noires avec des points sur certaines intersections.

Pour le moment je suis en utilisant une Grille de contrôle pour gérer le placement des pierres, mais l'une des difficultés est que les pierres sont placées sur les intersections du quadrillage, plutôt qu'entre eux, donc si je veux tracer les lignes, ils ont besoin de passer par les centres des cellules de la grille.

Je suis encore assez nouveau à WPF, donc je ne suis pas vraiment sûr de savoir comment je devrais être en train d'approcher ce; dois-je être manuellement la peinture des lignes à chaque fois que le contrôle affiche (si oui, comment?), ou est-il un meilleur moyen?

Avez-vous jamais trouver une solution à cela? J'ai le même problème.
Je n'ai pas eu le temps de réfléchir récemment sur ce que j'ai été très occupé avec d'autres choses (mais merci à ceux qui ont répondu), mais je vais mettre à jour la question/accepter une réponse quand j'ai trouver la meilleure solution.

OriginalL'auteur Will Vousden | 2010-02-23

  1. 0

    J'ai juste ajouté ce post dans mon blog:

    EDIT:
    Déplacé le fichier à mon Google drive

    Je pense que ça va vous aider, c'est le résultat que vous allez obtenir. Vous pouvez télécharger le projet dans là aussi.

    Merci – cela s'est avéré être exactement ce dont j'avais besoin!
    Content d'avoir pu aider! =)
    4 ans ont passé: Blog n'est pas trouvé, screencast pas trouvé. C'est pourquoi un lien ne doit pas être une réponse à une question. Mettre au moins quelques indications.
    Je vais corriger cela dans une couple d'heures. Merci de me laisser savoir.
    Blog pas encore trouvé.

    OriginalL'auteur Carlo

  2. 5

    Vous pourriez approche de ce, de multiples façons.

    Par exemple. Une façon est d'utiliser DrawingBrush de Panneau de remplissage de l'arrière-plan. Voici quelques DrawingBrush exemples:

    le texte d'alt http://i.msdn.microsoft.com/ms653167.wcpsdk_mmgraphics_drawingbrushexamples(fr-us,VS.90).png

    Plus probable que vous n'avez pas à utiliser la Grille. Pour le positionnement aléatoire Toile convient le mieux. Si vous n'aimez pas les pinceaux, vous pouvez utiliser Géométries ou Formes pour dessiner des lignes ou d'autres chiffres. Je ne parle pas de vous DrawingVisuals, car ils peuvent être un peu plus difficile à comprendre depuis le début.

    Mis à jour: trouvé cet article sur CodeProject: Dessiner un Jeu de plateau dans WPF. Peut-être que vous le trouverez utile.

    Espère que cette aide,

    Acclamations, Anvaka.

    Анвака! 🙂 Рад что ты тоже переехал с кывта в это чудное место. И как раз твой ответ подходит для решения моей проблемы.
    Урра :). Я рад.

    OriginalL'auteur Anvaka

  3. 2

    Il y a un moment, j'ai créé le conseil d'échec et mat, j'ai créer un ItemsControl dont chaque Élément est ItemsControl trop avec Petit rectangle de modèles. voici mon code

    <UserControl x:Class="Checker.Controls.Board"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:models="clr-namespace:Checker.Models"
    xmlns:usercontrols="clr-namespace:Checker.Controls"
    xmlns:converters="clr-namespace:Checker.Converters">
    <UserControl.Resources>
        <models:BoardModel x:Key="boardModel"/>
        <converters:BoolToBorderColorConverter x:Key="boolToBorderColorConverter"/>
        <DataTemplate DataType="{x:Type models:Figure}">
            <usercontrols:FigureControl/>
        </DataTemplate>
    </UserControl.Resources>
    <Border>
        <ItemsControl ItemsSource="{Binding Source={StaticResource boardModel}, Path=BoardItems}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <ItemsControl ItemsSource="{Binding}" MouseDown="ItemsControl_MouseDown">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <VirtualizingStackPanel Orientation="Horizontal"/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Border Background="{Binding Path='IsFirstColor', Converter={StaticResource boolToBorderColorConverter}}" BorderBrush="Black" BorderThickness="1" Width="50" Height="50" MouseDown="ItemsControl_MouseDown">
                                    <ContentPresenter Content="{Binding FigureOnBoard}">

                                    </ContentPresenter>
                                </Border>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Border>
</UserControl>

    Espère que cette aide

    OriginalL'auteur Arsen Mkrtchyan

  4. 1

    Aléatoire pensées qui pourraient vous aider:

    1. Utiliser un grille - son là et il devrait fonctionner bien pour le positionnement de choses
    2. De la grille de la "cellule" fond est un les trois états de chose, les lignes de la grille avec rien, les lignes de la grille avec une pierre blanche sur le dessus, les lignes de la grille avec une pierre noire sur le dessus - ce qui devrait être une réutilisables morceau de balisage WPF - éventuellement un contrôle de l'utilisateur, peut-être quelque chose d'autre (je suis encore trop nouveau pour WPF). Je serais tenté de lier cela à vos données.
    3. Vous pouvez joindre le comportement pour le contenu de la cellule pour lorsque ses cliqué et pour d'autres choses

    Pas vraiment détaillée comment mais comment je voudrais aborder le problème

    OriginalL'auteur Murph