【问题标题】:easiest way to center an image in silverlight?在silverlight中居中图像的最简单方法?
【发布时间】:2009-02-26 14:44:23
【问题描述】:

假设我有一个 3 行的网格。在中间行,我想放置一个图像,然后将其垂直和水平地居中。但是由于(我认为)Silverlight 在居中时使用元素的左上角,所以当我告诉它垂直/水平居中时,图像的左上角会居中。

我已经看到了两种方法:

  • 在事件中修改图像位置
  • 将图像的边距设置为非常大的数字 (500)

有没有更简单的方法?似乎有点奇怪,您需要像这两种方法一样做一些hacky。我宁愿只告诉它它的锚在中心,然后告诉它居中。嗯,可能是一个很好的自定义控件。

更新:真正令人讨厌的是,我对页面做了一个小改动以改变图像的居中方式,而 FF3 显示的是旧版本的页面。这让我觉得它不起作用。然后我把它在 IE 中拉出来,它看起来是正确的。我刷新了 FF3 的缓存,它显示了正确的页面。该死的烦人。

【问题讨论】:

    标签: silverlight silverlight-2.0


    【解决方案1】:

    为什么这对你不起作用?

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Image Source="Butterfly.jpg"
               Height="50" Width="50"
               HorizontalAlignment="Center" VerticalAlignment="Center"
               Stretch="UniformToFill"
               Grid.Column="1" Grid.Row="1" />
    </Grid>
    

    【讨论】:

    • 我会试一试,但我很确定这与我已有的 99% 相同。
    • 呃,是的,你是对的。我在 Canvas 中有图像,它根据项目的左上角定位项目。哇!
    猜你喜欢
    • 2023-03-24
    • 1970-01-01
    • 2013-04-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-24
    相关资源
    最近更新 更多