WP7 PivotControl-Abstand

Question

Wie wird der Abstand zwischen PivotItems-Headern in PivotControl festgelegt? Ich arbeite an Tabbed-Design, ich konnte PivotItems Header mit Symbolen anpassen, aber ich weiß nicht, wie Sie den Abstand zwischen ihnen festlegen.

hier ist mein XAML:

<controls:Pivot Title="Tabs" FontSize="50" FontWeight="Bold" HorizontalAlignment="Center" Padding="0,0,0,0" Width="480" Margin="0,0,0,0"> 

     <!--Pivot item one--> 
     <controls:PivotItem Name="tab1" Margin="0,0,0,0" Padding="0,0,0,0"> 
      <controls:PivotItem.Header > 
       <ContentControl> 
        <StackPanel Orientation="Vertical" Background="#787878" Width="150"> 
         <Image Source="Images/tab_home.png" Height="80" Width="80"/> 
         <TextBlock Text="Listen" FontSize="32" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
        </StackPanel> 
       </ContentControl> 
      </controls:PivotItem.Header> 

Answer 1

Sie können (sollten) nur eine Pivot-Steuerelement auf einer Seite haben.

Wenn Sie über den Abstand zwischen den PivotItem-Kopfzeilen sprechen, können Sie gemäß Ihrem Beispiel nicht einfach einen Margin auf dem StackPanel setzen, das Sie in die Kopfzeile einfügen?

<controls:PivotItem> 
    <controls:PivotItem.Header> 
     <ContentControl> 
      <StackPanel Orientation="Vertical" Background="#787878" Width="150" Margin="20,0,20,0"> 
       <Image Source="Images/tab_home.png" Height="80" Width="80"/> 
       <TextBlock Text="Listen" FontSize="32" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
      </StackPanel> 
     </ContentControl> 
    </controls:PivotItem.Header> 

Dies fügt 20 Pixel links und rechts von der Kopfzeile hinzu.

Wenn Sie nicht danach suchen, können Sie Ihre Frage aktualisieren. Ich würde empfehlen, Mock-ups von dem, was Sie auch erreichen wollen, hinzuzufügen.

Answer 2

Sie sollten Sie Beiträge verfassen XAML, aber in der Regel die meisten UI-Elemente haben eine Margin Eigenschaft