WPF DataGrid Styling - PullRequest
Новая
       12

WPF DataGrid Styling

5 голосов
/ 13 февраля 2009

Кто-нибудь знает / есть пример того, как изменить макет WPF DataGrid, чтобы он был похож на представление карты или что-то еще, а не просто на стек строк?

Ответы [ 3 ]

5 голосов
/ 17 февраля 2009

Результат выглядит следующим образом. альтернативный текст http://iwebthereforeiam.com/files/ScreenShot.gif

Вот код, который должен продемонстрировать идею.

XAML: 

<Window x:Class="StackOverflow_545979.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:StackOverflow_545979"
    xmlns:debug="clr-namespace:System.Diagnostics;assembly=System"
    Title="Window1" Height="300" Width="300">

    <Window.Resources>
        <local:GreekGods  x:Key="GreekGods"/>
        <DataTemplate x:Key="itemTemplate">
            <Border BorderBrush="RoyalBlue" BorderThickness="2" Margin="2" Padding="5">
                <WrapPanel Orientation="Vertical">
                    <TextBlock Width="200" Text="{Binding Path=Name}"/>
                    <TextBlock Width="200" Text="{Binding Path=Description}"/>
                    <TextBlock Width="200" Text="{Binding Path=RomanName}"/>
                </WrapPanel>
            </Border>
        </DataTemplate>
    </Window.Resources>

    <ListBox ItemTemplate="{StaticResource itemTemplate}" 
             ItemsSource="{StaticResource GreekGods}" />
</Window>

C # код: 

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
namespace StackOverflow_545979
{
    public class GreekGod
    {
        public string Name { get; set; }
        public string Description { get; set; }
        public string RomanName { get; set; }

        public GreekGod() { }
        public GreekGod(string name, string description, string romanName)
        {
            this.Name = name;
            this.Description = description;
            this.RomanName = romanName;
        }
    }

    public class GreekGods : ObservableCollection<GreekGod>
    {
        public GreekGods()
        {
            this.Add(new GreekGod("Aphrodite", "Goddess of love, beauty and fertility", "Venus"));
            this.Add(new GreekGod("Apollo", "God of prophesy, music and healing", "Apollo"));
            this.Add(new GreekGod("Ares", "God of war", "Mars"));
            this.Add(new GreekGod("Artemis", "Virgin goddess of the hunt", "Diana"));
            this.Add(new GreekGod("Athena", "Goddess of crafts and the domestic arts", "Athena"));
            this.Add(new GreekGod("Demeter", "Goddess of agriculture", "Ceres"));
            this.Add(new GreekGod("Dionysus", "God of wine", "Bacchus"));
            this.Add(new GreekGod("Hephaestus", "God of fire and crafts", "Vulcan"));
            this.Add(new GreekGod("Hera", "Goddess of marriage", "Juno"));
            this.Add(new GreekGod("Hermes", "Messenger of the Gods", "Mercury"));
            this.Add(new GreekGod("Poseidon", "God of the sea, earthquakes and horses", "Neptune"));
            this.Add(new GreekGod("Zeus", "Supreme God of the Olympians", "Jupiter"));
        }
    }
}

Классы GreekGod и GreekGods взяты из Примеры Беа Столльниц .

1 голос
/ 13 февраля 2009

Я не знаю, как это сделать с помощью DataGrid WPF Toolkit, и сомневаюсь, что это именно то, что вам действительно нужно. Вы можете сделать это с помощью ListView или ListBox. Установите ListView.View для WrapPanel с IsItemsSource = "True". Затем используйте DataTemplate для создания карт. Есть довольно хороший пример, который поможет вам пройти большую часть пути здесь .

1 голос
/ 13 февраля 2009

Вместо сетки данных попробуйте использовать комбинацию вида списка или списка (в зависимости от того, какие функции вы хотите - оба получены из ItemsSource) и шаблонов данных. Оба они являются стандартным WPF, а не частью инструментария.

http://blah.winsmarts.com/2007-3-WPF__The_DataTemplate,_choosing_how_your_data_will_look_like.aspx

...