毕设学习【DAY 3】

     

 项目目前结构

分三段的代码

        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition/>
            <RowDefinition Height="120"/>
            
        </Grid.RowDefinitions>
     <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                <TextBlock Text="20:00" VerticalAlignment="Center" Foreground="White"/>
            </StackPanel>
        </Grid>
    

效果图

引用iconfont字体

 【今日成果】

 左边时间

 

 <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                <TextBlock Text="20:00" VerticalAlignment="Center" Foreground="White" FontSize="30" FontFamily="../Assets/Fonts/#站酷高端黑"/>
                <StackPanel TextBlock.Foreground="White" TextBlock.FontSize="10" Margin="15,0,0,0">
                    
                   <TextBlock Text="2023-1-17"/>
                   <TextBlock Text="星期五" HorizontalAlignment="Right"/>
                </StackPanel>
            </StackPanel>

 

 <!--计数-->
            <StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="20,0,0,0">
                <StackPanel.Resources>
                
                    <DataTemplate x:Key="dataTemp">
                        <Border Width="15" Background="#3318AABD" Margin="2,0">
                            <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" FontSize="16" FontWeight="Normal"/>
                        </Border>
                    </DataTemplate>
                </StackPanel.Resources>
                <TextBlock Text="&#xe61e;" FontFamily="../Assets/Fonts/#iconfont" Foreground="#55FFFFFF" FontSize="20" VerticalAlignment="Center"/>
                <TextBlock Text="人员&#13;总数" VerticalAlignment="Center" Margin="10,0" Foreground="#99FFFFFF" FontSize="10"/>
                <ItemsControl ItemsSource="{Binding Total}" ItemTemplate="{StaticResource dataTemp}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <VirtualizingStackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                 
                </ItemsControl>

                <TextBlock Text="在线&#13;人数" VerticalAlignment="Center" Foreground="#99FFFFFF" Margin="20,0,10,0" FontSize="10"/>
                <ItemsControl ItemsSource="{Binding ProductionCount}" ItemTemplate="{StaticResource dataTemp}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <VirtualizingStackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>


                <TextBlock Text="缺席&#13;人数" VerticalAlignment="Center" Foreground="#99FFFFFF" Margin="20,0,10,0" FontSize="10"/>
                <ItemsControl ItemsSource="{Binding BadCount}" ItemTemplate="{StaticResource dataTemp}" >
                
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <VirtualizingStackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>
            </StackPanel>

 

 class MainViewModel:NotifyBase
    {
        // private object _pageContent;

        //public object PageContent
        //{
        //   get { return _pageContent; }
        //  set { _pageContent = value; }
        //}
        private object _pageContent;
        public object PageContent
        {
            get { return _pageContent; }
            set { SetProperty(ref _pageContent, value); }
        }

        private string _total;
        public string Total
        {
            get { return _total; }
            set { SetProperty(ref _total, value); }
        }

        private string _productionCount;
        public string ProductionCount
        {
            get { return _productionCount; }
            set { SetProperty(ref _productionCount, value); }
        }

        private string _badCount;
        public string BadCount
        {
            get { return    _badCount; }
            set { SetProperty(ref  _badCount, value); }
        }

        public MainViewModel()
        {
            Total = 197.ToString("0000");

            ProductionCount = 99.ToString("0000");

            BadCount = 17.ToString("0000");
        }
    }

 右上角鼠标光标所在渐变色

 

 <Application.Resources>
        <Style TargetType="Button" x:Key="ButtonStyle">
            <Setter Property="Foreground" Value="#AAA"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border BorderThickness="1"  Background="Transparent" Name="border">
                            <Border.BorderBrush>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                    <GradientStop Color="#22FFFFFF" Offset="0"/>
                                    <GradientStop Color="#77FFFFFF" Offset="0.5"/>
                                    <GradientStop Color="#22FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.BorderBrush>

                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <TextBlock Text="{TemplateBinding Tag}" FontFamily="Assets/Fonts/#iconfont" FontSize="14" VerticalAlignment="Center" Margin="0,2,5,0"/>
                                <TextBlock Text="{TemplateBinding Content}" VerticalAlignment="Center"/>
                            </StackPanel>

                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="border" Property="Background" Value="#11FFFFFF"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>

        </Style>
    </Application.Resources>

 渐变主要代码

 <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="border" Property="Background" Value="#11FFFFFF"/>
                            </Trigger>
                        </ControlTemplate.Triggers>

今日早做俩噩梦，没睡好

晚安~

明日继续，

需要在iconfont库中新增加图标

以及将模板更改