Silverlight 堆叠面板至网格

如何将stackpanel转换为网格

            <DataTemplate >
              <Grid Margin="0,5">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="Auto"/>
                  <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Image delay:LowProfileImageLoader.UriSource="{Binding image_uri}" Width="50" Height="50" VerticalAlignment="Top" Stretch="None" />
                <StackPanel  Grid.Column="1" >
                  <Line  Stroke="#4284B0" StrokeDashArray="4 2" X2="380"/>
                  <TextBlock  Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap" Margin="{StaticResource PhoneHorizontalMargin}" MinHeight="20" Text="{Binding author_name}">
                <TextBlock.Foreground>
                    <SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
                </TextBlock.Foreground>
                  </TextBlock>
                  <TextBlock Text="{Binding text}"  Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap" Margin="{StaticResource PhoneHorizontalMargin}" MinHeight="40" MaxHeight="180"/>
                  <TextBlock Text="{Binding Date_Time}" Style="{StaticResource PhoneTextSmallStyle}" Margin="{StaticResource PhoneHorizontalMargin}" Height="20" HorizontalAlignment="Left" Width="133"/>
                  <TextBlock Text="{Binding likes_count}" Style="{StaticResource PhoneTextSmallStyle}" Margin="181,-20,0,0" Height="20" Width="77" HorizontalAlignment="Left"/>
                  <TextBlock Text="{Binding comm_count}" Style="{StaticResource PhoneTextSmallStyle}" Margin="289,-20,0,0" Height="20" Width="77" HorizontalAlignment="Left"/>
                  <Image Height="21" Margin="154,-19,0,0" Source="/Images/like.png" HorizontalAlignment="Left" Width="20"/>
                  <Image Source="/Images/ico_comments.png" Stretch="Fill" HorizontalAlignment="Left" Width="21" Margin="264,-19,0,0" />
                </StackPanel>
              </Grid>
            </DataTemplate>

我不知道怎么做。我试过：

<Grid  Grid.RowSpan="5" Margin="5,0,0,0" VerticalAlignment="Top" Width="380" >
                          <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                          </Grid.RowDefinitions>
                          <Line Grid.RowSpan="0" 

考虑到您正在使用TextWrapping，而且似乎需要动态高度，使用网格与使用stackpanel没有多大区别

如果你不知道如何使用网格，我会推荐你，也许

这里不是发布代码的好地方，希望人们能为您转换代码
 考虑到您正在使用TextWrapping，而且似乎需要动态高度，使用网格与使用stackpanel没有多大区别

如果你不知道如何使用网格，我会推荐你，也许

这里不是发布代码的好地方，希望人们能为您转换代码
 我假设您希望
StackPanel
中的所有内容现在都位于
网格中

<Grid Grid.Column="1">
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <!--Add as many row definitions as you need-->
  </Grid.RowDefinitions>

  <Line Grid.Row="0" />
  <TextBlock Grid.Row="1" />

  <!-- The rest of your TextBlocks, Images etc. add a row number for each-->

</Grid>

我假设您希望
堆栈面板中的所有内容现在都位于
网格中

<Grid Grid.Column="1">
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <!--Add as many row definitions as you need-->
  </Grid.RowDefinitions>

  <Line Grid.Row="0" />
  <TextBlock Grid.Row="1" />

  <!-- The rest of your TextBlocks, Images etc. add a row number for each-->

</Grid>




用网格替换StackPanel很可能不会提高性能。用网格替换StackPanel很可能不会提高性能。