WPF非常精美界面 WPF漂亮首页界面 WPF精美首页可以直接使用在项目当中 集成LiveCharts 快速学习布局的实战例子 全开源代码 WPF入门布局的完美Demo 经典WPF快速入门漂亮布局教程

最新推荐文章于 2024-06-16 22:42:40 发布
最新推荐文章于 2024-06-16 22:42:40 发布
阅读量735 收藏 10
点赞数 13
分类专栏： WPF 文章标签： WPF精美界面 WPF漂亮首页 WPF如何制作悬浮窗口 WPF布局从入门到精通 WPF颜色配色经典教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weijia3624/article/details/135320111
版权

WPF非常精美界面 WPF漂亮首页界面 WPF精美首页可以直接使用在项目当中 集成LiveCharts 快速学习布局的实战例子 全开源代码 WPF入门布局的完美Demo 经典WPF快速入门漂亮布局教程

 

<Window x:Class="Sample5.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Sample5"
        mc:Ignorable="d"
        xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        WindowStartupLocation="CenterScreen"
        Title="MainWindow" Height="750" Width="1050">

    <Window.Resources>
        <Style x:Key="defaultRadioStyle" TargetType="RadioButton">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RadioButton">
                        <Grid>
                            <Border x:Name="border" CornerRadius="7" Margin="-5"/>
                            <ContentPresenter x:Name="contentPresenter"  Focusable="False" 
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" 
                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="Background" Value="#46CBD9" TargetName="border"/>
                            </Trigger>

                            <Trigger Property="IsChecked" Value="False">
                                <Setter Property="Background" Value="Transparent"/>
                            </Trigger>

                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>

        </Style>
    </Window.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="1.9*"/>
            <RowDefinition/>
            <RowDefinition Height="1.2*"/>
        </Grid.RowDefinitions>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <!--这两个broder是背景-->
            <Border Background="#12BDCF" Grid.Row="0"/>
            <Border Background="#F9F9FC" Grid.Row="1"/>

            <Grid Grid.Row="0" Grid.RowSpan="2"  Margin="50 0 50 0" VerticalAlignment="Center">
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="40"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <StackPanel  VerticalAlignment="Top" Orientation="Horizontal" Margin="10 0 0 0">
                    <Image Source="./microsoft.png" Width="30" Height="30" VerticalAlignment="Top"/>
                    <TextBlock Text="Microsoft" Margin="10 0 0 0" Foreground="White" FontSize="25"  FontWeight="Bold" />
                </StackPanel>

                <StackPanel VerticalAlignment="Top"  HorizontalAlignment="Right" Margin="0 0 10 0" Orientation="Horizontal">
                    <TextBlock Text="❤" FontSize="15" Foreground="White" VerticalAlignment="Center"/>
                    <Image Source="logo.jpg" Width="30" Height="30" Margin="20 0 10 0" VerticalAlignment="Center">
                        <Image.Clip>
                            <EllipseGeometry RadiusX="15" RadiusY="15" Center="15,15"/>
                        </Image.Clip>
                    </Image>
                    <TextBlock Text="Surface Laptop" Foreground="White" FontSize="15" VerticalAlignment="Center"/>
                </StackPanel>

                <StackPanel Grid.Row="1" Orientation="Horizontal"  VerticalAlignment="Center" >
                    <RadioButton Style="{StaticResource defaultRadioStyle}" Content="Office" IsChecked="True" Margin="15 0 0 0"/>
                    <RadioButton Style="{StaticResource defaultRadioStyle}" Content="Windows" Margin="30 0 0 0"/>
                    <RadioButton Style="{StaticResource defaultRadioStyle}" Content="Microsoft 365" Margin="30 0 0 0"/>
                    <RadioButton Style="{StaticResource defaultRadioStyle}" Content="Surface" Margin="30 0 0 0"/>
                    <RadioButton Style="{StaticResource defaultRadioStyle}" Content="Xbox" Margin="30 0 0 0"/>
                </StackPanel>

                <Border Grid.Row="1" HorizontalAlignment="Right" VerticalAlignment="Center" Height="30"  Margin="0 0 10 0"
                        Background="#0EA7B7" CornerRadius="10">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>

                        <TextBlock Text="❤" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="15" Foreground="#76CBD2"/>

                        <TextBox Name="inputText" Grid.Column="1" Width="300" >
                            <TextBox.Resources>
                                <VisualBrush x:Key="hinttext" TileMode="None" AlignmentX="Left" Stretch="None">
                                    <VisualBrush.Visual>
                                        <TextBlock FontStyle="Normal" Foreground="#76CBD2" Text="Search for what you like"/>
                                    </VisualBrush.Visual>
                                </VisualBrush>
                            </TextBox.Resources>

                            <TextBox.Style>
                                <Style TargetType="TextBox">
                                    <Setter Property="VerticalAlignment" Value="Center"/>
                                    <Setter Property="FontSize" Value="14"/>
                                    <Setter Property="BorderThickness" Value="0"/>
                                    <Setter Property="Background" Value="Transparent"/>
                                    <Style.Triggers>
                                        <Trigger Property="Text" Value="">
                                            <Setter Property="Background" Value="{StaticResource hinttext}"/>
                                        </Trigger>

                                        <Trigger Property="Text" Value="{x:Null}">
                                            <Setter Property="Background" Value="{StaticResource hinttext}"/>
                                        </Trigger>
                                    </Style.Triggers>
                                </Style>
                            </TextBox.Style>

                        </TextBox>
                    </Grid>
                </Border>

                <UniformGrid Grid.Row="2" Columns="4"  VerticalAlignment="Center">
                    <Border  CornerRadius="5" Background="White" Margin="10">
                        <Border.Effect>
                            <DropShadowEffect Color="#F2F2F2" ShadowDepth="10" BlurRadius="10" Opacity="0.4" Direction="270"/>
                        </Border.Effect>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="2*"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>

                            <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="15 15  0 0" Orientation="Horizontal">
                                <Border Width="20" Height="20" Background="#EDFAF0" CornerRadius="5" VerticalAlignment="Center">
                                    <TextBlock Text="&#xe673;" Foreground="#7ADA95" FontFamily="/fonts/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>

                                <TextBlock Text="76.9%" VerticalAlignment="Center" Foreground="#7ADA95" Margin="5 0 0 0"/>
                            </StackPanel>

                            <lvc:CartesianChart Margin="10"  Height="100">
                                <lvc:CartesianChart.Series>
                                    <lvc:LineSeries Stroke="#FF7261" Fill="#FFE3E0"  PointGeometrySize="0" Values="20,50,3,20,3,70,50"/>
                                </lvc:CartesianChart.Series>
                                <lvc:CartesianChart.AxisX>
                                    <lvc:Axis MinValue="0" Name="s1x" ShowLabels="False"></lvc:Axis>
                                </lvc:CartesianChart.AxisX>
                                <lvc:CartesianChart.AxisY>
                                    <lvc:Axis MinValue="0" Name="s1y" ShowLabels="False"/>
                                </lvc:CartesianChart.AxisY>
                            </lvc:CartesianChart>

                            <StackPanel Grid.Row="1" VerticalAlignment="Center" Orientation="Horizontal" Margin="15 0 0 15">
                                <Border Width="50" Height="50" Background="#FFF1F1" CornerRadius="10">
                                    <TextBlock Text="&#xe712;" Foreground="#FF7261" FontFamily="/fonts/#iconfont"  FontSize="25"
                                           VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>
                                <StackPanel Margin="15 0 0 0">
                                    <TextBlock Text="TOTAL COUNT" Foreground="#3F4C5D"/>
                                    <TextBlock Text="784" FontWeight="Bold" Foreground="#3F4C5D" FontSize="28"/>
                                </StackPanel>
                            </StackPanel>
                        </Grid>
                    </Border>


                    <Border  CornerRadius="5" Background="White" Margin="10">
                        <Border.Effect>
                            <DropShadowEffect Color="#F2F2F2" ShadowDepth="10" BlurRadius="10" Opacity="0.4" Direction="270"/>
                        </Border.Effect>

                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="2*"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>

                            <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="15 15  0 0" Orientation="Horizontal">
                                <Border Width="20" Height="20" Background="#FFEBE8" CornerRadius="5" VerticalAlignment="Center">
                                    <TextBlock Text="&#xe59a;" Foreground="Red" FontFamily="/fonts/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>

                                <TextBlock Text="-12.5%" VerticalAlignment="Center" Foreground="Red" Margin="5 0 0 0"/>
                            </StackPanel>

                            <lvc:CartesianChart Margin="10" >
                                <lvc:CartesianChart.Series>
                                    <lvc:LineSeries Stroke="#FECC71" Fill="#FFF2DE" PointGeometrySize="0" Values="20,50,40,50,20,90,25,50"/>
                                </lvc:CartesianChart.Series>
                                <lvc:CartesianChart.AxisX>
                                    <lvc:Axis MinValue="0" Name="s2x" ShowLabels="False"></lvc:Axis>
                                </lvc:CartesianChart.AxisX>
                                <lvc:CartesianChart.AxisY>
                                    <lvc:Axis MinValue="0" Name="s2y" ShowLabels="False"/>
                                </lvc:CartesianChart.AxisY>
                            </lvc:CartesianChart>

                            <StackPanel Grid.Row="1" VerticalAlignment="Center" Orientation="Horizontal" Margin="15 0 0 15">
                                <Border Width="50" Height="50" Background="#FFF5E9" CornerRadius="10">
                                    <TextBlock Text="&#xf26c;" Foreground="#FFBC57" FontFamily="/fonts/#iconfont"  FontSize="25"
                                           VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>
                                <StackPanel Margin="15 0 0 0">
                                    <TextBlock Text="RETAIL PRICE" Foreground="#3F4C5D"/>
                                    <TextBlock Text="$599" FontWeight="Bold" Foreground="#3F4C5D" FontSize="28"/>
                                </StackPanel>
                            </StackPanel>
                        </Grid>
                    </Border>


                    <Border  CornerRadius="5" Background="White" Margin="10">
                        <Border.Effect>
                            <DropShadowEffect Color="#F2F2F2" ShadowDepth="10" BlurRadius="10" Opacity="0.4" Direction="270"/>
                        </Border.Effect>

                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="2*"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>

                            <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="15 15  0 0" Orientation="Horizontal">
                                <Border Width="20" Height="20" Background="#EDFAF0" CornerRadius="5" VerticalAlignment="Center">
                                    <TextBlock Text="&#xe673;" Foreground="#7ADA95" FontFamily="/fonts/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>

                                <TextBlock Text="34.1%" VerticalAlignment="Center" Foreground="#7ADA95" Margin="5 0 0 0"/>
                            </StackPanel>

                            <lvc:CartesianChart Margin="10" >
                                <lvc:CartesianChart.Series>
                                    <lvc:LineSeries Stroke="#7ADA95" Fill="#E0F6E4" PointGeometrySize="0" Values="60,90,30,60,35,65,40"/>
                                </lvc:CartesianChart.Series>
                                <lvc:CartesianChart.AxisX>
                                    <lvc:Axis MinValue="0" Name="s3x" ShowLabels="False"></lvc:Axis>
                                </lvc:CartesianChart.AxisX>
                                <lvc:CartesianChart.AxisY>
                                    <lvc:Axis MinValue="0" Name="s3y" ShowLabels="False"/>
                                </lvc:CartesianChart.AxisY>
                            </lvc:CartesianChart>

                            <StackPanel Grid.Row="1" VerticalAlignment="Center" Orientation="Horizontal" Margin="15 0 0 15">
                                <Border Width="50" Height="50" Background="#EDFAF0" CornerRadius="10">
                                    <TextBlock Text="&#xe65b;" Foreground="#7ADA95" FontFamily="/fonts/#iconfont"  FontSize="25"
                                           VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>
                                <StackPanel Margin="15 0 0 0">
                                    <TextBlock Text="SUBSCRIBERS" Foreground="#3F4C5D"/>
                                    <TextBlock Text="79,456" FontWeight="Bold" Foreground="#3F4C5D" FontSize="28"/>
                                </StackPanel>
                            </StackPanel>
                        </Grid>
                    </Border>


                    <Border  CornerRadius="5" Background="White" Margin="10">
                        <Border.Effect>
                            <DropShadowEffect Color="#F2F2F2" ShadowDepth="10" BlurRadius="10" Opacity="0.4" Direction="270"/>
                        </Border.Effect>

                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="2*"/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>

                            <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="15 15  0 0" Orientation="Horizontal">
                                <Border Width="20" Height="20" Background="#EDFAF0" CornerRadius="5" VerticalAlignment="Center">
                                    <TextBlock Text="&#xe673;" Foreground="#7ADA95" FontFamily="/fonts/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>

                                <TextBlock Text="85.5%" VerticalAlignment="Center" Foreground="#7ADA95" Margin="5 0 0 0"/>
                            </StackPanel>

                            <lvc:CartesianChart Margin="10" >
                                <lvc:CartesianChart.Series>
                                    <lvc:LineSeries Stroke="#5CD0E1" PointGeometrySize="0" Fill="#DBF3F9" Values="20,5,60,40,15,90,10,50"/>
                                </lvc:CartesianChart.Series>
                                <lvc:CartesianChart.AxisX>
                                    <lvc:Axis MinValue="0" Name="s4x" ShowLabels="False"></lvc:Axis>
                                </lvc:CartesianChart.AxisX>
                                <lvc:CartesianChart.AxisY>
                                    <lvc:Axis MinValue="0" Name="s4y" ShowLabels="False"/>
                                </lvc:CartesianChart.AxisY>
                            </lvc:CartesianChart>

                            <StackPanel Grid.Row="1" VerticalAlignment="Center" Orientation="Horizontal" Margin="15 0 0 15">
                                <Border Width="50" Height="50" Background="#E1F6FD" CornerRadius="10">
                                    <TextBlock Text="&#xe609;" Foreground="#44C6EE" FontFamily="/fonts/#iconfont"  FontSize="25"
                                           VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                </Border>
                                <StackPanel Margin="15 0 0 0">
                                    <TextBlock Text="GROWTH RATE" Foreground="#3F4C5D"/>
                                    <TextBlock Text="90%" FontWeight="Bold" Foreground="#3F4C5D" FontSize="28"/>
                                </StackPanel>
                            </StackPanel>
                        </Grid>
                    </Border>

                </UniformGrid>
            </Grid>
           
          

        </Grid>

        <Grid Grid.Row="1" Background="#F9F9FC">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <Grid Margin="60 0 10 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock Text="Corporate Services"   Foreground="#3F4C5D" VerticalAlignment="Center" FontSize="15" FontWeight="Bold"/>
                <TextBlock Text="View More" HorizontalAlignment="Right" Foreground="#5CD0E1" Margin="0 0 5 0" FontWeight="Bold"
                           VerticalAlignment="Center"/>

                <Border Grid.Row="1" Background="White" CornerRadius="10">
                    <Border.Effect>
                        <DropShadowEffect Color="#F2F2F2" ShadowDepth="10" BlurRadius="10" Opacity="0.4" Direction="270"/>
                    </Border.Effect>

                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="2*"/>
                        </Grid.ColumnDefinitions>

                        <Grid HorizontalAlignment="Center" >
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>

                            <StackPanel VerticalAlignment="Center">
                                <TextBlock Text="Mobile office" FontSize="15" Foreground="#3F4C5D"/>
                                <TextBlock Text="+120%" FontSize="20" FontWeight="Bold" Foreground="#3F4C5D"/>
                            </StackPanel>

                            <StackPanel Grid.Row="1" VerticalAlignment="Center">
                                <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top"  Orientation="Horizontal">
                                    <Border Width="20" Height="20" Background="#EDFAF0" CornerRadius="5" VerticalAlignment="Center">
                                        <TextBlock Text="&#xe673;" Foreground="#7ADA95" FontFamily="/fonts/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                    </Border>

                                    <TextBlock Text="76.9%" VerticalAlignment="Center" Foreground="#7ADA95" Margin="15 0 0 0"/>
                                </StackPanel>

                                <TextBlock Text="Last quarter"  FontWeight="Bold" Foreground="#3F4C5D"/>
                            </StackPanel>
                        </Grid>

                        <lvc:CartesianChart Margin="10" Grid.Column="1">
                            <lvc:CartesianChart.Series>
                                <lvc:LineSeries Stroke="#3BC8D7" Fill="#E1F2F6" LineSmoothness="0" PointGeometrySize="0" Values="20,50,40,50,20,90,25,50"/>
                            </lvc:CartesianChart.Series>
                            <lvc:CartesianChart.AxisX>
                                <lvc:Axis MinValue="0" ShowLabels="True"></lvc:Axis>
                            </lvc:CartesianChart.AxisX>
                            <lvc:CartesianChart.AxisY>
                                <lvc:Axis MinValue="0"  ShowLabels="True"/>
                            </lvc:CartesianChart.AxisY>
                        </lvc:CartesianChart>
                    </Grid>
                    
                </Border>
            </Grid>

            <Grid Grid.Column="1" Margin="10 0 60 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock Text="Company News" VerticalAlignment="Center"  Foreground="#3F4C5D" FontSize="15" FontWeight="Bold"/>

                <Border Grid.Row="1" Background="#12BDCF" CornerRadius="10">
                    <Border.Effect>
                        <DropShadowEffect Color="#F2F2F2" ShadowDepth="10" BlurRadius="10" Opacity="0.4" Direction="270"/>
                    </Border.Effect>

                    <StackPanel VerticalAlignment="Center">
                        <TextBlock Text="Hi,Microsoft 365" Margin="10 0 0 0" FontWeight="Bold" Foreground="White"/>
                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10" Width="300" TextWrapping="Wrap" Foreground="#B3E9F1"
                               Text="According to the official introduction, Microsoft 365 consumer subscription will include two editions-personal edition and home edition. Existing Office 365 subscribers migrate free upgrade to Microsoft 365."/>

                    </StackPanel>
                </Border>
                <Image Source="microsoft.png" Grid.Row="1" HorizontalAlignment="Right" Margin="30"/>
            </Grid>

        </Grid>

        <Grid Grid.Row="2" Background="#F9F9FC"/>
        <Grid Grid.Row="2" Background="#F9F9FC" Margin="60 0 60 0">
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>

            <TextBlock Text="Consumer cloud business" VerticalAlignment="Center" Foreground="#3F4C5D" FontSize="15" FontWeight="Bold"/>
            <TextBlock Text="View More" HorizontalAlignment="Right" Foreground="#5CD0E1" Margin="0 0 5 0" FontWeight="Bold"
                           VerticalAlignment="Center"/>

            <Border Grid.Row="1" Margin="5" Background="White" CornerRadius="10">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="3.5*"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="Azure business" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    <Border Grid.Column="1" BorderBrush="#B8C0C9" BorderThickness="1 0 1 0" Margin="0 10 0 10"/>

                    <lvc:PieChart  Grid.Column="1" Name="pie1" Series="{Binding SeriesCollection1}" 
                      LegendLocation="Right" InnerRadius="12" Margin="5">
                        <lvc:PieChart.ChartLegend>
                            <lvc:DefaultLegend BulletSize="10"></lvc:DefaultLegend>
                        </lvc:PieChart.ChartLegend>
                        <lvc:PieChart.DataTooltip>
                            <lvc:DefaultTooltip BulletSize="10"></lvc:DefaultTooltip>
                        </lvc:PieChart.DataTooltip>
                    </lvc:PieChart>

                    <UniformGrid Grid.Column="2" Columns="5" VerticalAlignment="Center" >
                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Chrome"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↓" Foreground="Red" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="Red" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>
                    </UniformGrid>
                </Grid>
            </Border>

            <Border Grid.Row="2" Margin="5" Background="White" CornerRadius="10">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="3.5*"/>
                    </Grid.ColumnDefinitions>
                    <Border Grid.Column="1" BorderBrush="#B8C0C9" BorderThickness="1 0 1 0" Margin="0 10 0 10"/>
                    <TextBlock Text="Azure business" VerticalAlignment="Center" HorizontalAlignment="Center"/>

                    <lvc:PieChart  Grid.Column="1"  Name="pie2"  Series="{Binding SeriesCollection}" 
                      LegendLocation="Right" InnerRadius="12" Margin="5">
                        <lvc:PieChart.ChartLegend>
                            <lvc:DefaultLegend BulletSize="10"></lvc:DefaultLegend>
                        </lvc:PieChart.ChartLegend>
                        <lvc:PieChart.DataTooltip>
                            <lvc:DefaultTooltip BulletSize="10"></lvc:DefaultTooltip>
                        </lvc:PieChart.DataTooltip>
                    </lvc:PieChart>

                    <UniformGrid Grid.Column="2" Columns="5" VerticalAlignment="Center" >
                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Chrome"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↓" Foreground="Red" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="Red" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                            <StackPanel>
                                <TextBlock Text="Mozilla"/>
                                <TextBlock Text="8,945"/>
                            </StackPanel>
                            <StackPanel Margin="5 0 0 0">
                                <TextBlock Text="↑" Foreground="#7ADA95" FontWeight="Bold"/>
                                <TextBlock Text="52%" Foreground="#7ADA95" FontWeight="Bold"/>
                            </StackPanel>
                        </StackPanel>
                    </UniformGrid>
                </Grid>
            </Border>
        </Grid>

    </Grid>
</Window>

weijia3624
关注
  • 13
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
C#WPF图表控件LiveCharts炫酷布局界面实例
qq_30725967的博客
06-05 284
本文演示C#WPF图表控件LiveCharts炫酷布局界面实例。
livecharts控件大全，wpf界面开发使用教程
08-27
在本文中，我们将深入探讨如何使用LiveCharts控件进行WPF界面开发，特别是关于饼图、柱形图等统计图表的实现。LiveCharts是一个强大的数据可视化库，它为Windows Presentation Foundation (WPF) 应用程序提供了丰富...
WPF非常精美界面 WPF漂亮首页界面 WPF精美首页可以直接使用在项目当中 WPF入门布局的完美Demo 经典WPF快速入门漂
12-31
WPF非常精美界面 WPF漂亮首页界面 WPF精美首页可以直接使用在项目当中 集成LiveCharts 快速学习布局的实战例子 全开源代码 WPF入门布局的完美Demo 经典WPF快速入门漂亮布局教程
一款超强大的WPF图型数据展示控件
10-21
超强大的WPF图型数据展示控件 看完再下载！白说我骗你！ 示例效果图地址：http://blog.csdn.net/homezzm/archive/2009/10/21/4708012.aspx
一键焕新UI：掌握WPF样式，打造统一且个性化的界面魔术
java专栏
06-16 275
假设我们要为一个WPF应用程序中的所有按钮定义一个统一的样式，包括背景色、前景色、边框和鼠标悬停效果。首先，在项目的资源字典（例如App.xaml或特定窗口的资源部分）中定义一个样式。Xml-- App.xaml 或 Window 资源部分 -->-- 设置默认属性 -->-- 默认背景色 -->-- 文本颜色 -->-- 边框颜色 -->-- 边框厚度 -->-- 内边距 -->-- 字体大小 -->-- 控制模板改变按钮的外观 --></Border>
一个漂亮的WPF界面框架
08-06
一个非常漂亮且相当现代化风格的WPF界面框架
C# WPF 快速开发10登陆界面
各研发管理
06-02 840
功能：将用户名、密码存在数据库，连续三次密码输错需等待30分钟才能再次登录 看似小小的功能，也是调试花了很长的时间。本来是想着，数据库可以记录用户连续输错3次的时间点，如果判断用户是在30分钟后再次尝试登陆就清空时间点再次判断。但写了挺久才写了一半，因为还有很多东西要看，就先跳过了。 有个不好的地方，代码太多嵌套if语句了，到了后面维护应该比较困难。 下面代码也没什么用处的，作为数据库基...
WPF开源界面库
weixin_30394981的博客
05-26 4698
WPF开源项目 WPF有很多优秀的开源项目，我以为大家都知道，结果，问了很多人，其实他们不知道。唉，太可惜了！ 先介绍两个比较牛逼的界面库 1、MaterialDesignInXamlToolkit Android风格的界面。 2、MahApps.Metro 扁平风格的界面。 在使用中如果有问题，可以到“Gitter”的相应房间里和开发者进行交流（英...
WPF非常精美DataGrid界面 WPF漂亮DataGri界面 WPF精美DataGrid可以直接使用在项目当中 快速学习布局的实战例子 全开源代码 经典WPF DataGrid漂亮布局
weijia3624的专栏
12-31 953
WPF非常精美DataGrid界面 WPF漂亮DataGri界面 WPF精美DataGrid可以直接使用在项目当中 快速学习布局的实战例子 全开源代码 经典WPF DataGrid漂亮布局
WPF MVVM框架 漂亮界面风格的WPF 快速入门WPF实例 功能实用架构清晰易入门WPF 界面大方功能实用的WPF教程 WPF实战例子 WPF 简易DEMO
oSenLin123456的博客
06-25 967
这个例子是一个简单的待办事项列表应用程序，它展示了 WPF 的核心概念和语法。另外，该例子还使用了 MVVM 模式，这是一个常见的 WPF 设计模式。通过这个例子，学习者可以了解 WPF 的核心概念和语法，并且掌握三层架构和 MVVM 设计模式的基本原理。视图负责显示应用程序的界面，模型负责保存数据，逻辑负责实现业务逻辑。WPF 快速开发框架，已经集成多种框架，可以直接修改使用在项目中，是入门及快速实施项目的最佳选择。然而，对于初学者来说，WPF 的概念和语法可能会让人望而却步。
WPF布局实战例子 WPF布局快速入库完整demo WPF快速入门例子 WPF布局资料实例 WPF布局深入浅出 WPF布局资料明细 WPF布局一个例子就够了 WPF布局项目源码 WPF布局源码完整例子
weijia3624的专栏
05-27 535
布局属性：布局容器中的控件可以使用多种布局属性来控制它们在容器中的位置和大小。布局性能优化：WPF 布局系统的性能会受到影响，特别是在大量控件和复杂布局的情况下。响应式布局：WPF 的布局系统支持响应式布局，可以根据窗口大小自动调整控件的位置和大小。数据绑定：WPF 的布局系统支持数据绑定，可以将控件与数据源进行绑定。自定义布局：除了 WPF 提供的布局容器，你还可以通过自定义布局来实现更高级的布局效果。在 WPF 中，布局管理器负责计算和安排控件在窗口中的位置和大小。
WPF MVVM框架 漂亮界面风格的WPF 快速入门WPF实例 功能实用架构清晰易入门 快速入门WPF MVVM开发
01-09
对初学者推荐一个易入门的 WPF 例子。 这个例子是一个简单的待办事项列表应用程序，它展示了 WPF 的核心概念和语法。这个应用程序有一个主窗口，在其中...WPF 快速开发框架，已经集成多种框架，可以直接修改使用在项目
WPF-MaterialDesign-master.zip_WPF_WPF非常好的界面_包括多种漂亮的皮肤_漂亮的控件_配色
07-15
1. **源代码**：展示如何在WPF项目中集成Material Design风格，包括XAML布局文件和对应的C#后台逻辑。 2. **示例应用**：可能包含一个演示应用，展示了所有可用控件和皮肤的实际效果，帮助开发者了解如何使用这些...
WPF使用LiveCharts的案例
08-22
里面主要包含LiveCharts的折线图、柱状图与扇形图。
一款简单漂亮的WPF UI - AduSkin
dotNET跨平台
10-20 236
前言经常会有同学会问，有没有好看简单的WPF UI库推荐的。今天就给大家推荐一款简单漂亮的WPF UI，融合多个开源框架组件：AduSkin。WPF是什么？WPF 是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能，让开发者可以创建出吸引人且交互性强的应用程序。AduSkin项目介绍一款简单漂亮的WPF UI，融...
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
最新发布
07-27
[毕设]HTTP代理服务器开发与实现
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weijia3624

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值