Dean的周学习内容：24.4.29~5.12（因为有五一假期啊）WPF 相关的基础知识

最新推荐文章于 2024-05-31 09:42:54 发布
最新推荐文章于 2024-05-31 09:42:54 发布
阅读量891 收藏 25
点赞数 9
文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49541521/article/details/138306805
版权

emmm，Winform相关的视频还没看完，在纠结要不要继续开新的内容，但是自我感觉，Winform真的没什么东西，而且也大多都过时了，哎，而且自己手头也有一套朝夕教育的试学版本内容，和喜课堂的VIP课程，emmm，以哪个为准呢？朝夕教育里面的视频，都在讲解每个控件的内容，没什么深度。最好的办法，就是找个大块时间，集中吧那些视频集体刷一遍。

每次面临选择的时候都好纠结，怎么办呢，其实还是自己太懒了，导致自己面临时间有限，能利用的事件不多的境况。要调整好自己的状态，每天学习的事件多一点，最主要的是脑子动起来，不能狗熊掰棒子，嗯！！！

本内容是对朝夕教育-WPF+上位机+工业互联_愚公搬代码的博客-CSDN博客这一系列文章的简单整理，具体整理多少根据这一周的情况再具体定吧。

桌面应用开发思维转变

常见的桌面应用的框架：Java框架、.NET 框架、Electron框架、QT框架。

  1. Java框架：Java桌面应用程序可以使用JavaFX或Swing框架。JavaFX提供了一个现代化的图形用户界面和矢量图形操作，而Swing则提供了一个传统的图形用户界面和大量的组件类库。
  2. .NET框架：.NET桌面应用程序主要使用Windows Forms或WPF框架。Windows Forms提供基于Win32API的GUI控件，而WPF提供了更现代、更灵活的GUI控件和可扩展性。
  3. Electron框架：Electron桌面应用程序使用JavaScript、HTML和CSS开发，可以让开发者使用Web技术开发出本地应用程序并在不同平台上运行。
  4. QT框架：QT桌面应用程序使用C++编写，提供了一套丰富的GUI组件库和一些便于跨平台开发的工具。

WPF 的 源码再Github上：https://github.com/dotnet/wpf

WPF（Windows Presentation Foundation）基于 .Net Framework的桌面应用程序界面设计框架，能够使用XMAL语言创建高质量的富有交互性的Windows客户端应用程序界面，同时还支持通过数据绑定实现界面与数据的分离，提高了程序开发的效率和可维护性。

使用场景包括

桌面应用程序的开发、数据可视化、游戏界面设计、内部管理系统、独立应用程序

  1. 桌面应用程序的开发：WPF提供了丰富的控件库和可自定义样式的界面设计语言，能够帮助开发者快速构建富有交互性的、美观的桌面应用程序。
  2. 数据可视化：WPF支持数据绑定，能够将数据直接绑定到UI元素上，实现数据的实时展示和交互操作，因此在数据可视化方面应用广泛。
  3. 游戏界面设计：WPF提供了支持3D渲染的工具和控件，能够帮助游戏开发者实现游戏的界面设计和效果展示。
  4. 内部管理系统：企业内部管理系统往往需要高度定制化的界面，WPF能够帮助企业开发者快速构建满足特定需求的管理系统。
  5. 独立应用程序：WPF可以帮助开发者将应用程序打包成独立的可执行文件，方便用户下载和部署。

如何渲染的

使用 DirectX 作为其界面渲染引擎，支持3D效果。使用矢量图形来绘制界面，而不是像素图形（矢量缩放不失真、占用文件小、可编辑能力强、渲染较慢）。还支持硬件加速，大大提高界面的渲染性能

渲染和逻辑处理是分离的，WPF将UI控件和逻辑处理分别封装在不同的类中，可自由组合这些类。通过这种方式，开发人员可以实现高度可定制化的界面，同时保持逻辑处理的清晰和简洁。还允许WPF应用陈鼓型在不同的线程上并行执行逻辑处理和界面渲染，从而提高了应用程序的性能和响应速度没此外还是得WPF的应用程序额可以更容易的实现MVVM模式和测试驱动开发（TDD）。

WPF的体系结构

使用XAML 语言来进行界面设计，并通过 .NET 中的代码与界面进行交互。

WPF的体系结构如下：

  1. <p>应用程序：WPF 应用程序是基于 .NET 框架的应用程序，集成了 WPF 的功能模块和组件，提供了一个界面来与用户交互。</p>
  2. <p>用户界面：WPF 用户界面是用 XAML 定义的，它包含了窗口、控件、布局和样式等元素。
  3. <p>窗口：WPF 窗口是用于承载用户界面的容器，除了标准的窗口外，还有可以自定义、透明、无边框等不同类型的窗口。</p>
  4. <p>控件：WPF 中提供了大量的控件，包括文本框、按钮、菜单、列表框等，这些控件可以用于构建用户界面。</p>
  5. <p>布局：WPF 中提供了多种布局方式，例如 Grid、StackPanel、WrapPanel 等，可以用于管理和排列控件。</p>
  6. <p>样式：WPF 的样式和模板是用来定义控件的外观和行为的，可以提供整个应用程序的一致性外观。</p>
  7. <p>事件：WPF 的事件模型非常强大，可以使开发人员轻松地订阅和处理事件。</p>
  8. <p>数据绑定：WPF 中的数据绑定允许开发人员将数据与界面元素进行关联，从而实现 UI 的自动更新和更高效的开发。</p>
  9. <p>图形和动画：WPF 中的图形和动画支持矢量图形、3D 图形和高级动画等，可以用于创建复杂的可视化效果。</p>

三层体系结构

Presentation Framework：用于在WPF开发中，开发图形的用户界面（GUI）库

Presentation Core：一个库，为开发WPF应用名陈鼓型提供核心服务，如，渲染、输入、媒体服务等。

Windows Base：一个库。提供应用程序基本的操作系统服务

mllCore：在基于Windows的应用程序中提供多媒体相关的服务库，例如媒体文件的解码和播放

WindowsCodecs：一个库，为基于Windows的应用程序中的图像和文件格式提供支持

Direct3D：一种图形API，用于在基于Windows的应用程序中开发3D图形应用程序

User32： 在基于Windows的应用程序中提供低级用户界面服务的库，如窗口管理、消息传递和输入处理

基本控件集合类

DispatcherObject：一个对象，有一个与WPF线程相关联的Dispacther，可用于将操作放入适当的线程上下文中执行。

Dependency Object：一个基类，提供了依赖属性的支持，是对象能够与应用恒旭中的其他对象进行数据绑定

Visual：一种类型的对象，便是WPF终端可视元素，如图形、文本、multmedia

UIElement：表示可视元素的基类，可通过它接受输入、处理命令、渲染和布局

Framework Element：是UIElement的子类，增加了数据绑定、样式、模板、布局和其他功能

Shape：表示可渲染的图形元素、如直线、矩形、椭圆和路径

Control：表示可包含可视化内容的基本控件，如Button、TextBox、CheckBox等

Content Control：表示具有单个可视化子元素的控件，如Label、Button等

Items Control：表示具有可多次重复的子元素的控件、如ListBox、TabControl、TreeView等、

Panel：将子元素按照特定的布局进行排列的控件，如StackPanel、Grid、DockPanel等

下面这张图表示不同类之间的关系，我记得好像有更详细的讲解的地方：入门 - WPF中文网 - 从小白到大佬 (wpfsoft.com)这个地方详细讲解了每个类的作用和功能

下面是一个简单的代码

<Window x:Class="Zhaoxi.WPFStudy.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:Zhaoxi.WPFStudy"
        mc:Ignorable="d" FontSize="30"
        Title="{Binding Title}" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <TextBox Height="30" VerticalAlignment="Top" Background="Orange" Margin="10"
                 Text="{Binding TB1Model.Text,UpdateSourceTrigger=PropertyChanged}" TextChanged="TextBox_TextChanged"/>
            <TextBox Height="30" VerticalAlignment="Top" Margin="10"
                 Text="{Binding TB2Model.Text,UpdateSourceTrigger=PropertyChanged}"/>
        </StackPanel>
        <Button HorizontalAlignment="Left" 
                Margin="35,82,0,0"  Width="{Binding BModel.Width}"
                VerticalAlignment="Top" Command="{Binding ClickCommand}">
            <TextBlock Text="{Binding BModel.Text}"/>
        </Button>
    </Grid>
</Window>


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Zhaoxi.WPFStudy
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            this.DataContext = new WindowViewModel();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            // 按钮的点击 
            // 移动到VM中去
            //this.tb.Text = "Hello WPF!";
            //this.tb.Foreground = Brushes.Red;
        }
    }
}


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading;
using System.Threading.Tasks;
using Zhaoxi.WPFStudy.Base;

namespace Zhaoxi.WPFStudy
{

    public class WindowViewModel
    {
        // 完全可以/   必须是属性
        public string Title { get; set; } = "Hello WPF";
        public TextBoxModel TB1Model { get; set; } = new TextBoxModel();
        public TextBoxModel TB2Model { get; set; } = new TextBoxModel();
        public ButtonModel BModel { get; set; } = new ButtonModel();


        //业务逻辑
        // 需要绑定给界面的命令属性
        // VM中的方法也可以绑定
        public CommandBase ClickCommand
        {
            get => new CommandBase(DoClick);
        }
        // 该命令所执行的逻辑
        private void DoClick(object obj)
        {
            // 界面上两个输入
            // 进行计算逻辑  1+2=3

            Task.Run(async () =>
            {
                while (true)
                {
                    await Task.Delay(10);
                    // this.控件.text    线程
                    // 基本属性绑定没有跨线程
                    //BModel.Text = TB1Model.Text + TB2Model.Text;
                    // UI线程中处理   影响界面的刷新

                    BModel.Text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
                }
            });
        }
    }
}


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Zhaoxi.WPFStudy
{
    public class TextBoxModel
    {
        public string Text { get; set; } = "Zhaoxi Jovan";
    }
}


using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Zhaoxi.WPFStudy
{
    public class ButtonModel : INotifyPropertyChanged 
    {
        // alt + enter
        public event PropertyChangedEventHandler PropertyChanged;
        public int Width { get; set; } = 400;
        //public string Text { get; set; } = "点击";

        private string _text = "点击";


        public string Text
        {
            get { return _text; }
            set
            {
                _text = value;
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Text"));
            }
        }

    }
}

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace Zhaoxi.WPFStudy.Base
{
    public class CommandBase : ICommand
    {
        public event EventHandler CanExecuteChanged;

        public bool CanExecute(object parameter)
        {
            return true;
        }

        public void Execute(object parameter)
        {
            DoExecute?.Invoke(parameter);
        }

        public Action<object> DoExecute { get; set; }

        public CommandBase(Action<object> doExecute)
        {
            DoExecute = doExecute;
        }
    }
}

Telerik UI for WPF

提供了许多可定制的UI控件和功能，提供了一系列工具和技术，增强WPF应用程序的性能和稳定性。

Telerik UI for WPF – Telerik|KendoUI中文网

002-WPF布局控件

控件功能
Canvas用于绝对定位元素，可以直接指定元素相对于父元素或Canvas左上角的位置和大小。
DockPanel用于将元素分配到面板的上下、左右、中心位置，元素的大小可以自动调整。
Grid用于将元素分配到网格中，可以自由定义行和列，可实现复杂的布局。
StackPanel用于将元素按照方向堆叠排列，可以实现水平或垂直排列。
WrapPanel用于将元素按照方向排列，当一行或一列排不下时自动换行或换列。
UniformGrid用于将元素均匀分配到网格中，行列的大小相等。
VirtualizingStackPanel用于在大量数据的列表中进行虚拟化处理，提高性能。
ScrollViewer用于将元素放入滚动容器中，当元素大小超出容器大小时自动出现滚动条。
ItemContainerTemplate用于自定义可重复使用元素的外观和行为。
TabControl用于创建选项卡界面，可以切换不同的内容。
ToolBar用于显示一组工具按钮，可以在工具栏上方或下方放置其他控件。
ToolBarTray用于将多个ToolBar放入一个水平或垂直的容器中。
TreeView用于显示层次结构数据的树形列表。
Expander用于在界面中展开或收起额外的内容。
GroupBox用于将内容分组并添加标题，可以折叠展开。
ListBox用于显示一组列表项，并允许用户从中选择一个或多个。
ListView用于显示列表数据，可以自定义列和样式。
Menu用于创建菜单和子菜单。
Tootip用于显示提示信息。
ComboBox用于显示一个下拉列表，用户可以从中选择一个值。
StatusBar用于显示状态信息，通常位于窗口底部。
ScrollBar用于控制滚动容器中元素的可见部分。
Slider用于选择数值范围的控件。
ProgressBar用于显示进度条。
Separator用于在工具栏和菜单中分隔不同的项。
ContentControl可以显示任何类型的内容，并允许进行自定义。
Panel作为控件容器的基类。
Border用于在控件周围添加边框。
ViewBox可以自动缩放其内容以适应可用空间。
HeaderedContentControl带有标题的ContentControl。
HeaderedItemsControl带有标题的ItemsControl。
ItemsControl用于显示一组可重复使用的元素。
Calendar用于显示日期和日历。
DatePicker用于选择日期。
TimePicker用于选择时间。
DataGrid用于显示大量数据的表格。
DataTemplate用于自定义数据绑定的模板。
DataTrigger用于在数据绑定值更改时触发特定视觉效果。
MultiBinding允许将多个绑定合并到一个属性上。
CommandBinding用于将UI元素上的命令与应用程序逻辑绑定。
Style用于定义控件的视觉样式。
ControlTemplate用于自定义控件的外观和行为。
ResourceDictionary用于组织和管理资源。
VisualStateManager用于管理不同UI状态下的控件的视觉效果。
EventTrigger用于在某个事件发生时触发特定的视觉效果。
Binding用于将控件属性绑定到数据源。
RelativeSource用于在数据绑定中引用相对于目标控件的其他控件。
TemplateBinding用于将控件模板中的属性绑定到控件本身的属性。
Converter用于在数据绑定中将值从一种类型转换为另一种类型。
ValidationRule用于验证数据绑定的输入。

 WPF控件布局

这边布局只是讲几个案例，具体布局使用可以看WPF控件专题

WPF的布局处理是通过一组布局管理器来实现的。以下是常用的布局管理器：

  1. StackPanel：按照方向（横向或纵向）依次排列控件。
  2. Grid：使用行和列来定义网格，并放置控件。
  3. Canvas：使用绝对位置来定位控件。
  4. WrapPanel：类似于StackPanel，但是会自动换行。
  5. DockPanel：将控件停靠在父容器的边缘或中心。

上面的这些布局管理器可以嵌套使用，以实现复杂的布局。例如，将一个Grid放置在StackPanel中，可以实现在垂直方向上排列多个网格。

除了布局管理器外，WPF还提供了一些附加属性来帮助控件进行布局，例如Margin、HorizontalAlignment和VerticalAlignment等。这些属性可以在XAML中设置，也可以在代码中动态设置。WPF的布局处理是通过一组布局管理器来实现的。

无边框设计

不使用传统的窗口边框和标题栏来装饰应用程序窗口，而是完全自定义应用程序的外观和交互行为，可以让开发人员更加自由地创造独特的用户界面，同时也提供了更好的性能和可扩展性。

  1. 自定义窗口边框和标题栏样式，包括大小、形状、颜色和文本样式等。

  2. 使用特定的控件来实现窗口的最小化、最大化和关闭等操作，以取代传统的窗口按钮。

  3. 使用动画和效果来增强交互体验，例如在鼠标悬停时显示工具提示、在窗口拖动时使用缓动效果等。

  4. 使用特定的布局控件和容器来实现窗口内容的自适应和响应式布局。

下面是一个无边框设计的代码

<Window x:Class="Zhaoxi.LayoutStudy.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:Zhaoxi.LayoutStudy"
        mc:Ignorable="d"
        Title="MainWindow" Width="400" FontSize="16"
        SizeToContent ="Height"
        WindowStartupLocation="CenterScreen"
        WindowStyle="None" AllowsTransparency="True" Background="Transparent">
    <!--<Window.Clip>
        <RectangleGeometry Rect="20,20,100,50"/>
        <EllipseGeometry RadiusX="80" RadiusY="40" Center="50,50"/>
        <PathGeometry Figures="M117.5,0.66 C124.57615,-28.287894 109.76686,-39.946743 147,-54.84 167.67902,-63.11161 185.9579,-61.293286 208.5,-52.84 222.32639,-47.655105 233.42911,-43.807096 245,-34.34 253.06664,-27.740025 261.84249,-24.010334 267,-14.34 274.10567,-1.0168648 279.5,10.144515 279.5,26.16 279.5,35.339615 270.48945,38.672311 264.5,45.66 257.91477,53.342767 251.25906,60.649938 244.5,68.16 235.8575,77.762779 228.24856,80.285144&#xD;&#xA;214.5,81.66 193.7326,83.73674 183.44174,81.357641 163.5,75.66 144.09912,70.11689 123.36349,65.609706 104.5,58.66 82.590544,50.588095 76.066167,51.245154 63.5,27.16 55.000033,10.868397 48.761808,12.017288 62,-7.84 68.126788,-17.030182 74.447764,-22.335982 87.5,-23.34 96.711428,-24.048571 109.98442,-9.5074671 119,-4.34"/>
    </Window.Clip>-->
    <Border Background="#EEE" Margin="5" CornerRadius="5">
        <Border.Effect>
            <DropShadowEffect ShadowDepth="0" Color="Gray" Direction="0" Opacity="0.3" BlurRadius="10"/>
        </Border.Effect>

        <Grid Margin="10">
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="40"/>
                <RowDefinition Height="40"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>

            <TextBlock Text="用户名" VerticalAlignment="Center" Margin="20,0,0,0"/>
            <TextBlock Text="密  码" VerticalAlignment="Center" Grid.Row="1"/>
            <Button Content="登  录" Height="30" Grid.Row="2"/>
            <TextBlock Text="用户名或密码错误！" Foreground="Red" Grid.Row="3" VerticalAlignment="Center"
                   HorizontalAlignment="Center" Margin="0,10" Name="txtErrorMsg" Visibility="Collapsed"/>
        </Grid>
    </Border>
</Window>

布局原则

  1. 使用布局容器：WPF提供了多种布局容器，如Grid、StackPanel、Canvas等，可以根据布局要求选择相应的容器。

  2. 使用组件对齐：在WPF中，组件可以使用HorizontalAlignment和VerticalAlignment属性控制水平和垂直方向的对齐方式。

  3. 使用网格布局：使用Grid布局可以将UI元素放置在网格中，方便调整和组织。

  4. 使用大小调整：WPF提供了多种方式调整组件的大小，如使用Margin、Padding、Width和Height等属性。

  5. 使用自动布局：WPF中的布局系统可以自动适应组件的大小和位置，避免了手动计算和布局。

  6. 使用样式和模板：WPF中的样式和模板可以将UI元素的布局、样式和行为进行统一管理，提高了布局的灵活性和可维护性。

布局过程

  1. 测量(Measure)：这一步是为了计算控件的大小，确定其需要的空间。该过程中，从父级容器中获取约束(Constraint)，如宽度和高度。

  2. 安排(Arrange)：根据计算出来的大小和约束，确定控件的位置。这一步是通过设置控件的位置和大小来实现的。

  3. 渲染(Render)：在布局完成后，将控件绘制到屏幕上。

  4. 更新(Update)：布局过程中，如果属性发生了改变，需要重新进行布局。比如，控件的内容或者大小发生变化。

 WPF布局系统提供一些附加的服务，如测量工作的缓存，用于提高性能，以及支持控件的自定义测量和排列。除了常规的布局处理之外，WPF还提供了数据绑定、动画和模板等高级特性，可以让控件的布局更加灵活和易于维护。

布局控件

Grid控件

它可以将控件按照网格的形式排列，并可以设置行、列、单元格的属性，比如宽度、高度、对齐方式等。

在WPF中，Grid控件的布局属性主要有以下几种：

  1. RowDefinitions和ColumnDefinitions：分别定义网格中的行和列，可以设置行高和列宽。

  2. Grid.Row和Grid.Column：用来指定控件所在的行和列。可以设置控件所占据的行数和列数。

  3. Grid.RowSpan和Grid.ColumnSpan：用来指定控件跨越的行数和列数。

  4. HorizontalAlignment和VerticalAlignment：用来指定控件在单元格中的水平和垂直对齐方式。

  5. Margin：用来指定控件与单元格边缘的距离。

  6. Padding：用来指定控件内边距。

示例代码：

<Grid>
   <Grid.RowDefinitions>
      <RowDefinition Height="50"/> <!--第一行高度为50-->
      <RowDefinition Height="Auto"/> <!--第二行高度自适应-->
   </Grid.RowDefinitions>
   <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*"/> <!--第一列宽度为剩余空间-->
      <ColumnDefinition Width="100"/> <!--第二列宽度为100-->
   </Grid.ColumnDefinitions>

   <Label Grid.Row="0" Grid.Column="0" Content="Row 1, Column 1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
   <Label Grid.Row="0" Grid.Column="1" Content="Row 1, Column 2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
   <Label Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Content="Row 2, Column 1-2" HorizontalAlignment="Center" VerticalAlignment="Center"
          Margin="5" Padding="10"/>
</Grid>

在这个示例中，我们定义了一个2x2的网格，第一行高度为50，第二行高度为自适应。第一列宽度为剩余空间，第二列宽度为100。在网格中放置了三个Label控件，第一个控件在第一行第一列，第二个控件在第一行第二列，第三个控件占据了第二行的全部列并设置了Margin和Padding。这个例子演示了Grid控件的基本使用方法和布局属性。

 

<Grid>
   <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="Auto"/>
   </Grid.RowDefinitions>
   <Grid.ColumnDefinitions>
      <ColumnDefinition Width="Auto"/>
      <ColumnDefinition Width="Auto"/>
      <ColumnDefinition Width="Auto"/>
   </Grid.ColumnDefinitions>

   <!--第一行第二列-->
   <Label Grid.Row="0" Grid.Column="1" Content="Welcome to my app!" HorizontalAlignment="Center"/>

   <!--第二行第一列-->
   <Button Grid.Row="1" Grid.Column="0" Content="OK"/>
   <!--第二行第二列-->
   <Button Grid.Row="1" Grid.Column="1" Content="Cancel"/>
   <!--第二行第三列-->
   <Button Grid.Row="1" Grid.Column="2" Content="Exit"/>

   <!--第三行第一列-->
   <Label Grid.Row="2" Grid.Column="0" Content="© 2021 My Company, Inc."/>
   <!--第三行第二列-->
   <Label Grid.Row="2" Grid.Column="1"/>
   <!--第三行第三列-->
   <Label Grid.Row="2" Grid.Column="2"/>
</Grid>

在上面的这个例子中，我们定义了一个3x3的网格，第一行的Label通过设置HorizontalAlignment属性为Center实现了水平居中的效果。这个例子中还有一些留空的Label控件，它们可以用来占据网格中的空白部分，使布局更合理。

<Border BorderBrush="Green" BorderThickness="1" Margin="10 20 30 50">
    <Grid Grid.IsSharedSizeScope="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="30"/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <!--列头-->
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="50" SharedSizeGroup="A" />
                <ColumnDefinition Width="100" SharedSizeGroup="B"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Background="Orange"/>
            <Border Background="Green" Grid.Column="1" Margin="3,7,10,15"/>
            <!--左上右下-->
            <GridSplitter HorizontalAlignment="Right" Height="10" Width="5" Background="Gray"/>
            <GridSplitter HorizontalAlignment="Right" Height="10" Width="5" Background="Gray" Grid.Column="1"/>
        </Grid>

        <!--数据表-->
        <Grid Grid.Row="1" Height="60" VerticalAlignment="Top" Margin="0,10,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="A"/>
                <ColumnDefinition  SharedSizeGroup="B"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Background="Orange">
            </Border>
            <Border Grid.Column="1" BorderBrush="Red" BorderThickness="1">
                <TextBlock/>
            </Border>


        </Grid>
        <Grid Grid.Row="1" Height="30" VerticalAlignment="Top" Margin="0,150,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="A"/>
                <ColumnDefinition  SharedSizeGroup="B"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Background="Orange">
            </Border>
            <Border Background="Green" Grid.Column="1"/>
        </Grid>

    </Grid>
</Border>

StackPanel控件

它允许您将控件排列在一行或一列中，并根据需要包装它们。StackPanel可以在水平或垂直方向上排列控件，并将控件压缩在可用空间内。StackPanel适用于需要动态添加或移除控件的情况，以及需要灵活地自动布局的情况。

StackPanel控件的常用属性如下：

  1. Orientation：取值为“Horizontal”（水平方向排列）或“Vertical”（垂直方向排列）。

  2. HorizontalAlignment和VerticalAlignment：用于控制子控件在StackPanel内的水平对齐方式和垂直对齐方式。

  3. Margin：用于控制StackPanel控件的边距。

  4. Background：用于设置StackPanel控件的背景颜色。

  5. MinHeight和MinWidth：用于控制StackPanel控件的最小高度和宽度。

  6. MaxHeight和MaxWidth：用于控制StackPanel控件的最大高度和宽度。

  7. Children：用于向StackPanel控件中添加子控件。

水平排列的按钮

<StackPanel Orientation="Horizontal">
    <Button Content="按钮1"/>
    <Button Content="按钮2"/>
    <Button Content="按钮3"/>
</StackPanel>

垂直排列的文本框

<StackPanel Orientation="Vertical">
    <TextBox Text="文本框1"/>
    <TextBox Text="文本框2"/>
    <TextBox Text="文本框3"/>
</StackPanel>

多层嵌套

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
    <!--栈-->
    <!--关于顺序问题：自定义布局的时候讲布局原理：StackPanel.Order="-1"-->
    <Border Background="Orange" Height="30" Width="50"/>
    <Border Background="Green" Height="30" Width="70" />
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="用户名：" VerticalAlignment="Center"/>
        <TextBox Width="100" Height="30"/>
    </StackPanel>
    <!--使用场景：ToolBar-》控件模板：-->
    <ToolBar Height="40">
        <Button Content="butt"/>
        <Button Content="butt"/>
        <Button Content="butt"/>
        <Button Content="butt"/>
    </ToolBar>
</StackPanel>

DockPanel

它可以使子元素根据指定的方向自动停靠在容器边缘，从而实现灵活的布局排列。通过设置子元素的DockPanel.Dock属性，子元素可以停靠在上、下、左、右四个方向中的任意一个或多个方向上。DockPanel控件通常用于实现窗口、工具栏等常见的用户界面组件的布局。

DockPanel控件的常用属性如下：

  1. Dock：指定控件在DockPanel中的停靠方式，值为Left、Top、Right、Bottom或None，默认值为Left。
  2. LastChildFill：当DockPanel中有多个控件时，指定最后一个控件是否填充剩余空间，默认值为True。
  3. Background：指定控件的背景色。
  4. Margin：指定控件与其他控件之间的空白边距。
  5. Padding：指定内容与控件边缘之间的空白边距。
  6. HorizontalAlignment：指定控件在水平方向上的对齐方式，值为Left、Center、Right或Stretch，默认值为Stretch。
  7. VerticalAlignment：指定控件在垂直方向上的对齐方式，值为Top、Center、Bottom或Stretch，默认值为Stretch。
  8. Width：指定控件的宽度。
  9. Height：指定控件的高度。
  10. MinWidth：指定控件的最小宽度。
  11. MinHeight：指定控件的最小高度。
  12. MaxWidth：指定控件的最大宽度。
  13. MaxHeight：指定控件的最大高度。
<DockPanel LastChildFill="True">
    <!--停靠-->
    <Button Content="Button2" DockPanel.Dock="Left"/>
    <Button Content="Button1" DockPanel.Dock="Top"/>
    <Button Content="Button4" DockPanel.Dock="Bottom"/><!--alt+箭头-->
    <Button Content="Button3" DockPanel.Dock="Right"/>
    <Button Content="Button5" DockPanel.Dock="Bottom"/>
    <Button Content="Button6"/>
</DockPanel>

WrapPanel

它可以自动把子元素按照指定方向排列，并在需要时自动换行。相比于其他面板控件，WrapPanel更加灵活，可以实现多种布局方式。在WrapPanel中，子元素可以具有不同的宽度和高度。它还可以控制子元素之间的间隔以及子元素的对齐方式。WrapPanel通常用于实现流式布局，例如显示文章列表、图片列表等。

WrapPanel控件的主要属性如下：

  1. Orientation：指定子元素的排列方向，可以是水平（Horizontal）或垂直（Vertical），默认为水平方向。

  2. ItemWidth：指定子元素的宽度，如果未指定，则使用子元素的默认宽度。

  3. ItemHeight：指定子元素的高度，如果未指定，则使用子元素的默认高度。

  4. ItemMargin：指定子元素之间的间隔大小，默认为0。

  5. HorizontalAlignment：指定子元素的水平对齐方式，可以是左对齐（Left）、居中对齐（Center）或右对齐（Right），默认为左对齐。

  6. VerticalAlignment：指定子元素的垂直对齐方式，可以是上对齐（Top）、居中对齐（Center）或下对齐（Bottom），默认为上对齐。

  7. FlowDirection：指定子元素的排列顺序，可以是从左到右（LeftToRight）或从右到左（RightToLeft），默认为从左到右。

  8. CanHorizontallyScroll：指定是否可以水平滚动。

  9. CanVerticallyScroll：指定是否可以垂直滚动。

<WrapPanel Orientation="Vertical">
    <Button Content="Button1" Height="40" Width="120" VerticalAlignment="Top"/>
    <Button Content="Button2" Height="40" Width="120" VerticalAlignment="Bottom"/>
    <Button Content="Button3" Height="60" Width="120"/>
    <Button Content="Button4" Height="40" Width="120"/>
    <Button Content="Button4" Height="80" Width="120"/>
    <Button Content="Button4" Height="40" Width="220"/>
    <Button Content="Button4" Height="40" Width="120"/>
    <Button Content="Button4" Height="40" Width="120"/>
    <Button Content="Button4" Height="40" Width="120"/>
    <Button Content="Button4" Height="40" Width="120"/>
    <Button Content="Button4" Height="40" Width="120"/>
</WrapPanel>

UniformGrid

UniformGrid控件是一种用于WPF和UWP应用程序中的布局控件，它将内容在一个均匀的网格中排列。UniformGrid控件提供了一种简单的方式来布局相同大小的元素，并且可以控制元素的行列数量。与其他布局控件相比，UniformGrid控件的优势在于它可以确保所有元素都具有相同的大小，并且不会影响布局中其他元素的位置。

UniformGrid控件是一个布局面板，可以将其子控件排列成类似于网格的形式，其中每个子控件的大小和位置是相同的。UniformGrid控件有以下属性：

  1. Rows：指定UniformGrid控件中的行数。

  2. Columns：指定UniformGrid控件中的列数。

  3. FirstColumn：指定第一个子控件应该位于哪一列。

  4. FirstRow：指定第一个子控件应该位于哪一行。

  5. HorizontalAlignment：指定UniformGrid控件中所有子控件的水平对齐方式。

  6. VerticalAlignment：指定UniformGrid控件中所有子控件的垂直对齐方式。

  7. Margin：指定UniformGrid控件与其父控件之间的边距。

  8. Background：指定UniformGrid控件的背景颜色或背景图片。

  9. Padding：指定UniformGrid控件中所有子控件之间的间距大小。

  10. IsItemsHost：指定UniformGrid控件是否作为ItemsControl的ItemsPanel，并作为其子控件的容器。

<UniformGrid Rows="2" Columns="2">
    <Button Content="Button1"/>
    <Button Content="Button2"/>
    <Button Content="Button3"/>
    <Button Content="Button4"/>
    <Button Content="Button5"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
</UniformGrid>

Canvas

一个面板控件，用于在其上面放置其他控件或绘制图形。Canvas控件允许您以x,y坐标系的形式放置UI元素。您可以使用Canvas控件来创建自定义控件，或为您的应用程序中的其他控件提供布局支持。Canvas控件提供了许多附加属性，如Left，Top，Bottom和Right，用于定位和放置子元素。Canvas控件还允许您使用Path、Line、Polygon、Polyline等形状对象创建线条、多边形、折线等图形。

WPF中的Canvas控件属性包括：

  1. Background：设置Canvas的背景颜色或使用图片进行填充
  2. Width和Height：设置Canvas的宽度和高度
  3. Children：用于添加子元素，可以添加任何UIElement对象
  4. ClipToBounds：指定Canvas是否截取超出其边界的子元素
  5. IsItemsHost：指定Canvas是否作为ItemsControl子控件的宿主控件
  6. Left、Top、Right、Bottom：确定子元素的位置和大小，可以使用Canvas.SetXXX方法进行设置
  7. RenderTransform：应用于Canvas的变换效果，可以包括旋转、缩放和平移等操作
  8. Tag：一个Object类型的属性，用于存储任意数据，并与Canvas关联。
<Canvas>
        <Button Content="Button1" Width="300" Height="90"/>
        <Button Content="Button2" Canvas.Right="20" Canvas.Left="400" Canvas.Top="60" Canvas.Bottom="20"/>
    <Button Content="Button3" Panel.ZIndex="0"/>
    <Button Content="Button4" Panel.ZIndex="0"/>
    <Button Content="Button5" Width="250" Height="80"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Button6"/>
    <Button Content="Butt"/>
</Canvas>

InkCanvas

WPF中用于捕捉和显示用户手写笔迹的专用控件。它提供了一种可视化的方式来收集、编辑和呈现手写笔迹，可以用于绘图、手写笔记、签名等应用场景。InkCanvas控件提供了多种绘图工具和笔刷，可以自由选择颜色、笔触粗细和透明度等属性，同时还支持撤销、重做、清除、保存和加载笔迹等操作。InkCanvas控件还具有高度的可定制性，可以通过绑定事件、使用样式和自定义模板等方式实现个性化的界面和行为。

InkCanvas是WPF中用于手写或涂鸦的控件，它具有以下属性：

  1. Background：设置InkCanvas的背景颜色或背景图像。

  2. DefaultDrawingAttributes：设置InkCanvas默认的画笔属性，如颜色、粗细等。

  3. EditingMode：设置InkCanvas的编辑模式，包括Ink、EraseByPoint、EraseByStroke等。

  4. EditingModeInverted：设置InkCanvas的反向编辑模式，可以将之前的Ink转换为橡皮擦。

  5. EraserShape：设置InkCanvas橡皮擦的形状，如矩形或圆形。

  6. Strokes：获取或设置在InkCanvas上绘制的笔画。

  7. DefaultStylusPointDescription：获取或设置InkCanvas默认的触笔点的描述，包括坐标、压力等信息。

  8. UseCustomCursor：设置是否在InkCanvas上使用自定义光标。

  9. Cursor：设置InkCanvas上的光标。

  10. IsManipulationEnabled：设置是否允许手势操作。

  11. IsHitTestVisible：设置是否允许在InkCanvas上进行命中测试。

  12. GestureRecognizer：获取或设置手势识别器，用于识别手势操作。

  13. DynamicRenderer：获取或设置用于在InkCanvas上实时呈现笔画的DynamicRenderer对象。

  14. ActiveEditingMode：获取或设置当前InkCanvas的激活编辑模式，包括Ink、EraseByPoint、EraseByStroke等。

  15. StylusPlugIns：获取或设置与InkCanvas一起使用的StylusPlugin对象集合。

<InkCanvas EditingMode="Ink" >
    <InkCanvas.DefaultDrawingAttributes>
        <DrawingAttributes Color="Red" Width="10" Height="10">
        </DrawingAttributes>
    </InkCanvas.DefaultDrawingAttributes>
    <Button Content="Button1" InkCanvas.Left="50" InkCanvas.Top="100"/>
    <Button Content="Button2"/>
    <Button Content="Button3"/>
    <Button Content="Button4"/>
    <Button Content="Button5"/>
    <Button Content="Button6"/>
    <Button Content="Button7"/>
    <Button Content="Button8"/>
    <Button Content="Button9"/>
</InkCanvas>

Border

用于将其他控件装入其中，并在它们周围添加边框、填充和背景。它可以显示一个矩形框，作为其他控件的容器，并可以通过控制边框颜色、样式和厚度来改变外观。Border控件还可以设置背景颜色和填充，以及圆角半径来实现更复杂的外观效果。Border控件常用于创建自定义控件、按钮、文本框、标签等UI元素。

WPF中的Border控件属性有：

  1. Background：设置Border控件背景色。

  2. BorderBrush：设置Border控件边框的颜色。

  3. BorderThickness：设置Border控件的边框宽度。

  4. CornerRadius：设置Border控件的圆角半径。

  5. Padding：控制Border控件内部内容与Border边缘之间的距离。

  6. SnapsToDevicePixels：设置Border的渲染方式，使其在像素级别上对齐。

  7. UseLayoutRounding：设置Border的渲染方式，使用布局舍入。

  8. Effect：设置Border控件的效果，如阴影、模糊等。

  9. Opacity：设置Border控件的透明度。

  10. RenderTransform：设置Border控件的渲染变换。

  11. VerticalAlignment、HorizontalAlignment：设置Border控件的垂直和水平对齐方式。

  12. Visibility：设置Border控件的可见性。

  13. Name：设置Border控件的名称，以便在代码中引用。

  14. Tag：设置Border控件的标记，以便在代码中识别。

  15. ToolTip：设置Border控件的工具提示内容。

实例：在WPF中使用Border控件创建一个简单的登录窗口

下面是一个简单的WPF窗口，它使用Border控件实现了一个登录窗口。该窗口包含用户名和密码输入框、登录按钮和一个取消按钮。

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Login Window" Height="200" Width="300">
    <Border BorderBrush="Gray" BorderThickness="1" CornerRadius="5"
            Margin="10" Padding="5">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Label Grid.Row="0" Grid.Column="0" Content="Username:"/>
            <TextBox Grid.Row="0" Grid.Column="1" Margin="5" />
            <Label Grid.Row="1" Grid.Column="0" Content="Password:"/>
            <PasswordBox Grid.Row="1" Grid.Column="1" Margin="5" />
            <StackPanel Grid.Row="2" Grid.Column="1" Orientation="Horizontal"
                        HorizontalAlignment="Right" Margin="0,10,0,0">
                <Button Content="Cancel" Margin="5" IsCancel="True"/>
                <Button Content="Login" Margin="5" IsDefault="True"/>
            </StackPanel>
        </Grid>
    </Border>
</Window>

 自定义控件

public class ZxStackPanel : Panel
{
    // 从上向下的累积
    // 第一个子项  第一个
    // 第二个子项  在第一个子项的高度下面
    // 第三个子项  在第二个子项的高度+第一个子项的高度
    // 。。。。。

    // 两个过程：
    // 测量：
    // 排列

    List<ListItem> children = new List<ListItem>();
    // 测量：主要是对子控件进行期望尺寸的测量
    protected override Size MeasureOverride(Size availableSize)
    {
        //Size size = new Size(availableSize.Width / 4, availableSize.Height);
        // 记录所有子控件的整体高度
        double height = 0;
        // 遍历子控件，对控件一一进行测量动作
        foreach (FrameworkElement item in this.InternalChildren)
        {
            int index = ZxStackPanel.GetIndex(item);
            // 添加到临时集合，供后续排序用
            children.Add(new ListItem { Control = item, Index = index });
            // 控件测量->得到控件的期望尺寸DesiredSize
            item.Measure(availableSize);
            //
            height += item.DesiredSize.Height;
        }

        // 通过依赖附加属性对子控件进行排序
        children = children.OrderBy(c => c.Index).ToList();
        // 根据指定序号进行调整
        int i = 0;
        while (i < children.Count)
        {
            if (children[i].Index > 0)
            {
                ListItem item = children[i];
                children.RemoveAt(i);
                children.Insert(item.Index, item);
            }
            else
                i++;
        }

        // 返回所有子控件所需要的Size，可能比容器大小要大：availableSize
        return new Size(availableSize.Width, height);
    }

    // 排列：最终子控件在放在哪个位置（坐标）上
    // finalSize等于MeasureOverride返回值
    protected override Size ArrangeOverride(Size finalSize)
    {
        // 记录所有子控件的整体高度
        double height = 0;
        foreach (ListItem item in children)
        {
            // 将Item子项放到特定的位置 ，主要是在Rect的X和Y，大小由Rect的Width和Height决定
            item.Control.Arrange(new Rect(0, height, finalSize.Width, item.Control.DesiredSize.Height));
            //
            height += item.Control.DesiredSize.Height;
        }

        return finalSize;
    }


    // 需求：StackPanel中的子项进行顺序调整
    public static int GetIndex(DependencyObject obj)
    {
        return (int)obj.GetValue(IndexProperty);
    }

    public static void SetIndex(DependencyObject obj, int value)
    {
        obj.SetValue(IndexProperty, value);
    }
    public static readonly DependencyProperty IndexProperty =
        DependencyProperty.RegisterAttached("Index", typeof(int), typeof(ZxStackPanel), new PropertyMetadata(0));

    //private int _index;

    //public int Index
    //{
    //    get { return _index; }
    //    set { _index = value; }
    //}

    // 

    // 指定子项的区域大小  大中小
}

class ListItem
{
    public FrameworkElement Control { get; set; }
    public int Index { get; set; }
}

使用自定义的控件

<local:ZxStackPanel>
    <Button Content="Button1"/>
    <Button Content="Button2" local:ZxStackPanel.Index="5"/>
    <Button Content="Button3"/>
    <Button Content="Button4"/>
    <Button Content="Button5"/>
    <Button Content="Button6"/>
    <Button Content="Button7"/>
    <Button Content="Button8" local:ZxStackPanel.Index="3"/>
    <Border Background="Orange" Height="40"/>
</local:ZxStackPanel>

m0_49541521
关注
  • 9
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
机器学习6：使用 TensorFlow 的训练线性回归模型
Jin_Kwok的博客
06-27 1667
纸上得来终觉浅，绝知此事要躬行。前面 5 篇文章介绍了机器学习相关的部分基础知识，在本章，笔者将讲解基于 TensorFlow 实现一个简单的线性回归模型，以便增强读者对机器学习的体感。
yolov5知识蒸馏1：基础原理讲解及yolov5项目实战介绍
@bangbang的博客
07-30 3243
知识蒸馏(Knowledgedistillation)是提升网络性能的方法，通过一个教师网络指导学生网络的学习，教师网络是一个较大的模型，学生网络是一个较小的模型，通过教师网络学习到的知识迁移到学生网络上。训练学生网络的时候可以得到教师网络蒸馏到的softlabel知识，同时学生网络也可以从groundtruth来进行预测学习。蒸馏的关键是教师网络训练得到一个softlabel。...............
解决javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path
u013816904的博客
11-27 7120
参考博客：https://blog.csdn.net/u014256984/article/details/73330573 1、新建一个空的InstallCert.java 文件，用notepad++打开 2、复制下面的代码到文件里面，保存 /*  * Copyright 2006 Sun Microsystems, Inc.  All Rights Reserved.  *  * Red...
Jeff Dean：深度学习的黄金十年
OneFlow深度学习框架
05-05 1439
文章重点关注三个方面：促成AI进步的计算硬件和软件系统；过去十年在机器学习领域一些令人兴奋的应用示例；如何创建更强大的机器学习系统，以真正实现创建智能机器的目标。
Jeff Dean：机器学习在硬件设计中的潜力
OneFlow深度学习框架
09-23 5510
为什么芯片设计需要很长时间？能不能加速芯片设计周期？能否在几天或几周之内完成芯片的设计？这是一个非常有野心的目标。过去十年，机器学习的发展离不开系统和硬件的进步，现在机器学习正在促使系统和硬件发生变革。Google在这个领域已率先出发。在第58届DAC大会上，Google AI负责人Jeff Dean分享了《机器学习在硬件设计中的潜力》，他介绍了神...
Jeff Dean的传奇人生：超级工程师们拯救谷歌
喜欢打酱油的老鸟
12-10 5417
https://mp.weixin.qq.com/s/1Y8tbu0PHdfWYqmsZhQUOg   策划编辑 | Natalie 作者 | James Somers 译者 | 核子可乐 编辑 | Vincent, Natalie AI 前线导读： 在很多人眼中，Jeff Dean 就是谷歌技术的代名词，也是谷歌如此强大的重要原因。但实际上他们都忽视了 Jeff Dean 背后的...
深度学习模型压缩与加速技术（六）：知识蒸馏
十二月未央未眠
04-25 2726
目录总结知识蒸馏定义特点1.学生模型的网络架构2.教师模型的学习信息训练技巧其他场景参考文献 深度学习模型的压缩和加速是指利用神经网络参数的冗余性和网络结构的冗余性精简模型，在不影响任务完成度的情况下，得到参数量更少、结构更精简的模型。被压缩后的模型计算资源需求和内存需求更小，相比原始模型能够满足更加广泛的应用需求。在深度学习技术日益火爆的背景下，对深度学习模型强烈的应用需求使得人们对内存占用少、计算资源要求低、同时依旧保证相当高的正确率的“小模型”格外关注。利用神经网络的冗余性进行深度学习的模型压缩和加
A.深度学习基础入门篇[三]：优化策略梯度下降算法：SGD、MBGD、Momentum、Adam、AdamW
丨汀、的博客
04-05 2630
如果我们定义了一个机器学习模型，比如一个三层的神经网络，那么就需要使得这个模型能够尽可能拟合所提供的训练数据。但是我们如何评价模型对于数据的拟合是否足够呢？，当损失函数值下降，我们就认为模型在拟合的路上又前进了一步。最终模型对训练数据集拟合的最好的情况是在损失函数值最小的时候，在指定数据集上时，为损失函数的平均值最小的时候。
【论文解读 arXiv 2019 | DEAN】DEAN: Learning Dual Emotion for Fake News Detection on Social Media
byn12345的博客
07-10 1377
论文题目：DEAN: Learning Dual Emotion for Fake News Detection on Social Media 论文来源：arXiv 2019 论文链接：https://arxiv.org/abs/1903.01728 关键词：假新闻检测，社交网络，情感，multimodal，Gate 文章目录1 摘要2 引言3 模型3.1 建模发布者情感3.2 建模社交情感3.3 DEAN框架4 实验5 总结 1 摘要 本文要解决的任务是利用文本中的情感信息，进行假新闻检测。 在许.
www:DN.js的主页模板
04-30
邓恩（DEAN）的个人页面 这是院长的个人页面，展示经验，教育和技能 如何建造 您将需要在计算机上安装Node.js或io.js。 然后运行： # Clone the source git clone https://github.com/dnshi/www.git && cd www # ...
Img-Txt-Hybrid:ImgTxtHybrid.js
06-22
#Image Text Hybrid（又名JS Image Text Box）：###作者：Dean Mercado ＃＃＃＃它能做什么： 'imgTxtHybrid()' 是一个 jQuery 插件函数，它可以让一个 jQuery 对象变成一个简单的文本编辑器和一个图像画布。...
JamesDean595.github.io：个人网站
02-20
jamesdean595.github.io 欢迎来到我的网站资料库。
深度学习革命及其对计算机架构和芯片设计的影响【Google Jeff Dean独自署名论文】.zip
12-21
计算机界神级人物、谷歌人工智能主管Jeff Dean发表了独自署名论文《The Deep Learning Revolution and Its Implications for Computer Architecture and Chip Design》，17页pdf论文，长文介绍了后摩尔定律时代的...
daattali.github.io:Dean Attali的网站-RShiny顾问
05-09
Dean Attali的网站版权所有2020 。 根据MIT许可获得许可。 院长阿塔利（Dean Attali）的网站 该网站的主题已开源为 。 请不要分叉此存储库，因为它包含一些特定于我的站点的配置值。 如果您想拥有一个类似的网站，请...
强化学习——学习笔记3
qq_52302919的博客
05-29 1305
先上图：在上述流程图中所说的Q表即为下表：假设我们在玩一个小游戏，该游戏有上下左右不同的动作，同时也会有不同的状态，比如游戏结束等。Q表也可以称为状态-价值函数QsaQ(s,a)Qsa：这个表格的每一行代表每个 state上述例子中的游戏结束等，每一列代表每个 action上述例子中的上下左右，表格的数值就是在各个 state 下采取各个 action 时能够获得的最大的未来期望奖励。
学习整理 docker
最新发布
wonder_dog的博客
05-31 104
nexus。
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1085
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
前端技术入门学习：探索数字世界的奇幻之旅
qwertyhn_0024的博客
05-27 211
HTML定义了网页的结构和内容，CSS负责样式和布局，而JavaScript则实现了网页的交互功能。对于初学者来说，前端技术既是一个充满魅力的新世界，也是一个充满挑战与困惑的领域。本文将引导您从四个方面、五个方面、六个方面和七个方面深入理解前端技术，开启您的学习之旅。在这个过程中，我们需要不断探索、学习和实践，才能逐步掌握这门技艺的精髓。同时，我们也需要保持敏锐的洞察力和开放的心态，不断适应和应对前端技术领域的变化和发展。同时，随着人工智能、大数据等新技术的不断涌现，前端技术也将面临更多的挑战和机遇。
dean@dean-Default-string:~$ git checkout v1.3.0 fatal: not a git repository (or any of the parent directories): .git
03-24
然而，根据提供的引用内容，我们可以看到错误消息"fatal: not a git repository (or any of the parent directories): .git"，这意味着当前目录不是一个git仓库，或者在当前目录的父目录中也没有.git文件夹。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值