1

我试图在 Expression Blend 4 中“绘制”一个简单的圆柱体路径,但我似乎无法完全正确。

(1) 我从加二Ellipses加一开始Rectangle

<Grid Background="Transparent">
    <Ellipse Fill="Transparent" Height="13.25" Margin="352,0,352,227" Stroke="Black" VerticalAlignment="Bottom"/>
    <Rectangle Fill="Transparent" Margin="352,216,352,233" Stroke="Black"/>
    <Ellipse Fill="Transparent" Height="13.25" Margin="352,209.625,352,0" Stroke="Black" VerticalAlignment="Top"/>
</Grid>

在此处输入图像描述

(2) 接下来,我选择了底部EllipseRectangle,并执行了Combine -> Unite

<Grid Background="Transparent">
    <Path Data="M0.5,0.5 L47.5,0.5 47.5,47.375 47.5,47.5 47.493931,47.5 47.492325,47.533089 C47.170608,50.84277 36.775898,53.5 24,53.5 11.2241,53.5 0.82939076,50.84277 0.50767487,47.533089 L0.50606853,47.5 0.5,47.5 0.5,47.375 z" Fill="Transparent" Margin="352,216,352,227" Stretch="Fill" Stroke="Black"/>
    <Ellipse Fill="Transparent" Height="13.25" Margin="352,209.625,352,0" Stroke="Black" VerticalAlignment="Top"/>
</Grid>

在此处输入图像描述

(3) 接下来,我选择顶部EllipsePath步骤 2 的结果,然后执行Path -> Make Compound Path. 然后使用直接选择工具,我删除了顶部的线切割Ellipse。在我尝试将 aFill="Green"应用于Path.

<Grid Background="Transparent">
    <Path Fill="Green" Data="M47.5,6.875 L47.5,53.75 47.5,53.875 47.493931,53.875 47.492325,53.908089 C47.170608,57.21777 36.775898,59.875 24,59.875 11.2241,59.875 0.82939076,57.21777 0.50767487,53.908089 L0.50606853,53.875 0.5,53.875 0.5,53.75 0.5,6.875 M47.5,6.625 C47.5,10.007744 36.978692,12.75 24,12.75 11.021308,12.75 0.5,10.007744 0.5,6.625 0.5,3.2422559 11.021308,0.5 24,0.5 36.978692,0.5 47.5,3.2422559 47.5,6.625 z" Margin="352,209.625,352,227" Stretch="Fill" Stroke="Black"/>
</Grid>

在此处输入图像描述

我尝试了各种操作,但我一生都无法弄清楚如何获得一个 Path可以将 aFill应用于整个事物的圆柱体。

4

2 回答 2

3

不知道如何在 Blend 中做到这一点,但该图形可以由上椭圆(两半)的两条弧线组成,一条线向下,一条弧线用于下半部椭圆,一条线向上和最后一条弧线对于上椭圆的一半:

<Path Stroke="Black" Fill="LightGreen" Stretch="Fill" Data="
    M0,0
    A50,10 0 0 0 100,0
    A50,10 0 0 0 0,0 
    M100,00 L100,100
    A50,10 0 0 1 0,100
    L0,0
    A50,10 0 0 0 100,0" />
于 2014-02-18T17:25:58.323 回答
0

有没有办法让它倾斜?我正在尝试改变它以使其具有近乎等距的外观,但无法完全弄清楚。要走的路是让圈子转移吗?所以边是 10 和 4 或类似的(如在时钟上)?

一直在努力,但我要么在左下角得到重叠,要么在圆圈外得到一些像素。

圆圈与线相交的地方没有完全对齐,我不能把它移到一边,否则线会与圆圈相交。

<Path Stroke="Black" Fill="AliceBlue" Data="
              M 0 0
              A 45,40 0 0 0 100,0 
              A 45,40 0 0 0 0,0 
              L 15,-100
              A 45,40 0 0 1 115,-100
              L 100,0
              A 45,40 0 0 0 0,0
              "/>

编辑:我现在或多或少地进行了一些小的调整,它应该在那里,诀窍是在添加线条之前旋转圆圈。

改良版

            <Path Stroke="Black" Fill="AliceBlue" Data="
              M 0 0
              A 45,40 0 0 0 100,45 
              A 45,40 0 0 0 0,0 
              L 60,-100
              A 45,40 0 0 1 160,-60
              L 100,45
               A 45,40 0 0 0 0,0
              "/>
于 2017-08-21T13:23:37.507 回答