c# - 避免在 windows phone 8 中的 xaml 中的 grid/stackpanel 中的固定大小值

Question

我附上一张图片

我想在 MyTask(text) 和设置图像图标之间创建间隙。我可以使用 margin 属性来实现它。但是当我的 Windows 手机方向改变时，它看起来很糟糕。有没有一种方法可以让我的设置图像始终贴在右侧而文字在左侧。如何通过避免固定值来创建文本和图像之间的差距。这是我的代码。

 <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="auto"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Image Grid.Column="0" Height="35" Source="/Assets/Icons/MyTasks.png"></Image>
                <TextBlock Grid.Column="1" Margin="10,0,0,0" Text="MY TASKS"></TextBlock>                    
                <Image Margin="200,0,0,0" Grid.Column="3" Height="40" Source="/Assets/Icons/Settings.png"></Image>
            </Grid>

Answer 1

检查这个样本。

这是 Pivot 模板的摘录。第一列和第三列定义必须是：Width="Auto".

<Grid>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>

    <Image
        Height="35"
        HorizontalAlignment="Left"
        Margin="12,0,0,0"
        VerticalAlignment="Bottom"
        Source="/Assets/Icons/MyTasks.png" />

    <ContentControl
        ContentTemplate="{TemplateBinding TitleTemplate}"
        Content="{TemplateBinding Title}" 
        Grid.Column="1"
        HorizontalAlignment="Left"
        Margin="0,0,0,-7"
        VerticalAlignment="Center"
        Style="{StaticResource PivotTitleStyle}"/>

    <Image
        Grid.Column="2"
        Height="35"
        HorizontalAlignment="Right"
        VerticalAlignment="Bottom"
        Source="/Assets/Icons/Settings.png" />

</Grid>