你能在 silverlight 中为 listboxitem 背景设置渐变画笔吗？

Question

我正在寻找一种将渐变画笔设置为列表框项目背景的方法。我定义了一个 DataTemplate 并指定了渐变画笔，但它始终显示为列表框背景（即它从不显示为渐变画笔）。

我已经能够设置列表框本身的背景，并且可以使用“setter”对象将列表框项的背景设置为标准颜色......但这些都不是我所追求的。

我真的希望每个列表项上的背景都是渐变画笔。

下面是我构建的数据模板。

<ListBox Name="MyListBox"  Margin="12,67,12,169">

        <ListBox.ItemTemplate>
        <DataTemplate>
                <Grid Height="51"  VerticalAlignment="Bottom">
                    <Grid.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFC9F4D0"/>
                            <GradientStop Color="#FF2AC12A" Offset="0.333"/>
                            <GradientStop Color="#FF35DE35" Offset="1"/>
                        </LinearGradientBrush>
                    </Grid.Background>
                    <Canvas >
                        <dataInput:Label Width="227" Foreground="Yellow" Canvas.Left="158" Canvas.Top="8" Content="{Binding Place}"/>
                        <dataInput:Label Width="146" Foreground="Yellow" Canvas.Left="8" Canvas.Top="8" Content="{Binding Date}"/>
                        <dataInput:Label Content="{Binding People}" Width="346" FontSize="9.333" Foreground="Black" Canvas.Left="166" Canvas.Top="28"/>
                        <!-- <dataInput:Label Width="45" Content="Accept" Foreground="White" Canvas.Left="8" Canvas.Top="28"/>
                        <dataInput:Label Width="45" Content="Decline" Foreground="White" Canvas.Left="57" Canvas.Top="28"/> -->
                        <dataInput:Label Content="SomeText" Width="101" FontSize="9.333" Foreground="White" Canvas.Left="389" Canvas.Top="10"/>
                        <Image Height="21" Width="21" Canvas.Left="500" Canvas.Top="8" Source="Green Button.png"/>
                    </Canvas>
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

有什么想法吗？

Answer 1

数据模板中发生了什么：

网格的背景被设置为您需要的颜色。然而，在这个网格之上，你的画布正在被绘制。因此线性渐变背景是不可见的。

如何纠正这个问题？

1. 设置 Canvas.Background={Binding}
2. 对于您希望继承 Grid.Background 的画布内的任何控件，请设置该控件的 Background={Binding}

示例代码：

-->

                    <Canvas Background="{Binding}">

                        <TextBox Width="227" Canvas.Left="158" Canvas.Top="8" Foreground="Yellow" Text="{Binding Name}" Background="{Binding}"/>
                        <TextBox Width="146" Canvas.Left="8" Canvas.Top="8" Foreground="Yellow" Text="{Binding Language}" Background="{Binding}"/>

                    </Canvas>
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

希望这有帮助！

Answer 2

您所做的事情是正确的，它不会设置列表框的背景，它仅设置列表框项的背景。我认为你无法弄清楚。

要弄清楚这一点，只需给网格 5 留出边距，然后看看。您所做的事情是正确的，它不会设置列表框的背景，它仅设置列表框项目的背景。我认为你无法弄清楚。

要弄清楚这一点，只需给你的第 5 格网格留出余量，然后看看。