Appliquer un style à tous les éléments enfants d'un certain stackpanel (ou commande)

Question

J'essaye simplement de définir le remplissage de tous les éléments rectangle du deuxième panneau de pile (des deux dans le stackpanel racine), le nécessaire remplir étant blanc. Puisqu'un stackpanel n'a pas ItemTemplate, j'ai essayé de le remplacer par, puis de l'encapsuler avec ItemsControl. L'encapsulation du panneau de pile est arrivée quand j'ai vu que ItemsControl n'a pas de propriété Orientation.

De toute façon, après tout cela, les rectangles enfants ne sont toujours pas remplis de blanc ...>. < qu'est-ce que je fais mal?

(J'essaie aussi de faire la même chose avec les bindings d'événements comme How to set an event function via a style? Je suis toujours en train d'essayer des choses là-bas, je pensais que je voulais aussi le faire via ItemControl.)

<Window x:Class="RegenboogDragDrop.WindowRegenboog" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="WindowRegenboog" Height="350" Width="525"> 
<Window.Resources> 
    <Style TargetType="{x:Type Rectangle}"> 
     <Setter Property="Height" Value="50"></Setter> 
     <Setter Property="Width" Value="50"></Setter> 
     <Setter Property="Margin" Value="5"></Setter> 
     <Setter Property="Stroke" Value="Black"></Setter> 
     <Setter Property="StrokeThickness" Value="3"></Setter> 
    </Style> 

</Window.Resources> 
    <StackPanel> 
    <StackPanel Margin="0,50" Orientation="Horizontal" HorizontalAlignment="Center"> 
     <Rectangle Fill="Yellow" MouseMove="Rectangle_MouseMove"></Rectangle> 
     <Rectangle Fill="Orange" MouseMove="Rectangle_MouseMove"></Rectangle> 
     <Rectangle Fill="Red" MouseMove="Rectangle_MouseMove"></Rectangle> 
     <Rectangle Fill="Blue" MouseMove="Rectangle_MouseMove"></Rectangle> 
     <Rectangle Fill="Green" MouseMove="Rectangle_MouseMove"></Rectangle> 
     <Rectangle Fill="Violet" MouseMove="Rectangle_MouseMove"></Rectangle> 
     <Rectangle Fill="Indigo" MouseMove="Rectangle_MouseMove"></Rectangle> 
    </StackPanel> 
    <ItemsControl Name="DropZone" HorizontalAlignment="Center"> 
     <ItemsControl.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Horizontal"/> 
      </ItemsPanelTemplate> 
     </ItemsControl.ItemsPanel> 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <StackPanel> 
        <Rectangle Fill="White"/> 
       </StackPanel> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 

     <StackPanel Orientation="Horizontal"> 
     <Rectangle Name="dropRed" Fill="White"/> 
     <Rectangle Name="dropOrange" MouseMove="Rectangle_MouseMove" DragDrop.DragEnter="Rectangle_DragEnter" DragDrop.DragLeave="Rectangle_DragLeave" DragDrop.Drop="Rectangle_Drop" AllowDrop="True"></Rectangle> 
     <Rectangle Name="dropYellow" Fill="White" MouseMove="Rectangle_MouseMove" DragDrop.DragEnter="Rectangle_DragEnter" DragDrop.DragLeave="Rectangle_DragLeave" DragDrop.Drop="Rectangle_Drop" AllowDrop="True"></Rectangle> 
     <Rectangle Name="dropGreen"></Rectangle> 
     <Rectangle Name="dropBlue"></Rectangle> 
     <Rectangle Name="dropIndigo"></Rectangle> 
     <Rectangle Name="dropViolet"></Rectangle> 
     </StackPanel> 
    </ItemsControl> 
    <Button Name="ButtonCheck" Content="Check volgorde" Margin="5,50"></Button> 
</StackPanel> 

code

derrière si vous voulez l'essayer: (Sur la deuxième ligne du troisième carré peut recevoir des couleurs par glisser-déposer, tandis que le second a tous les événements, mais pas le remplissage nécessaire que je suis en train d'essayer) (DutchVarsTo Anglais: rechthoek signifie carré, kleur signifie la couleur, gesleepteKleur signifie draggedColor, sommeil signifie glisser):

https://defuse.ca/b/c19ncFwllWIpSRe6I0cclp (je ne peux pas comprendre comment réduire un C# snippet comme les js snippet ici https://meta.stackexchange.com/questions/70885/collapse-code-snippets-in-answers: S lien si pastebin à codebehind)

Answer 1

disqualifier un rectangle de style dans les ressources du StackPanel:

<StackPanel> 
    <StackPanel.Resources> 
     <Style TargetType="Rectangle"> 
      <Setter Property="Fill" Value="White"/> 
     </Style> 
    </StackPanel.Resources> 

    <Rectangle .../> 
    ... 
</StackPanel> 

---

Si vous avez un autre défaut supérieur Rectangle style en t il arborescence des éléments, vous pouvez baser votre « style par défaut locale » sur ce style soit un moyen de BasedOn propriété du style, comme

<StackPanel.Resources> 
    <Style TargetType="Rectangle" BasedOn="{StaticResource {x:Type Rectangle}}"> 
     <Setter Property="Fill" Value="White"/> 
    </Style> 
</StackPanel.Resources> 

Answer 2

Vous pouvez définir une classe qui a une propriété Fill:

public class Item 
{ 
    public Brush Fill { get; set; } 
} 

et définir la propriété ItemsSource du ItemsControl à une collection de ces objets:

public partial class WindowRegenboog : Window 
{ 
    public WindowRegenboog() 
    { 
     InitializeComponent(); 
     DropZone.ItemsSource = new List<Item> { new Item { Fill = Brushes.Red }, new Item() { Fill = Brushes.Yellow } }; 
    } 
} 

Vous lient alors le Fill propriété du Rectangle dans le ItemTemplate à la propriété source Fill:

<ItemsControl Name="DropZone" HorizontalAlignment="Center"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <StackPanel> 
       <Rectangle Fill="{Binding Fill}" Width="200" Height="200"/> 
      </StackPanel> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

De cette façon, vous pouvez changer la couleur Fill d'un Rectangle en définissant simplement la propriété Fill d'un élément dans la collection source à une brosse différente.