在 XAML 中，两个堆栈面板重叠在一个网格中

Question

我的 windows phone 上有这个 XAML：

<phone:PanoramaItem Header="{Binding LocalizedResources.balance, Source={StaticResource LocalizedStrings}}">
            <StackPanel Margin="15,0,0,0" >
                <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                    <Grid>
                        <StackPanel x:Name="AccountsInfo" Grid.Column="1">
                        </StackPanel>
                        <StackPanel Grid.Column="2">
                            <local:RateChart x:Name="rateChart" Height="324" Margin="-12,25,0,0" Width="417" />
                        </StackPanel>
                    </Grid>
                </ScrollViewer>
            </StackPanel>
        </phone:PanoramaItem>

在 AccountsInfo Stackpanel 中，我以编程方式添加了 5 个帐户，RateChart 是一个图表。但是，我的费率图表应该在所有账户下方，目前它位于屏幕顶部并覆盖第一个账户。不知道怎么定位。

感谢大家的回答。

Answer 1

在我看来，您只需要这样的东西。我们摆脱了不必要的面板，实际上指定了第二个 StackPanel 需要将其放置在父 Grid 中的位置，同时在其他属性上放弃了一些不必要的值。希望这有帮助。

<phone:PanoramaItem Header="{Binding LocalizedResources.balance, Source={StaticResource LocalizedStrings}}">            
   <ScrollViewer HorizontalScrollBarVisibility="Auto" 
                 VerticalScrollBarVisibility="Auto">
      <Grid>
         <Grid.RowDefinitions>
            <RowDefinition Height="Auto">
            <RowDefinition Height="Auto">
         </Grid.RowDefinitions>
         <StackPanel x:Name="AccountsInfo">
         </StackPanel>
         <StackPanel Grid.Row="1">
            <local:RateChart x:Name="rateChart" 
                             Width="417"
                             Margin="0,25,0,0" />
         </StackPanel>
      </Grid>
   </ScrollViewer>
</phone:PanoramaItem>

在 XAML 中，两个堆栈面板重叠在一个网格中

In XAML two stackpanels overlay in a grid

.net

c#

xaml

windows-phone-7

windows-phone-8