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

最新推荐文章于 2024-06-16 22:42:40 发布
最新推荐文章于 2024-06-16 22:42:40 发布
阅读量732 收藏 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
    评论
专栏目录
WPF基础之界面设计（MaterialDesignThemes）
yigu4011的博客
07-07 5480
1、Nuget安装MaterialDesignThemes框架，安装LiveCharts、LiveCharts.Wpf（用来添加曲线，也可以下载LiveCharts.dll、LiveCharts.Wpf.dll，然后引用DLL）4、在MainWindow.xaml添加MaterialDesignThemes、LiveCharts、LiveCharts.Wpf的引用。5、左边菜单栏关键性代码如下：（全部源码可去上方CSDN代码地址自由下载）
WPF实战项目二十二（客户端）：首页添加备忘录与待办事项
yigu4011的博客
12-27 1052
3、ViewModels新建Dialogs文件夹，新建AddMemoViewModel、AddToDoViewModel。1、在View文件夹下新建文件夹Dialog，新建View：AddMemoView、AddToDoView。2、IndexView中修改按钮，绑定方法：ExecuteCommand。5、在App.xmal.cs中注册弹窗。4、修改IndexViewModel。
WPF非常精美界面 WPF漂亮首页界面 WPF精美首页可以直接使用在项目当中 WPF入门布局的完美Demo 经典WPF快速入门漂
12-31
WPF非常精美界面 WPF漂亮首页界面 WPF精美首页可以直接使用在项目当中 集成LiveCharts 快速学习布局的实战例子 全开源代码 WPF入门布局的完美Demo 经典WPF快速入门漂亮布局教程
C# WPF 快速开发10登陆界面
各研发管理
06-02 840
功能：将用户名、密码存在数据库，连续三次密码输错需等待30分钟才能再次登录 看似小小的功能，也是调试花了很长的时间。本来是想着，数据库可以记录用户连续输错3次的时间点，如果判断用户是在30分钟后再次尝试登陆就清空时间点再次判断。但写了挺久才写了一半，因为还有很多东西要看，就先跳过了。 有个不好的地方，代码太多嵌套if语句了，到了后面维护应该比较困难。 下面代码也没什么用处的，作为数据库基...
一键焕新UI：掌握WPF样式，打造统一且个性化的界面魔术
最新发布
java专栏
06-16 272
假设我们要为一个WPF应用程序中的所有按钮定义一个统一的样式，包括背景色、前景色、边框和鼠标悬停效果。首先，在项目的资源字典（例如App.xaml或特定窗口的资源部分）中定义一个样式。Xml-- App.xaml 或 Window 资源部分 -->-- 设置默认属性 -->-- 默认背景色 -->-- 文本颜色 -->-- 边框颜色 -->-- 边框厚度 -->-- 内边距 -->-- 字体大小 -->-- 控制模板改变按钮的外观 --></Border>
WPF开源界面库
weixin_30394981的博客
05-26 4697
WPF开源项目 WPF有很多优秀的开源项目，我以为大家都知道，结果，问了很多人，其实他们不知道。唉，太可惜了！ 先介绍两个比较牛逼的界面库 1、MaterialDesignInXamlToolkit Android风格的界面。 2、MahApps.Metro 扁平风格的界面。 在使用中如果有问题，可以到“Gitter”的相应房间里和开发者进行交流（英...
一款简单漂亮的WPF UI - AduSkin
dotNET跨平台
10-20 235
前言经常会有同学会问，有没有好看简单的WPF UI库推荐的。今天就给大家推荐一款简单漂亮的WPF UI，融合多个开源框架组件：AduSkin。WPF是什么？WPF 是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能，让开发者可以创建出吸引人且交互性强的应用程序。AduSkin项目介绍一款简单漂亮的WPF UI，融...
在 WinForm/WPF 下制作 Google Material Design 风格程序
weixin_30509393的博客
10-12 241
国内社区没有，顺手转。WinForm: https://github.com/IgnaceMaes/MaterialSkin演示：https://www.youtube.com/watch?v=A8osVM_SXlgWPF:https://github.com/ButchersBoy/MaterialDesignInXamlToolkit 值得一提的是，WPF 版本的不与 MahA...
推荐一款基于.Net Core开发简约漂亮的 WPF UI库
成长的足迹
10-25 3901
2、开发环境：Windows 10 + Visual Studio 2019 Professional + .Net Framework 4.5 + .Net Core 3.1。1、跨平台：这是基于.Net Core开发的系统，可以部署在Docker, Windows, Linux, Mac。这是一款使用简单、UI评论的WPF UI库，借鉴了多个开源框架。项目的地址：https://github.com/aduskin/AduSkin。3、视频控件，VideoLan.LibVlc.Windows。
WPF MVVM框架 漂亮界面风格的WPF 快速入门WPF实例 功能实用架构清晰易入门 快速入门WPF MVVM开发
01-09
对初学者推荐一个易入门的 WPF 例子。 这个例子是一个简单的待办事项列表应用程序，它展示了 WPF 的核心概念和语法。这个应用程序有一个主窗口，在其中...WPF 快速开发框架，已经集成多种框架，可以直接修改使用在项目
漂亮的WPF界面框架(OSGi.NET插件)源码20130528
06-07
漂亮的WPF界面框架(OSGi.NET插件)源码 源码描述： 该界面框架是非常现代、漂亮的通用界面框架，通过简单的配置，您可以将自定义的功能注册到页面。它支持三级菜单、支持更换皮肤和字体调整。 使用的OSGi.NET插件 欢迎感兴趣的用户下载研究
一款超强大的WPF图型数据展示控件
10-21
超强大的WPF图型数据展示控件 看完再下载！白说我骗你！ 示例效果图地址：http://blog.csdn.net/homezzm/archive/2009/10/21/4708012.aspx
C# WPF，物联网工控大数据大屏看板，源代码，支持MODBUSTCP协议
08-30
C#WPF物联网工控大数据大屏看板，含全套源代码，支持modbustcp协议，数据可视化，架构源码，大屏可视化，数据可视化，
免费漂亮的WPF界面框架
09-14
基于FirstFloor.ModernUI的免费WPF界面框架，演示了如何自定义界面字体实现。该框架界面简洁明快，易于二次开发，可开发出靓丽的应用软件。时间久远，自主降低积分
一个漂亮的WPF界面框架
08-06
一个非常漂亮且相当现代化风格的WPF界面框架
WPF-MaterialDesign-master.zip_WPF_WPF非常好的界面_包括多种漂亮的皮肤_漂亮的控件_配色
07-15
1. **源代码**：展示如何在WPF项目中集成Material Design风格，包括XAML布局文件和对应的C#后台逻辑。 2. **示例应用**：可能包含一个演示应用，展示了所有可用控件和皮肤的实际效果，帮助开发者了解如何使用这些...
livecharts控件大全，wpf界面开发使用教程
08-27
在本文中，我们将深入探讨如何使用LiveCharts控件进行WPF界面开发，特别是关于饼图、柱形图等统计图表的实现。LiveCharts是一个强大的数据可视化库，它为Windows Presentation Foundation (WPF) 应用程序提供了丰富...
WPF使用LiveCharts的案例
08-22
里面主要包含LiveCharts的折线图、柱状图与扇形图。
WPF实例系列一：登录、注册界面设计
热门推荐
iceberg7012的博客
04-18 1万+
WPF实例系列一：登录、注册界面设计 文章目录WPF实例系列一：登录、注册界面设计前言一、实例演示1. 登录界面展示2. 注册界面展示3. 数据存储4. 效果演示二、结构及源码1.主界面跳转登录界面设计2.登录界面设计3.注册界面设计4.Excel保存数据类设计5.源码 前言 本实例将展示利用WPF设计登录界面、注册界面，并实现相应的功能，其中账户数据将存储在excel表中。 一、实例演示 1. 登录界面展示 ​​​ 2. 注册界面展示 3. 数据存储 4. 效果演示 二、结构及源码 1.主界
构建高级用户界面：WPF控件开发实战
"WPF Control Development Unleashed是关于构建高级用户界面的书籍，由Pavan Podila和Kevin Hoffman合著，旨在深入讲解Windows Presentation Foundation（WPF）控件的开发技术。本书由Pearson Education, Inc.于2010...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

weijia3624

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

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

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

打赏作者

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

抵扣说明：

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

余额充值