2013-05-01 1 views
3

WPF 애플리케이션에서, orientation = horizontal 인 스택 패널을 가진 dockpanel을 만들었습니다.StackPanel의 마지막 항목을 오른쪽에 수평으로 붙입니다.

나는 내 StackPanel의 내 마지막 항목을 설정할 수 있도록하고 싶습니다

내 창의 오른쪽에 부착하는 (도구 모음 등) 내 StackPanel의 일부 버튼을 추가합니다.

설명을 위해 일부 사진이 있습니다.

내가 무엇을 가지고 :

enter image description here

난 것 무엇을 가지고 :

<DockPanel Height="40" VerticalAlignment="Top" > 
    <Border> 

     <StackPanel Orientation="Horizontal" Background="{StaticResource DegradeCouleurTheme}"> 

      <Image Source="ElipseGauche.png" Height="28" Margin="10,0,0,0" /> 

      <StackPanel Orientation="Horizontal" Height="28"> 

       <StackPanel.Background> 
        <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
       </StackPanel.Background> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Goto_Premier"> 
        <Image Source= "xRtDiva_XWPF_TBR_PREMIER.PNG_IMAGES.png" Height="16"/> 
       </Button> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Goto_Precedent"> 
        <Image Source= "xRtDiva_XWPF_TBR_PRECED.PNG_IMAGES.png" Height="16"/> 
       </Button> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Goto_Suivant"> 
        <Image Source= "xRtDiva_XWPF_TBR_SUIVANT.PNG_IMAGES.png" Height="16"/> 
       </Button> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Goto_Dernier"> 
        <Image Source= "xRtDiva_XWPF_TBR_DERNIER.PNG_IMAGES.png" Height="16"/> 
       </Button> 

      </StackPanel> 

      <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 


      <Image Source="ElipseGauche.png" Height="28" Margin="15,0,0,0" /> 

      <StackPanel Orientation="Horizontal" Height="28"> 

       <StackPanel.Background> 
        <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
       </StackPanel.Background> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Creer" > 
        <Image Source= "Toolbar_Creer.png" Height="16" /> 
       </Button> 

      </StackPanel> 

      <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 

      <Image Source="ElipseGauche.png" Height="28" Margin="15,0,0,0" /> 


      <StackPanel Orientation="Horizontal" Height="28"> 

       <StackPanel.Background> 
        <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
       </StackPanel.Background> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Evenement_Supprimer"> 
        <Image Source= "Toolbar_Supprimer.png" Height="16"/> 
       </Button> 

      </StackPanel> 

      <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 

      <Image Source="ElipseGauche.png" Height="28" Margin="15,0,0,0" /> 


      <StackPanel Orientation="Horizontal" Height="28"> 

       <StackPanel.Background> 
        <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
       </StackPanel.Background> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Evenement_Joints"> 
        <Image Source= "Toolbar_FicJoints.png" Height="18"/> 
       </Button> 

      </StackPanel> 

      <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 

      <Image Source="ElipseGauche.png" Height="28" Margin="15,0,0,0" /> 


      <StackPanel Orientation="Horizontal" Height="28"> 

       <StackPanel.Background> 
        <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
       </StackPanel.Background> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Evenement_Annuler" > 
        <Image Source= "Toolbar_Annuler.png" Height="16"/> 
       </Button> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_Evenement_Valider"> 
        <Image Source= "Toolbar_Valider.png" Height="16"/> 
       </Button> 

      </StackPanel> 

      <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 



      <Image Source="ElipseGauche.png" Height="28" Margin="15,0,0,0" /> 


      <StackPanel Orientation="Horizontal" Height="28"> 

       <StackPanel.Background> 
        <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
       </StackPanel.Background> 

       <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_App_Parametrer" > 
        <Image Source= "Toolbar_Parametrer.png" Height="16"/> 
       </Button> 

      </StackPanel> 

      <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 

      <Grid HorizontalAlignment="Right"> 
       <StackPanel Orientation="Horizontal" Height="28" > 
        <Image Source="ElipseGauche.png" Height="28" Margin="15,0,0,0" /> 


        <StackPanel Orientation="Horizontal" Height="28"> 

         <StackPanel.Background> 
          <ImageBrush ImageSource="ElipseMilieu.png"></ImageBrush> 
         </StackPanel.Background> 

         <Button Template="{StaticResource BoutonRessourcesTpl}" Click="Button_Click_About" > 
          <Label Margin="0,0,0,1" Foreground="White" Content="About" Height="16" VerticalAlignment="Center" HorizontalAlignment="Center" Padding="0,0,0,0"/> 
         </Button> 

        </StackPanel> 

        <Image Source="ElipseDroite.png" Height="28" Margin="0,0,0,0" /> 
       </StackPanel> 
      </Grid> 


     </StackPanel> 

    </Border> 
</DockPanel> 
,369 : 여기

enter image description here

내 XAML입니다

내 스택 패널의 마지막 항목에서 horizontalaligneemnt = right로 그리드를 사용하려고 시도했지만 아무런 효과가 없습니다 (로직입니다!)

누구나 저를 도울 수 있습니까?

고마워요 :)

답변

2

스택 패널로는이 작업을 수행 할 수 없습니다. 대신 Grid를 사용해야합니다. 내 XAML whitout 큰 수정을 수정할 수있을 것입니다 경우

+0

확인 "수평"당신이 알고 방향을이 작업을 수행 할 수 있습니까? –

+0

큰 변화가 있어서는 안됩니다 ... 가장 바깥 쪽의 스택 판넬을 그리드 (또는 DockPanel)로 수정하면됩니다. 그리드 열과 행을 추가하면 모두 설정됩니다. 이것에 관한 문서는 충분합니다. – Jeff

+1

너비가 "*"인 Grid에서 마지막 열을 만들고 xaml의 마지막 격자를 해당 행에 설정하십시오. 그런 식으로 그 서브 그리드의 모든 것이 오른쪽으로 올 것입니다 – Jeff

-1

당신은 StackPanel의에 사용하여 =이

관련 문제