0

私のプロジェクト要件は、グリッド背景の画像のようで、上部と下部に黒色のグラデーションを適用したいと考えています。どうすればそれを達成できるか教えてください。

以下のように私のXAML：

<Grid Grid.Row="0" HorizontalAlignment="Stretch" Height="190" VerticalAlignment="Stretch" ShowGridLines="False" Margin="0,2,0,0">
     <Grid.Background>
             <ImageBrush Stretch="UniformToFill" Opacity="0.6">
                   <ImageBrush.ImageSource>
                         <BitmapImage CreateOptions="BackgroundCreation" UriSource="{Binding Banner}"></BitmapImage>
                    </ImageBrush.ImageSource>
              </ImageBrush>
     </Grid.Background>
     .....
</Grid
4

2 に答える 2

0 
<Grid.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0"/>
            <GradientStop Color="Gray" Offset="1"/>
        </LinearGradientBrush>
    </Grid.Background>

色の値を希望どおりに変更します。それでうまくいくはずです。

于 2012-12-17T04:55:12.743 に答える
0

このグリッド内に別のグリッドを作成します。この新しいグリッドで、3つの行を作成します。最初と最後の行には、グラデーションのある長方形が必要です。このようなもの：

<Grid Grid.Row="0" HorizontalAlignment="Stretch" Height="190" VerticalAlignment="Stretch" ShowGridLines="False" Margin="0,2,0,0">
     <Grid.Background>
         <ImageBrush Stretch="UniformToFill" Opacity="0.6">
               <ImageBrush.ImageSource>
                     <BitmapImage CreateOptions="BackgroundCreation" UriSource="{Binding Banner}"></BitmapImage>
                </ImageBrush.ImageSource>
          </ImageBrush>
      </Grid.Background>
      <Grid Grid.ColumnSpan="..." Grid.RowSpan="...">
           <Grid.RowDefinitions>
                <RowDefinition Height="25"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="25"/>
           </Grid.RowDefinitions>
           <Rectangle Grid.Row="0">
                <Rectangle.Fill>
                     ...
                </Rectangle.Fill>
           </Rectangle>
           <Rectangle Grid.Row="2">
                <Rectangle.Fill>
                     ...
                </Rectangle.Fill>
           </Rectangle>
      </Grid>
</Grid
于 2012-12-17T09:02:09.060 に答える