调整控件的宽度和高度以包装其内容

Question

如何将Windows Phone控件的Width / Height设置为包装其内容所需的最小值？ 在Android中，我可以通过以下方式进行操作：

android:layout_width="wrap_content"

谢谢

Answer 1

您可以使用ViewBox。 这将缩放内部内容以适应可用空间。

<ViewBox>
    <Grid Width="Auto" Height="Auto"> 
    <!-- Your content goes here -->
    <Grid/>
<ViewBox/>

Answer 2

控件具有一些可以利用的属性： MinWidth ， MaxWidth ， Width ，一些具有文本内容的控件还具有TextWrapping和TextTrimming 。 通过使用这些功能，您可能会实现所需的功能-一些示例：

<StackPanel Margin="20">
    <StackPanel.Resources>
        <Style TargetType="Border">
            <Setter Property="BorderBrush" Value="Red"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <Setter Property="Margin" Value="0,0,0,10"/>
        </Style>
        <Style TargetType="TextBlock">
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <Setter Property="FontSize" Value="20"/>
            <Setter Property="Text" Value="Simple long description"/>
        </Style>
    </StackPanel.Resources>
    <Border> <!-- Implicit width -->
        <TextBlock Width="150"/>
    </Border>
    <Border> <!-- Implicit width with text wrapping -->
        <TextBlock Width="150" TextWrapping="Wrap"/>
    </Border>
    <Border> <!-- Auto width -->
        <TextBlock Width="Auto"/>
    </Border>
    <Border> <!-- Auto width but with limit -->
        <TextBlock Width="Auto" MaxWidth="180"/>
    </Border>
    <Border> <!-- Short text with min width -->
        <TextBlock Width="Auto" MinWidth="100" Text="Min"/>
    </Border>
    <Button> <!-- Button with wrapped text -->
        <TextBlock Width="120" TextWrapping="Wrap"/>
    </Button>
</StackPanel>

结果：

在某些情况下，您可能还会使用HorizontalAlignment = Stretch ，它将控件的宽度设置为可用空间。

Answer 3

您可以使用相应控件的width="Auto"和height="Auto"属性。

例如

<StackPanel>
    <TextBlock x:Name="textBlock" Width="Auto" Text="Sample Text" />
</StackPanel>