如何在窗口电话7中按给定值填充矩形的颜色

时间:2014-03-12 09:22:07

标签: c# xaml windows-phone-7 windows-phone

我们可以按给定值填充矩形吗?

   <Rectangle Width="250" Height="50" Fill="White" Stroke="Black" StrokeThickness="4" RadiusX="20" RadiusY="20" />

如果我给出50意味着矩形应该填充50%黄色(剩下的50%应该是白色)。 如果我给出20意味着矩形应该填充20%黄色(剩下的80%应该是白色)。 是否可以在Windows Phone 7中使用?

请让我知道这个想法。请。

我试图从ViewModel中提供值。但我不知道如何为矩形提供50%,20%,75%的颜色。

1 个答案:

答案 0 :(得分:1)

您应该使用具有2行的网格控件(或单元格,具体取决于您想要的方向)。网格允许您使用比例高度和宽度。

行高度属性绑定到ViewModel。

然后在第一个网格行中放置一个具有所需颜色的矩形。

示例代码:

<Grid Background="White">
    <Grid.RowDefinitions>
        <RowDefinition Height="{Binding Height1}"/>
        <RowDefinition Height="{Binding Height2}"/>
    </Grid.RowDefinitions>
    <Rectangle Fill="Yellow" />
</Grid>