容器自动调整为固定大小的元素

时间:2016-12-23 11:46:43

标签: c# xaml uwp win-universal-app uwp-xaml

我有一个具有固定大小元素的RelativePanel(在本例中为TextBlock)。此RelativePanel还有两个Image元素,没有明确设置Height / Width,但设置为stretch。我想要的是RelativePanel(或其他一些容器)调整其大小以容纳TextBlock,然后使用Images缩放来填充剩下的空间。

RelativePanel水平排列,就像(通用示例):

<RelativePanel Height="80">
    <Image Source="..."/>
    <TextBlock Text="..."/>
    <Image Source="..."/>
</RelativePanel>

实现这一目标的好方法是什么?

修改:Image of what I want

1 个答案:

答案 0 :(得分:0)

图像控件具有Stretch =&#34; UniformToFill&#34;将在可用空间中显示图像的属性。

你可以试试这个

吗?
<RelativePanel x:Name="mainPanel" Height="80">
    <Image x:Name="Img1" Source="..." Stretch="UniformToFill"/>
    <TextBlock x:Name="TxtBlock1" Text="..."/ RelativePanel.AlignLeftWith="Img1" Width=150>
    <Image x:Name="Img2" Source="..." Stretch="UniformToFill" RelativePanel.AlignLeftWith="TxtBlock1"/></RelativePanel>