グリッドレイアウトの背景画像に奇妙な問題があります。何らかの理由で、ListPickerが画像を完全にカバーしていません。代わりに、不透明度が適用されます...(写真の歯車アイコンを見てください)
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Grid>
<Grid.Background>
<ImageBrush
ImageSource="/BrewingApp;component/Images/icon_gears_big.png"
AlignmentX="Right"
AlignmentY="Bottom"
Stretch="None"
Opacity="0.5" />
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="1*"/>
</Grid.RowDefinitions>
...
<StackPanel
Grid.Row="1"
Margin="0,12,0,0">
<TextBlock Text="More Stuff :-)"></TextBlock>
<Rectangle
Grid.Row="1"
HorizontalAlignment="Stretch"
VerticalAlignment="Top"
Height="1"
Stroke="Red"
StrokeThickness="1" >
</Rectangle>
<toolkit:ListPicker
Header="Hop Formula"
ItemsSource="{Binding HopFormulaList}"
SelectedItem="{Binding HopFormulaSelection, Mode=TwoWay}"
HorizontalAlignment="Stretch" OpacityMask="Blue" />
</StackPanel>
</Grid>
ありがとう!