la création d'un custom itemscontrol

Je suis en train de créer un contrôle personnalisé dérivé de ItemsControl. Le ItemsControl est initialisé avec des articles, mais ils ne sont pas affichés.

itemsControl : 

public class PipeControl : ItemsControl 
{
    static PipeControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(PipeControl), new FrameworkPropertyMetadata(typeof(PipeControl)));                    
    }

    public PipeControl()
    {
        Checkers = new ObservableCollection<Checker>();
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());           
    }

    public ObservableCollection<Checker> Checkers 
    {
        get;
        set;               
    }        
}

les thèmes dictionnaire de ressources : Générique.xaml

<Style TargetType="{x:Type local:PipeControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:PipeControl}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">                                        
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

    <Setter Property="ItemTemplate">
        <Setter.Value>
            <DataTemplate DataType="{x:Type local:Checker}">
                <Ellipse Fill="Red" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />                    
            </DataTemplate>                
        </Setter.Value>            
    </Setter>

    <Setter Property="ItemsSource" Value="{Binding Checkers,RelativeSource={RelativeSource Self}}"/>                           

    <!-- Just a Precaution its the default panel any ways -->  
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <StackPanel />
            </ItemsPanelTemplate>
        </Setter.Value>            
    </Setter>

</Style>

Des idées pourquoi les articles ne sont pas affichés?

InformationsquelleAutor eran otzap | 2012-06-29
  1. 12

    Vous devez définir la ItemsSource. Ainsi, par exemple, vous pouvez ajouter ItemsSource = Checkers; en dessous de la dernière Pions Ajouter ligne. Même si vous essayez de définir la ItemsSource de Dames dans le style, je pense qu'il serait plus facile si vous définissez dans la classe de contrôle. Juste mes deux cents, mais.

    Voici un exemple de la PipeControl classe:

    public class PipeControl : ItemsControl
{
    public ObservableCollection<Checker> Checkers { get; set; }
    static PipeControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(PipeControl), new FrameworkPropertyMetadata(typeof(PipeControl)));
    }
    public PipeControl()
    {
        Checkers = new ObservableCollection<Checker>();
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        Checkers.Add(new Checker());
        ItemsSource = Checkers;
    }
}

    Vous avez également besoin d'un ItemsPresenter dans votre ControlTemplate et votre Ellipse besoins d'une largeur et une hauteur. Voici une mise à jour de style pour vous:

    <Style TargetType="{x:Type local:PipeControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:PipeControl}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <ItemsPresenter />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemTemplate">
        <Setter.Value>
            <DataTemplate DataType="{x:Type local:Checker}">
                <Ellipse Width="25"
                         Height="25"
                         HorizontalAlignment="Stretch"
                         VerticalAlignment="Stretch"
                         Fill="Red" />
            </DataTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal" />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
</Style>
    • votre disant que je dois soulever une Propriété a changé de cas sur les Pions de la propriété ?
    • Non, ne pas en avoir besoin. Vous devez simplement être en mesure d'affecter vos Pions de la propriété à votre ItemsSource.
    • bien le itemsPresenter ne pas faire l'affaire , et je ne vois pas l'intérêt de donner la itemssource c'est la valeur dans le code .. qui a également eu aucun effet ..
    • Ok, je viens de recréé cette sur ma machine. J'ai aussi découvert que vous êtes absent une largeur et la hauteur de votre ellipse.
    • grâce attribuer , vous avez vraiment mis beaucoup d'efforts dans ce domaine . je vais l'essayer et de vous laisser savoir pourrait-il être que j'ai juste oublié de la hauteur et de la largeur .. je m'attends à tout étirer à intégrer les éléments de la largeur du panneau ..
    • belle réponse.

    InformationsquelleAutor Brandon Baker