避免固定大小的值在XAML網格/ StackPanel中在窗口電話8

Question

我附上一個圖像

我想創建MyTask（文本）之間的間隙和設置圖像圖標。我可以使用保證金屬性來實現它。但是當我的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

檢查此sample。

這是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>