需要格式化bing map自定义信息框

Question

我的Windows Phone 7应用程序中有一个bingmap。 Bing地图有很多图钉和信息框。现在信息框不适合观看。

信息框XAML代码如下

 <my:MapLayer>
                        <Grid x:Name="Infobox" Visibility="Collapsed" Margin="0,-115,-15,0">
                            <Border Width="300" Height="210" Background="Black" Opacity="0.7" BorderBrush="White" BorderThickness="2" CornerRadius="5"/>
                            <StackPanel Height="200" >
                                <Button Name="btnClose" Content="X" FontSize="17" Click="btnClose_click" HorizontalAlignment="Right" VerticalAlignment="Top" Background="Transparent" Foreground="White" BorderThickness="0" />
                                <Grid Height="180" Margin="5">
                                    <Image Source="{Binding PropertyImage}" HorizontalAlignment="Left" Width="60" Height="80"></Image>
                                    <TextBlock Text="{Binding Description}" FontSize="20" Width="220" TextWrapping="Wrap" Height="Auto" HorizontalAlignment="Right" Padding="5" />
                                </Grid>
                            </StackPanel>
                        </Grid>
                    </my:MapLayer>

现在输出看起来像这个

我需要调整信息框的高度并对齐图像。 任何人都可以帮助我吗？

Answer 1

您希望拥有哪种对齐方式？也许附上一个简单的线框？使图像对齐到顶部，

<Image Source="{Binding PropertyImage}" VerticalAlignment="Top" HorizontalAlignment="Left" Width="60" Height="80"></Image>

要设置文本框到固定高度的高度，只需将高度从auto更改为您想要的任何值，例如100

要设置网格高度（信息框），请再次将高度属性指定给网格

<Grid Height="100" x:Name="Infobox" Visibility="Collapsed" Margin="0,-115,-15,0">