?

1 八卦

?

?

<Window x:Class="Transform1.eightWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="eightWindow" Height="600" Width="600"> <Grid> <Button HorizontalAlignment="Center" FontSize="22" Height="72" Margin="0,0,0,0" VerticalAlignment="Top" Width="108" RenderTransformOrigin="0.5,0.5">乾</Button> <Button HorizontalAlignment="Left" FontSize="22" Height="72" Margin="463,40,0,0" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="45"/> </Button.RenderTransform> 巽 </Button> <Button HorizontalAlignment="Left" FontSize="22" Height="72" Margin="68,126,0,0" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="-45"/> </Button.RenderTransform> 兌 </Button> <Button HorizontalAlignment="Center" FontSize="22" Height="72" Margin="352,517,132,-16" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="180"/> </Button.RenderTransform> 坤 </Button> <Button HorizontalAlignment="Left" FontSize="22" Height="72" Margin="129,471,0,0" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="225"/> </Button.RenderTransform> 震 </Button> <Button HorizontalAlignment="Left" FontSize="22" Height="72" Margin="542,407,-58,0" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="135"/> </Button.RenderTransform> 艮</Button> <Button HorizontalAlignment="Left" FontSize="22" Height="72" Margin="1,311,0,0" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="270"/> </Button.RenderTransform> 離 </Button> <Button HorizontalAlignment="Left" FontSize="22" Height="72" Margin="594,197,-110,0" VerticalAlignment="Top" Width="108"> <Button.RenderTransform> <RotateTransform Angle="90"/> </Button.RenderTransform> 坎 </Button> <TextBlock HorizontalAlignment="Left" Height="46" Background="DarkCyan" Foreground="SpringGreen" Margin="26,527,0,0" FontSize="22" TextWrapping="Wrap" VerticalAlignment="Top" Width="530"> " 易有太極，是生兩儀，兩儀生四象，四象生八卦。" </TextBlock> <Grid HorizontalAlignment="Left" Height="239" Margin="194,187,0,0" VerticalAlignment="Top" Width="258"> <Image HorizontalAlignment="Center" Visibility="Visible" Height="122" Margin="33,10,31,108" Source="Resources/太極1.jpg" VerticalAlignment="Center" Stretch="Fill" Width="194"/> </Grid> </Grid> </Window>

?

?

2 Ellipse和三次貝塞爾曲線的應(yīng)用，畫太極圖

?

?

<Window x:Class="bagua1.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="MainWindow" Height="500" Width="500"><Grid><Ellipse Height="300" Width="300" Name="ellipse1" VerticalAlignment="Center" Stroke="Black" StrokeThickness="3" Fill="Cyan"> </Ellipse> <Path Stroke="Black" StrokeThickness="3" Data="M 250,85 C 400,150 100,300 250,380" /><Ellipse Height="30" Width="30" Margin="226,116,226,314" Name="ellipse2" HorizontalAlignment="Center" Fill="Red" RenderTransformOrigin="0.496,0.297"></Ellipse><Ellipse Width="30" Height="30" Name="ellipse3" HorizontalAlignment="Center" Fill="Green" Margin="226,303,226,127" RenderTransformOrigin="0.496,1.017"/></Grid> </Window>

用Ellipse畫圓，用三次貝塞爾曲線畫中間的S曲線；

?

3 太極八卦

把程序2的grid移動(dòng)到程序1的grid中，并設(shè)置2的grid:

<Grid HorizontalAlignment="Center" VerticalAlignment="Center">?

即可；

?

?

?

?

總結(jié)

以上是生活随笔為你收集整理的WPF太极八卦程序的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。