Xaml 当网格';为WP8设置了s不透明度

Xaml 当网格';为WP8设置了s不透明度,xaml,windows-phone-8,Xaml,Windows Phone 8,过去我曾发布过一个类似的问题,但从未完全解决过,所以我再次来到这里 在我的布局网格中,我有一个占据整个区域的图像,但我也显示另一个垂直与底部对齐的网格,其背景色设置和不透明度设置为.5 这部分很好用 现在,我想在网格中显示另一个网格,它将包含另一个图像(一个徽标)和一个包含描述的文本块 我的问题是图像和文本块都变暗了。虽然我对徽标变暗没有问题,但我确实想让我的描述完全不透明,但似乎无法做到这一点 有没有办法做到这一点?注意,我正在尝试为WP8构建一个自定义磁贴 代码如下: <Grid x:

过去我曾发布过一个类似的问题,但从未完全解决过,所以我再次来到这里

在我的布局网格中,我有一个占据整个区域的图像,但我也显示另一个垂直与底部对齐的网格,其背景色设置和不透明度设置为.5

这部分很好用

现在,我想在网格中显示另一个网格,它将包含另一个图像(一个徽标)和一个包含描述的文本块

我的问题是图像和文本块都变暗了。虽然我对徽标变暗没有问题,但我确实想让我的描述完全不透明,但似乎无法做到这一点

有没有办法做到这一点?注意,我正在尝试为WP8构建一个自定义磁贴

代码如下:

<Grid x:Name="LayoutRoot" Background="{StaticResource PhoneChromeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Image Stretch="UniformToFill"  Source="/Assets/0.jpeg" ></Image>
    <Grid Background="#0F558E" Opacity="0.5" Visibility="Visible" Height="100" VerticalAlignment="Bottom">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Image Source="/Assets/Tiles/FlipCycleTileSmall.png" Width="100" Height="100" Grid.Column="0" Opacity="1" ></Image>
        <TextBlock Foreground="White" FontSize="30" Text="This is a simple description of the article" TextWrapping="Wrap" Margin="10,0,30,0" Grid.Column="1" Opacity="1" />
    </Grid>
</Grid>


谢谢。

正如您所发现的,该网格的所有子网格都将具有0.5的不透明度,并且子网格上的任何不透明度设置都将与此相关

你能在第二个网格上覆盖第三个网格吗?第三个网格大小相同,包含图像和文本?目前我面前没有任何东西可以测试这一点,但类似于:

<Grid x:Name="LayoutRoot" Background="{StaticResource PhoneChromeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Image Stretch="UniformToFill"  Source="/Assets/0.jpeg" ></Image>
    <Grid Background="#0F558E" Opacity="0.5" Visibility="Visible" Height="100" VerticalAlignment="Bottom">
    </Grid>
    <Grid Visibility="Visible" Height="100" VerticalAlignment="Bottom">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Image Source="/Assets/Tiles/FlipCycleTileSmall.png" Width="100" Height="100" Grid.Column="0" Opacity="1" ></Image>
        <TextBlock Foreground="White" FontSize="30" Text="This is a simple description of the article" TextWrapping="Wrap" Margin="10,0,30,0" Grid.Column="1" Opacity="1" />
    </Grid>
</Grid>


完美。这正是我想要的。我刚刚将徽标图像(目前)移动到网格中,使其不透明度降低。再次感谢!需要注意的一点是,最好使用
矩形
代替
网格
,因为前者的控件要轻得多。@Xin您能稍微扩展一下吗?仍然存在问题,该半透明背景未被渲染。也许一个长方形就可以了,我将发布另一个问题。谢谢