Dépassement de canevas dans WPF

Question

J'ai une question (j'espère) intéressante.

tout d'abord ce que je suis en train de faire ici:

Je suis en train de créer un jeu comme camembert de boutons, plus tard ce contrôle sera utilisé dans une touche application activée. Le contrôle dessine et semble très bien, aussi tous les comportements sont bien jusqu'à présent. Cependant, une chose que j'ai des problèmes avec les traductions que je fais à tous les morceaux de la tarte. Donc ce que je fais est: Je veux une marge n entre les morceaux de tarte, pour créer cette marge je déplace tous les morceaux du milieu. Cela signifie que le morceau de tarte face à UP aura une traduction négative. Cela signifie que le Canvas écrêtera une partie du haut (en raison du sommet étant à 14, -2 par exemple). Une autre chose que j'ai ajoutée sont des morceaux de texte qui rendent également les morceaux de tarte un peu plus longs. Voir l'image incluse pour référence.

image

Pour la gauche, vous pouvez voir le problème de clipping je parle à droite, vous pouvez voir une version traduite de façon arbitraire la même chose.

Une partie du code pâte:

fenêtre principale XAML:

<controls:PieMenu Radius="100" Padding="10"> 
<controls:PieMenu.MenuItems> 
    <controls:PieMenuItem Text="Employment" Brush="#FF33FF" Command="BrowseBack" /> 
    <controls:PieMenuItem Text="General" Brush="#9933FF" Command="BrowseBack" /> 
    <controls:PieMenuItem Text="Internships" Brush="#3333FF" Command="BrowseBack" /> 
    <controls:PieMenuItem Text="Bla" Brush="#3399FF" Command="BrowseBack" /> 
    <controls:PieMenuItem Text="Bla" Brush="#007AF5" Command="BrowseBack" /> 
</controls:PieMenu.MenuItems> 

PieMenu XAML:

<UserControl x:Class="PieControlLibrary.PieMenu" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:self="clr-namespace:PieControlLibrary" 
     mc:Ignorable="d" 
     d:DesignHeight="300" d:DesignWidth="300"> 
<UserControl.Resources> 
    <!-- <CollectionViewSource x:Name="menuItemCollectionViewSource" Source="{Binding MenuItems, RelativeSource={RelativeSource AncestorType=self:PieMenu}}"/>--> 
    <Style TargetType="{x:Type ListView}" x:Key="listViewStyle"> 
     <Setter Property="BorderBrush" Value="Transparent" /> 
     <Setter Property="ItemTemplate"> 
      <Setter.Value> 
       <DataTemplate> 
        <self:PieButton Radius="{Binding Radius, RelativeSource={RelativeSource AncestorType=self:PieMenu}}" 
            Degrees="{Binding Degrees, RelativeSource={RelativeSource AncestorType=self:PieMenu}}" 
            Brush="{Binding Brush}" 
            Command="{Binding Command}" 
            Text="{Binding Text}"/> 
       </DataTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</UserControl.Resources> 
<Grid> 
    <ListView x:Name="menuItemsView" ItemsSource="{Binding MenuItems, RelativeSource={RelativeSource AncestorType=self:PieMenu}}" Style="{StaticResource listViewStyle}" /> 
</Grid> 

PieButton (c'est ce que le menu tarte articles sont convertis en)

<UserControl x:Class="PieControlLibrary.PieButton" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:control="clr-namespace:PieControlLibrary" 
     xmlns:TextOnPath="clr-namespace:Petzold.TextOnPath" 
     mc:Ignorable="d" 
     d:DesignHeight="300" d:DesignWidth="300" 
     > 
<Grid> 
    <Button HorizontalAlignment="Left" VerticalAlignment="Top" DataContext="{Binding RelativeSource={RelativeSource AncestorType=control:PieButton}}" Command="{Binding Command}"> 
     <Button.Template> 
      <ControlTemplate> 
       <Canvas > 
        <Path Data="{Binding PathData}" Fill="{Binding Brush}" Grid.Row="0" Grid.Column="0" /> 
        <TextOnPath:TextOnPathControl PathFigure="{Binding TextPath}" Text="{Binding Text}" FontFamily="Consolas" FontSize="12" Foreground="Black" FontStretch="Normal" /> 
       </Canvas> 
      </ControlTemplate> 
     </Button.Template> 
    </Button> 
</Grid> 

Answer 1

Je ne sais pas si je comprends bien votre question, mais quand vous dessinez votre diagramme circulaire, laisse juste un peu d'espace supplémentaire autour des bords de sorte que vous pouvez déplacer les morceaux de tarte hors du centre?

Answer 2

Peut-être que vous pourriez utiliser un RenderTransform lorsque vos morceaux de tarte se développent pour déplacer ou mettre à l'échelle l'image un tout petit peu pour la garder dans les limites?