Question

我已经制作了一个圆圈，用于显示我的数据库的连接状态，它运行良好，但我想让它看起来像一个带有玻璃效果的灯泡。

<Canvas Visibility="Visible" x:Name="connection_red" Grid.Column="1">
                    <Ellipse
                      Fill="Red"
                      Height="13"
                      Width="13"
                      Margin="0,7,80,0"
                      StrokeThickness="1"
                      Stroke="White"/>
                </Canvas>

我访问了很多在线教程，但他们使用了太多代码，我不想使用50行代码来实现这种效果。有人知道如何在几行代码中获得效果玻璃灯泡？你可以告诉我的方式吗？

这是实际预览：

Answer 1

你需要单独指定不透明度......

<Ellipse  Fill="#FF0000" Opacity="0.25"
              Height="130"
              Width="130"
              Margin="0,7,80,0"
              StrokeThickness="1"
              Stroke="White" />

...或使用SolidColorBrush ...

<Canvas Visibility="Visible" x:Name="connection_red" Grid.Column="1">
    <Ellipse  Height="130"
              Width="130"
              Margin="0,7,80,0"
              StrokeThickness="1"
              Stroke="White">
        <Ellipse.Fill>
            <SolidColorBrush>
                <SolidColorBrush.Color>
                    <Color A="25" R="255" G="0" B="0" />
                </SolidColorBrush.Color>
            </SolidColorBrush>
        </Ellipse.Fill>
    </Ellipse>

如果你能确切地说明你所追求的效果类型，那将会很好。

Answer 2

<Canvas Visibility="Visible" x:Name="connection_red" Grid.Column="1">
                <Ellipse
                  Fill="#7FFF0000"
                  Height="13"
                  Width="13"
                  Margin="0,7,80,0"
                  StrokeThickness="1"
                  Stroke="White"/>
            </Canvas>

如何在圆上创建玻璃效果？

2 个答案: