垂直對齊PathListBox的內容

我有一個包含來自Blend SDK的PathListBox的控件（請參閱下面的XAML）。裏面的項目是相同的寬度和各種高度。目前，物品的中點沿着圓弧的路徑（見圖片），即，它們明顯垂直佈置在「中心」。不過，我希望項目'頂部'垂直對齊，所以他們的頂部沿着弧線的路徑。我怎樣才能做到這一點？垂直對齊PathListBox的內容

enter image description here

<Grid x:Name="LayoutRoot"> 
    <ec:PathListBox Margin="160,290,-30,-250"> 
     <ec:PathListBox.LayoutPaths> 
      <ec:LayoutPath SourceElement="{Binding ElementName=arc}" 
       Padding="-25" FillBehavior="NoOverlap" 
       Distribution="Even" Span="0.5"/> 
     </ec:PathListBox.LayoutPaths> 
     <Rectangle Fill="#FFF4F4F5" Height="103" Width="100"/> 
     <Rectangle Fill="#FFF4F4F5" Height="120" Width="100"/> 
     <Rectangle Fill="#FFF4F4F5" Height="140" Width="100"/> 
     <Rectangle Fill="#FFF4F4F5" Height="265" Width="100"/> 
     <Rectangle Fill="#FFF4F4F5" Height="100" Width="100"/> 
     <Rectangle Fill="#FFF4F4F5" Height="265" Width="100"/> 
    </ec:PathListBox> 
    <ed:Arc x:Name="arc" 
     ArcThickness="10" ArcThicknessUnit="Pixel" Margin="160,290,-30,-250" 
     Stretch="None" Stroke="Transparent" StartAngle="-7" 
     RenderTransformOrigin="0.5,0.5" StrokeThickness="3" 
     Opacity="0.155" Fill="LightGray"> 
     <ed:Arc.RenderTransform> 
      <TransformGroup> 
       <ScaleTransform ScaleY="1" ScaleX="-1"/> 
       <SkewTransform AngleY="-17" AngleX="-16"/> 
       <RotateTransform Angle="0"/> 
       <TranslateTransform/> 
      </TransformGroup> 
     </ed:Arc.RenderTransform> 
    </ed:Arc> 
</Grid>

來源

2011-12-17 user256890

請更新年的問題，以包括該控件是Blend SDK的一部分（按照http://www.microsoft.com/design/toolbox/tutorials/pathlistbox/），額外的標籤也會增加回答者的機會爲你的問題。 – 2011-12-17 12:21:59

只需更改頁邊距rects的：

... 
<Rectangle Fill="Green" Height="103" Width="100" Margin="0,130,0,0"/> 
<Rectangle Fill="Green" Height="120" Width="100" Margin="0,120,0,0"/> 
<Rectangle Fill="Green" Height="140" Width="100" Margin="0,140,0,0"/> 
<Rectangle Fill="Green" Height="265" Width="100" Margin="0,265,0,0"/> 
<Rectangle Fill="Green" Height="100" Width="100" Margin="0,100,0,0"/> 
<Rectangle Fill="Green" Height="265" Width="100" Margin="0,265,0,0"/> 
...

我想它自己的Blend4後和它的作品。

來源

2011-12-17 12:24:58

你使用的是什麼版本的Blend？ – 2011-12-17 19:58:29

這是一個不錯的竅門，我會看看。實際上，這些項目是動態生成的複雜UI元素，其高度與內容相關。我只是用矩形簡化了這個問題。但是，如果我的工作讓我把數據綁定到高度。 – user256890

應該沒有什麼區別，你可以使用一個轉換器作爲Thickness是不可變的。 – 2011-12-19 20:08:12

垂直對齊PathListBox的內容

回答

相關問題