微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

WPF,SilverLight中直线的样式示例

XAML代码:
// Linestyle.xaml
<ViewBox Width="600" Height="500"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Canvas Width="600" Height="500">
        <Canvas.Resources>
            <DrawingBrush x:Key="MyGridBrushResource1" Viewport="0,100,100" ViewportUnits="Absolute" TileMode="Tile">
                <DrawingBrush.Drawing>
                    <DrawingGroup>
                        <DrawingGroup.Children>
                            <!--横线-->
                            <GeometryDrawing Geometry="M0,1 L10,1 M0,2 L10,2 M0,3 L10,3 M0,4 L10,4 M0,5 L10,5 M0,6 L10,6 M0,7 L10,7 M0,8 L10,8 M0,9 L10,9">
                                <GeometryDrawing.Pen>
                                    <Pen Thickness="0.1" Brush="#CCCCFF" />
                                </GeometryDrawing.Pen>
                            </GeometryDrawing>
                            <!--竖线-->
                            <GeometryDrawing Geometry="M1,0 L1,10 M2,0 L2,10 M3,0 L3,10 M4,0 L4,10 M5,0 L5,10 M6,0 L6,10 M7,0 L7,10 M8,0 L8,10 M9,0 L9,10">
                                <GeometryDrawing.Pen>
                                    <Pen Thickness="0.1" Brush="#CCCCFF" />
                                </GeometryDrawing.Pen>
                            </GeometryDrawing>
                            <!-- 这里是横线 -->
                            <GeometryDrawing Geometry="M0,0 L10,0">
                                <GeometryDrawing.Pen>
                                    <Pen Thickness="0.1" Brush="DarkOrange" />
                                </GeometryDrawing.Pen>
                            </GeometryDrawing>
                            <!-- 这里是竖线 -->
                            <GeometryDrawing Geometry="M0,0 L0,10">
                                <GeometryDrawing.Pen>
                                    <Pen Thickness="0.1" Brush="DarkOrange" />
                                </GeometryDrawing.Pen>
                            </GeometryDrawing>
                        </DrawingGroup.Children>
                    </DrawingGroup>
                </DrawingBrush.Drawing>
            </DrawingBrush>

            <!-- 这里是外框线 -->
            <Style x:Key="MyGridBorderStyle">
                <Setter Property="Border.Background" Value="{StaticResource MyGridBrushResource1}"/>
                <Setter Property="Border.HorizontalAlignment" Value="Center"/>
                <Setter Property="Border.VerticalAlignment" Value="Top"/>
                <Setter Property="Border.BorderBrush" Value="Black"/>
                <Setter Property="Border.BorderThickness" Value="1"/>
            </Style>
        </Canvas.Resources>

        <Border Style="{StaticResource MyGridBorderStyle}">
            <Canvas Width="630" Height="400">
                <Line stroke="Black" X1="0" Y1="20" X2="400" Y2="20" strokeDashArray="1,1" strokeThickness="30"/>
                <Line stroke="Black" X1="0" Y1="60" X2="400" Y2="60" strokeDashArray="1,1,2" strokeThickness="30" />
                <Line stroke="Black" X1="0" Y1="100" X2="400" Y2="100" strokeDashArray="1,2,2"
   strokeThickness="30"  strokeDashCap="Round" strokeStartLineCap="Round"  strokeEndLineCap="Round" />
                <Line stroke="Black" X1="0" Y1="140" X2="400" Y2="140" strokeDashArray="1,2" strokeThickness="30"
   strokeStartLineCap="Round"  strokeEndLineCap="Round" />

                <Line stroke="Black" X1="0" Y1="180" X2="400" Y2="180" strokeDashArray="0,1"
   strokeThickness="30" strokeDashCap="Round" strokeStartLineCap="Round"  strokeEndLineCap="Round" />

                <Line stroke="Black" X1="0" Y1="220" X2="400" Y2="220" strokeDashArray="0,2" strokeThickness="30"
   strokeDashCap="Round" strokeStartLineCap="Round"  strokeEndLineCap="Round" />

                <Line stroke="Black" X1="0" Y1="260" X2="400" Y2="260" strokeDashArray="0,2" strokeThickness="30"
   strokeDashCap="Round" strokeStartLineCap="Round"  strokeEndLineCap="Round" />

                <Line stroke="Black" X1="0" Y1="300" X2="400" Y2="300" strokeDashArray="0,1" strokeThickness="30"
   strokeDashCap="Round" strokeStartLineCap="Round"  strokeEndLineCap="Round" />

                <Line stroke="Black" X1="0" Y1="340" X2="400" Y2="340" strokeDashArray="0,0" strokeThickness="30"
   strokeDashCap="Round" strokeStartLineCap="Round"  strokeEndLineCap="Round" />

            </Canvas>
        </Border>
    </Canvas>
</ViewBox>

运行效果:

WPF,SilverLight中直线的样式

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐