1

我希望在 xaml for windows phone (8) 中将三个圆圈组合成一个圆圈图。基本上我得到了这三个图像：

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

我想把它们结合起来，这样我就可以从它们中创建一个圆形图，如果这有意义的话。

如果可能的话，能够将它创建到控件中会很酷，所以我只需将它添加到页面中，然后应用将告诉每个“圆圈”应该显示多少的值。

<Image Source="/Images/157385.png" Height="200" Margin="0,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="0,0" RadiusX="250" RadiusY="250"/>
     </Image.Clip>
</Image>

但它最终看起来更像这样： 在此处输入图像描述

<Image Source="/Images/157385.png" Height="200" Margin="0,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="0,0" RadiusX="250" RadiusY="250"/>
     </Image.Clip>
</Image>
<Image Source="/Images/157387.png" Height="200" Margin="1,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="100,100" RadiusX="50" RadiusY="100"/>
     </Image.Clip>
</Image>
<Image Source="/Images/157388.png" Height="200" Margin="1,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="50"/>
     </Image.Clip>
</Image>

有什么好的方法吗？^_^ 或任何建议，一切都表示赞赏！

4

2 回答 2

1

裁剪元素是关于重叠（请参阅如何裁剪对象）。因此，在您的示例中，您有一个椭圆与一个椭圆重叠。您不能创建带有两个椭圆的饼图。以下是如何创建饼形楔形的示例。此示例使用椭圆来模仿您的图像。

<Ellipse Fill="Red" Width="100" Height="100">
    <Ellipse.Clip>
        <PathGeometry >
            <PathFigureCollection>
                <PathFigure StartPoint="50,50">
                    <LineSegment Point="0,0"></LineSegment>
                    <LineSegment Point="50,0"></LineSegment>
                </PathFigure>
            </PathFigureCollection>
        </PathGeometry>
    </Ellipse.Clip>
</Ellipse>
于 2013-07-20T05:51:59.930 回答
0

也许任何处理图像的事情的一个很好的起点是检查 WriteableBitmapEx！该库可用于 winphone。

链接在这里...（底部有例子，但是当你用谷歌搜索时，你会发现更多）

于 2013-07-19T07:23:14.527 回答