Contenu d'un style de bouton apparaît uniquement dans un cas Bouton

J'ai Viewbox:Contenu d'un style de bouton apparaît uniquement dans un cas Bouton

<Viewbox x:Key="SampleViewbox" > 
    <Grid> 
    <Ellipse Stroke="#e2e2e0" StrokeThickness="6" Fill="#d5273e" Width="128" Height="128"/> 
    </Grid> 
</Viewbox>

J'INCLUDE, alors cela dans un style comme:

<Style x:Key="SampleStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="Transparent" > 
        <ContentPresenter Content="{StaticResource SampleViewbox}"/> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

Maintenant, je créé de nombreux boutons avec SampleStyle

<Grid> 
    <StackPanel> 
     <Button Style="{StaticResource SampleStyle}" Height="50" Width="50"></Button> 
     <Button Style="{StaticResource SampleStyle}" Height="80" Width="80"></Button> 
     <Button Style="{StaticResource SampleStyle}" Height="20" Width="20"></Button> 
    </StackPanel> 
</Grid>

Cependant, un seul bouton a l'Ellipse (viewbox)

Comment puis-je faire tous les boutons ont/montrent l'ellipse ?? Viewbox est FrameworkElement qui ne peut pas appartenir à plusieurs parents.

Source

2017-03-21 Sabz

Chaque fois que les boutons demandent une ressource {StaticResource SampleViewbox} ils obtiennent la même instance.

pour modifier ce comportement ajouter x:Shared="False" attribut

<Viewbox x:Key="SampleViewbox" x:Shared="False">

Source

2017-03-21 10:19:58 ASh

Merci cela a fonctionné. J'avais essayé ça dans Kaxaml mais ça a jeté quelques erreurs. Je l'ai essayé maintenant dans Visual Studio et cela a bien fonctionné. Y at-il des inconvénients du drapeau x: Shared = "False"? – Sabz

@Sabz, les inconvénients? La valeur par défaut est 'x: Shared =" True "', dans la plupart des cas, on ne veut pas créer plusieurs copies d'objets (par exemple, des ressources de pinceau, des convertisseurs). mais voici le cas contraire, c'est le comportement souhaité – ASh

Réglage de l'attribut x:Shared du ViewBox-false comme suggéré par @ASh va bien fonctionner, mais pourquoi ne vous incluez tout simplement pas le ViewBox dans le ControlTemplate comme celui-ci ?

<Style x:Key="SampleStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="Transparent" > 
        <Viewbox> 
         <Grid> 
          <Ellipse Stroke="#e2e2e0" StrokeThickness="6" Fill="#d5273e" Width="128" Height="128"/> 
         </Grid> 
        </Viewbox> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

Un modèle est un modèle et une instance de contrôle est une instance.

Source

2017-03-21 10:27:29 mm8

Pour des raisons de simplicité, j'ai écrit une seule ellipse. Dans le cas actuel, la Viewbox contient d'autres dessins complexes. je veux utiliser cette viewbox dans d'autres styles aussi .. – Sabz

Je vois, assez juste :) – mm8

Je pense qu'une bonne approche consiste à utiliser DataTemplate. Vous aurez

<DataTemplate x:Key="SampleViewbox"> 
    <Viewbox> 
     <Grid> 
      <Ellipse 
        Width="128" 
        Height="128" 
        Fill="#d5273e" 
        Stroke="#e2e2e0" 
        StrokeThickness="6" /> 
     </Grid> 
    </Viewbox> 
</DataTemplate>

Et pour le style

<Style x:Key="SampleStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="Transparent"> 
        <ContentPresenter ContentTemplate="{StaticResource SampleViewbox}" /> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

Source

2017-03-21 10:43:40

Parfait. Je voudrais pouvoir marquer cela aussi comme la réponse. – Sabz

Contenu d'un style de bouton apparaît uniquement dans un cas Bouton

Répondre

Questions connexes