XAML将文本对齐到不同的堆栈面板中

时间:2014-04-01 09:47:54

标签: c# xaml windows-store-apps

我不确定我想要的是否可能,但我们走了。我有多个堆叠面板,其中有多行,如下面的代码所示:

        <StackPanel Orientation="Vertical" Margin="700,75,0,0">
            <Border>
                <TextBlock OpticalMarginAlignment="None">
                    <Run FontSize="24" Text="Product"></Run><LineBreak/>
                    <Run FontSize="18" Text="Artikelnummer: "></Run><Run FontSize="18" Text="{Binding ItemNo}"></Run><LineBreak/>
                    <Run FontSize="18" Text="Omschrijving: "></Run><Run FontSize="18" Text="{Binding Description}"></Run>
                </TextBlock>
            </Border>
        </StackPanel>

        <StackPanel Orientation="Vertical" Margin="700,175,0,0">
            <Border>
                <TextBlock OpticalMarginAlignment="None">
                    <Run FontSize="24" Text="Prijzen"></Run><LineBreak/>
                    <Run FontSize="18" Text="Inkoop prijs: "></Run><Run FontSize="18" Text="{Binding PurchasePrice}"></Run><LineBreak/>
                    <Run FontSize="18" Text="Prijs excl BTW: "></Run><Run FontSize="18" Text="{Binding UnitPriceExclVAT}"></Run><LineBreak/>
                    <Run FontSize="18" Text="Marge: "></Run><Run FontSize="18" Text="{Binding Margin}"></Run>
                </TextBlock>
            </Border>
        </StackPanel>

        <StackPanel Orientation="Vertical" Margin="700,300,0,0">
            <Border>
                <TextBlock OpticalMarginAlignment="None">
                    <Run FontSize="24" Text="Extra informatie"></Run><LineBreak/>
                    <Run FontSize="18" Text="Eenheid: "></Run><Run FontSize="18" Text="{Binding UnitOfMeasure}"></Run><LineBreak/>
                    <Run FontSize="18" Text="Actuele voorraad: "></Run><Run FontSize="18" Text="{Binding ActualStock}"></Run><LineBreak/>
                    <Run FontSize="18" Text="Levertijd: "></Run><Run FontSize="18" Text="levertijd"></Run>
                </TextBlock>
            </Border>
        </StackPanel>

正如你所看到的,我把两个文本放在一起。现在我想将第一个以{Bindin&#34;}开头的文本全部放在彼此之下(我希望你理解我想要的东西)现在它显示如下:

标题面板1。 Text1:绑定文本 longerText1:绑定文本 evenLongerText1:绑定文本

标题面板2。 Text2:绑定文本 longText2:绑定文本 evenLongerText2:绑定文本

但我想要这个:

标题面板1。 Text1:&#39;绑定文字&#39; longText1:&#39;绑定文本&#39; evenLongerText1:&#39;绑定文本&#39;

标题面板2。 Text2:&#39;绑定文字&#39; longText2:&#39;绑定文本&#39; evenLongerText2:&#39;绑定文本&#39;

任何想法如何在不添加空格的情况下完成我的目标(因为它不会很好地对齐)? 提前致谢!  编辑:哦,我发现它并不关心我的进入和空白区域。让我解决这个问题。 编辑2:我无法修复它。并且无法上传图片(没有10个代表) 基本上我希望每个{绑定文本}能够很好地结合。

0 个答案:

没有答案