代码之家  ›  专栏  ›  技术社区  ›  Mike Cialowicz

在XAML Silverlight中将背景色应用于整个网格行

  •  23
  • Mike Cialowicz  · 技术社区  · 14 年前

    我正在尝试对我创建的XAML Silverlight网格中的一行应用渐变背景。

    我可以毫无困难地做这样的事情:

    <Grid>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Black" Offset="0" />
                <GradientStop Color="White" Offset="1" />
            </LinearGradientBrush>
        </Grid.Background>
    
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
    
        <!-- components and various stuffs -->
    </Grid>
    

    不幸的是,这将渐变应用于整个网格。

    似乎我不能对网格中的单个行定义应用渐变(甚至颜色)。有可能吗?

    谢谢!

    2 回复  |  直到 10 年前
        1
  •  47
  •   Donut    11 年前

    Border Grid.Row Grid.ColumnSpan Grid

    <Grid>
       <Grid.ColumnDefinitions>
           <ColumnDefinition/>
           <ColumnDefinition/>
       </Grid.ColumnDefinitions>
       <Grid.RowDefinitions>
           <RowDefinition/>
           <RowDefinition/>
       </Grid.RowDefinitions>
    
       <Border Grid.Row="1" Grid.ColumnSpan="2">
          <Border.Background>
             <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Black" Offset="0" />
                <GradientStop Color="White" Offset="1" />
             </LinearGradientBrush>
          </Border.Background>
       </Border>
    
       <!-- other controls in the grid -->
    </Grid>
    
        2
  •  0
  •   Nevroz Gözler    10 年前

    <Border.Background>
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Green" Offset="0.366" />
                    <GradientStop Color="Red" Offset="0.366" />
                </LinearGradientBrush>
    </Border.Background>

    <Border.Background>
       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
         <GradientStop Color="Green" Offset="0.3" />
         <GradientStop Color="Red" Offset="0.3" />
         <GradientStop Color="Red" Offset="0.7" />
        <GradientStop Color="Yellow" Offset="0.7" />
        <GradientStop Color="Yellow" Offset="0.9" />
        <GradientStop Color="Blue" Offset="0.9" />
      </LinearGradientBrush>
    </Border.Background>