浅谈WPF之UI布局

一个成功的软件，离不开人性化的UI设计，如何抓住用户第一视觉，让用户产生依赖感，合适优雅的布局必不可少。本文以一些简单的小例子，简述WPF中布局 面板 控件的使用，仅供学习分享使用，如有不足之处，还请指正。

图片

涉及知识点

在WPF中，关于布局面板控件，主要有以下几种：

  1. StackPanel：栈面板，可以将元素排列成一行或者一列。其特点是：每个元素各占一行或者一列。

  2. WrapPanel：环绕面板，将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够时就会自动调整进行换行，后续排序按照从上至下或从左至右的顺序进行。

  3. DockPanel：停靠面板，定义一个区域，在此区域中，您可以使子元素通过描点的形式排列，这些对象位于 Children 属性中。

  4. Grid：网格面板， Grid顾名思义就是“网格”，以表格形式布局元素，对于整个面板上的元素进行布局，它的子控件被放在一个一个事先定义好的小格子里面，整齐配列。Grid和其他各个Panel比较起来，功能最多也最为复杂。

  5. Canvas：画布面板，画布，用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种，直接将元素放到指定位置，主要来布置图面。

StackPanel【栈面板】

栈面板,可以将元素排列成一行或者一列，其特点是：每个元素各占一行或者一列。

Orientation属性指定排列方式：

  1. Vertical(垂直)【默认】，垂直排列时，每个元素都与面板一样宽。

  2. Horizontal(水平)，水平排列时，每个元素都与面板一样高；

如果包含的元素超过了面板空间，它只会截断多出的内容。元素的Margin属性用于使元素之间产生一定得间隔，当元素空间大于其内容的空间时，剩余空间将由HorizontalAlignment和 VerticalAlignment属性来决定如何分配。

Vertical(垂直)，默认情况下，每一个元素都与面板一样宽，如下所示：

图片

 示例代码，如下所示：

<Window x:Class="WpfApp1.SecondWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="StackPanel示例" Height="450" Width="500">


    <StackPanel Margin="5,5,5,5">
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5"></Button>
    </StackPanel>
</Window>

Horizontal(水平)，水平排列时，每个元素都与面板一样高。如下所示：

图片

示例代码，与垂直排列相同，只是多了一个Oriention属性，如下所示：

<StackPanel Margin="5,5,5,5" Orientation="Horizontal">
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5"></Button>
</StackPanel>

StackPanel其他常用属性：

  1. HorizontalAlignment：水平对齐方式，值：Left，Center，Right，Stretch。

  2. VerticalAlignment：垂直对齐方式，值：Bottom ， Center，Stretch，Top。

  3. Visibility：设置StackPanel是否可见，值：Visible，Hidden，Collapsed。

  4. Background：设置背景颜色，值为Bursh类型的枚举值。

  5. Width，Height，MinWidth，MinHeight，MaxWidth，MaxHeight：分别用来设置StackPanel的宽，高，最小宽，最小高，最大宽，最大高。

WrapPanel【环绕面板】

WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够时就会自动调整进行换行，后续排序按照从上至下或从左至右的顺序进行。

水平排列：当Orientation属性的值设置为 Horizontal：元素是从左向右排列的，然后自上至下自动换行。如下所示：

图片

 示例源码所示：

<Window x:Class="WpfApp1.ThirdWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="WrapPanel示例" Height="450" Width="400">
    <WrapPanel Margin="5,5,5,5">
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5"></Button>

    </WrapPanel>
</Window>

垂直排列：默认为水平排列，通过设置WrapPanel的Orientation属性为Vertical，可以修改排列方向，垂直排列，如下所示：

图片

 示例源码如下所示：

<WrapPanel Margin="5,5,5,5" Orientation="Vertical">
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Height="40"></Button>

</WrapPanel>

WrapPanel其他常用属性，除了StackPanel属性常用属性，还有两个，如下所示：

  1. ItemHeight：所有的元素都相同高度。

  2. ItemWidth：所有的元素都相同宽度。

其他子元素设置的属性，如果大于ItemHeight，ItemWidth的值，则被截取。如下所示：

 源码如下所示：

<WrapPanel Margin="5,5,5,5" Orientation="Vertical" ItemHeight="30" ItemWidth="100">
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Height="40"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Height="40"></Button>

</WrapPanel>

DockPanel【停靠面板】

DockPanel定义一个区域，在此区域中，您可以使子元素通过描点的形式排列，这些对象位于 Children 属性中。停靠面板类似于WinForm中控件的Dock属性。DockPanel会对每个子元素进行排序，并将根据指定的边进行停靠，多个停靠在同侧的元素则按顺序排序。在DockPanel中，指定停靠边的控件，会根据定义的顺序占领边角，所有控件绝不会交叠。

默认情况下，所有子元素都是靠左停靠【DockPanel.Dock=Left】

图片

可以单独设置每一个子元素的Dock属性，如下所示：

图片

示例源码如下所示：

<Window x:Class="WpfApp1.FourWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="DockPanel示例" Height="450" Width="600">
    <DockPanel LastChildFill="True" >
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" DockPanel.Dock="Left"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" DockPanel.Dock="Top"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" DockPanel.Dock="Right"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" DockPanel.Dock="Bottom"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" DockPanel.Dock="Left"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" DockPanel.Dock="Top"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" DockPanel.Dock="Right"></Button>
        <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" DockPanel.Dock="Bottom"></Button>
        <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5"></Button>
    </DockPanel>
</Window>

注意：在DockPanel中，元素的先后顺序很重要，关系着元素是否“顶边”。

 DockPanel其他常用属性，除了StackPanel属性常用属性，还有一个，如下所示：

  1. LastChildFill：最后一个子元素，是否填充剩余空间，默认为True。

Grid【网格面板】

Grid顾名思义就是“网格”，以表格形式布局元素，对于整个面板上的元素进行布局，它的子控件被放在一个一个事先定义好的小格子里面，整齐配列。Grid和其他各个Panel比较起来，功能最多也最为复杂。

要使用Grid，首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和 ColumnDefinitions元素，从而定义行数和列数。

而放置在Grid面板中的控件元素都必须显示采用Row和Column附加属性定义其放置所在的行和列，这两个属性的值都是从0开始的索引数，如果没有显式设置任何行或列，Grid将会隐式地将控件加入在第0行第0列。

由于Grid的组成并非简单的添加属性标记来区分行列，这也使得用户在实际应用中可以具体到某一单 元格中，所以布局起来就很精细了。 

Grid的单元格可以是空的，一个单元格中可以有多个元素，而在单元格中元素是根据它们的Z顺序一个接着一个呈现的。

Grid面板将元素分割到不可见的行列网格中。尽管可以在一个单元格中放置多个元素（这时这些元素会相互重叠），但在每个单元格中只放置一个元素通常更合理。当然，在Grid单元格中的元素本身也可能是另一个容器，该容器组织它所包含的一组控件。

默认情况下，如果不设置Grid面板的行列宽，与高，则默认均分，且如果不显示设置子元素的大小，则默认填充，如下所示：

 

图片

 示例代码，如下所示：

<Window x:Class="WpfApp1.FiveWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="GridPanel示例" Height="450" Width="700">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="0"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="1"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="2"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="0"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="1"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="2"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="0"></Button>
        <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="1"></Button>
        <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="2"></Button>
    </Grid>

</Window>

Grid行高与列宽设置

列宽和行高，分别可以在ColumnDefinition、RowDefinition里面指定Width、Height的值。

设置宽与高的几种方式：

  1. 固定值：设置具体的数字，单位为像素px。

  2. Auto：根据子元素的大小，自动分配大小，刚好能够容纳子元素的内容。

  3. 星号*：根据比例自动分配剩余空间。

行高列宽设置示例

图片

示例源码如下所示：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="1*"></RowDefinition>
        <RowDefinition Height="2*"></RowDefinition>
        <RowDefinition Height="3*"></RowDefinition>
     </Grid.RowDefinitions>
     <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*"></ColumnDefinition>
        <ColumnDefinition Width="2*"></ColumnDefinition>
        <ColumnDefinition Width="3*"></ColumnDefinition>
     </Grid.ColumnDefinitions>
    <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="0"></Button>
    <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="1"></Button>
    <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Grid.Row="0" Grid.Column="2"></Button>
    <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="0"></Button>
    <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="1"></Button>
    <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Grid.Row="1" Grid.Column="2"></Button>
    <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="0"></Button>
    <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="1"></Button>
    <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5" Grid.Row="2" Grid.Column="2"></Button>
</Grid>

Grid面板其他属性，除了StackPanel属性常用属性，还有两个，如下所示：

  1. Grid.ColumnSpan：用于设置元素跨越的单元格列数。

  2. Grid.RowSpan：用于设置元素跨越的单元格行数。

Canvas【画布面板】

画布，用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种，直接将元素放到指定位置，主要来布置图面。

使用Canvas，必须指定一个子元素的位置（相对于画布），否则所有元素都将出现在画布的左上角。如果Canvas是窗口主元素（即最外层的布局面板是Canvas），用户改变窗口大小时，Canvas也会随之变化，子元素的位置也会随之移动，以保证相对于Canvas的位置属性不变。

Canvas通过设置Left，Top，Bottom，Right等属性的值，来设置子元素的位置。如下所示：

图片

示例源码，如下所示：

<Window x:Class="WpfApp1.SixWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="Canvas面板示例" Height="500" Width="500">
    <Canvas>
        <Button x:Name="button1" Content="第一个按钮" Margin="2,5,2,5" Canvas.Left="0" Canvas.Top="0"></Button>
        <Button x:Name="button2" Content="第二个按钮" Margin="2,5,2,5" Canvas.Left="50" Canvas.Top="50"></Button>
        <Button x:Name="button3" Content="第三个按钮" Margin="2,5,2,5" Canvas.Left="100" Canvas.Top="100"></Button>
        <Button x:Name="button4" Content="第四个按钮" Margin="2,5,2,5" Canvas.Left="150" Canvas.Top="150"></Button>
        <Button x:Name="button5" Content="第五个按钮" Margin="2,5,2,5" Canvas.Left="200" Canvas.Top="200"></Button>
        <Button x:Name="button6" Content="第六个按钮" Margin="2,5,2,5" Canvas.Left="250" Canvas.Top="250"></Button>
        <Button x:Name="button7" Content="第七个按钮" Margin="2,5,2,5" Canvas.Left="300" Canvas.Top="300"></Button>
        <Button x:Name="button8" Content="第八个按钮" Margin="2,5,2,5" Canvas.Left="350" Canvas.Top="350"></Button>
        <Button x:Name="button9" Content="第九个按钮" Margin="2,5,2,5" Canvas.Left="400" Canvas.Top="400"></Button>
    </Canvas>
</Window>

注意：要说明一点Canvas内的子控件不能使用两个以上的Canvas附加属性，如果同时设置Canvas.Left和Canvas.Right属性，那么后者将会被忽略。

Canvas的其他属性，除了StackPanel的常用属性外，还有两个属性，如下所示：

  1. ClipToBounds：超出边界部分，是否需要进行剪裁。

  2. Panel.ZIndex：用于设置子元素在Z方向上的顺序，值越大，越靠上。如果两个元素重叠，则ZIndex值小的将会被覆盖。

以上就是【浅谈WPF之UI布局】的全部内容，关于更多详细内容，可参考官方文档。希望能够一起学习，共同进步。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/345398.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

学习笔记-李沐动手学深度学习（二）（08-09、线性回归、优化算法、Softmax回归、损失函数、图片分类）

学习笔记-李沐动手学深度学习（二）（08-09、线性回归、优化算法、Softmax回归、损失函数、图片分类）

总结 以_结尾的方法&#xff0c;好像是原位替换&#xff08;即 原地修改&#xff0c;就地修改变量&#xff09;如 fill_() 感恩的心&#xff1a;&#xff08;沐神的直播环境&#xff09; 08-线性回归基础优化算法 引言&#xff08;如何在美国买房&#xff09; 根据现在行…
阅读更多...
51单片机ESP8266

51单片机ESP8266

一、MQTT透传AT固件 安信可提供的烧录WiFi固件工具&#xff1a; 链接: https://docs.ai-thinker.com/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B72 安信可提供的固件库链接: https://docs.ai-thinker.com/%E5%9B%BA%E4%BB%B6%E6%B1%87%E6%80%BB 经过测试&#xff0c;选择这个不可以…
阅读更多...
LeetCode刷题---删除排序链表中的重复元素 II

LeetCode刷题---删除排序链表中的重复元素 II

解题思路: 1.首先定义虚拟节点dummy,dummy的下一个节点指向head节点。 2.定义辅助节点cur指向dummy节点 3.开始遍历链表&#xff0c;如果当前节点cur的下一个节点和下下一个节点都不为空的情况下&#xff0c;对cur的下一个节点和下下一个节点的值进行判断。 4.如果当前节点cur的…
阅读更多...
Python基础第九篇（Python可视化的开发）

Python基础第九篇（Python可视化的开发）

文章目录 一、json数据格式&#xff08;1&#xff09;.转换案例代码&#xff08;2&#xff09;.读出结果 二、pyecharts模块介绍三、pyecharts模块入门&#xff08;1&#xff09;.pyecharts模块安装&#xff08;2&#xff09;.pyecharts模块操作&#xff08;1&#xff09;.代码…
阅读更多...
洛谷刷题-【入门2】分支结构

洛谷刷题-【入门2】分支结构

目录 1.苹果和虫子 题目描述 输入格式 输出格式 输入输出样例 2.数的性质 题目描述 输入格式 输出格式 输入输出样例 3.闰年判断 题目描述 输入格式 输出格式 输入输出样例 4.apples 题目描述 输入格式 输出格式 输入输出样例 5.洛谷团队系统 题目描述 …
阅读更多...
什么是信号抖动

什么是信号抖动

对于抖动&#xff0c;有一个简单而直观的定义&#xff1a; “Jitter is defined as the short-term variations of a digital signal’s significant instants from their ideal positions in time.” 翻译过来&#xff0c;就是&#xff1a; “抖动被定义为一个数字信号的重要时…
阅读更多...
Duplicate keys detected: ‘41172‘. This may cause an update error.

Duplicate keys detected: ‘41172‘. This may cause an update error.

在写项目的过程中&#xff0c;遇到了 Duplicate keys detected: 41172. This may cause an update error. 这个错误具体错误信息如下&#xff1a; 原因&#xff1a;v-for 循环时&#xff0c;用了重复的key值 解决方案&#xff1a; 1、单个v-for循环&#xff0c;选择id或其他唯一…
阅读更多...
【C++杂货铺】快速学会命名空间

【C++杂货铺】快速学会命名空间

目录 &#x1f308;前言 &#x1f4c1; 命名空间的定义 &#x1f4c1; 命名空间的使用 ● 加命名空间名称及作用域限定符 ● 使用using将命名空间中某个成员引入 ● 使用using namespace 命名空间名称 引入 &#x1f4c1; C输入 和 输出 &#x1f4c1; 总结 &#x1f3…
阅读更多...
微信小程序首页、界面布局、功能简洁（示例三）

微信小程序首页、界面布局、功能简洁（示例三）

微信小程序首页界面布局、页面简洁&#xff0c;功能简单 直接上具体代码&#xff1a; 1、js代码 Page({/*** 页面的初始数据*/data: {imgList: [../../images/demo.jpg, ../../images/demo.jpg, ../../images/demo.jpg],navList: [{src: ../../images/nav1.png,title: 菜单一}…
阅读更多...
《统计学习方法：李航》笔记 从原理到实现（基于python）-- 第 2章感知机

《统计学习方法：李航》笔记 从原理到实现（基于python）-- 第 2章感知机

文章目录 第 2章感知机2.1 感知机模型2.2 感知机学习策略2.2.1 数据集的线性可分性2.2.2 感知机学习策略 2.3 感知机学习算法2.3.1 感知机学习算法的原始形式2.3.2 算法的收敛性2.3.3 感知机学习算法的对偶形式 实践&#xff1a;二分类模型&#xff08;iris数据集&#xff09;数…
阅读更多...
【机器学习300问】17、什么是欠拟合和过拟合？怎么解决欠拟合与过拟合？

【机器学习300问】17、什么是欠拟合和过拟合？怎么解决欠拟合与过拟合？

一个问题出现了&#xff0c;我们首先要描述这个问题&#xff0c;然后分析问题出现的原因&#xff0c;找到原因后提出解决方案。废话不多说&#xff0c;直接上定义&#xff0c;然后通过回归和分类任务的例子来做解释。 一、什么是欠拟合和过拟合&#xff1f; &#xff08;1&am…
阅读更多...
微信小程序之全局配置-window和tabBar

微信小程序之全局配置-window和tabBar

学习的最大理由是想摆脱平庸&#xff0c;早一天就多一份人生的精彩&#xff1b;迟一天就多一天平庸的困扰。各位小伙伴&#xff0c;如果您&#xff1a; 想系统/深入学习某技术知识点… 一个人摸索学习很难坚持&#xff0c;想组团高效学习… 想写博客但无从下手&#xff0c;急需…
阅读更多...
日常修复msvcp140.dll丢失的解决方法，msvcp140.dll文件的影响

日常修复msvcp140.dll丢失的解决方法，msvcp140.dll文件的影响

msvcp140.dll文件是Microsoft Visual C Redistributable包的一部分&#xff0c;它在Windows系统中发挥着重要作用。当出现msvcp140.dll丢失的情况时&#xff0c;这意味着操作系统或应用程序无法找到该文件&#xff0c;可能会导致应用程序无法启动、错误提示等问题。幸运的是&am…
阅读更多...
【漏洞复现】Atlassian Confluence远程代码执行漏洞(CVE-2023-22527)

【漏洞复现】Atlassian Confluence远程代码执行漏洞(CVE-2023-22527)

文章目录 前言声明一、Atlassian Confluence简介二、漏洞描述三、影响版本四、漏洞复现五、整改意见 前言 Atlassian Confluence是澳大利亚Atlassian公司的一套专业的企业知识管理与协同软件&#xff0c;也可以用于构建企业WiKi。 声明 请勿利用文章内的相关技术从事非法测试…
阅读更多...
knife4j调用接口报404

knife4j调用接口报404

问题 Knife4j文档请求异常&#xff0c;请求资源的接口都是404 解决方法 就是请求路径出错了&#xff0c;我一开始还以为是拦截器拦截了来自knife4j发来的请求。。。
阅读更多...
C++后端开发之Sylar学习一：配置环境

C++后端开发之Sylar学习一：配置环境

Sylar学习一&#xff1a;配置环境 安装虚拟机 我安装的是Ubuntu 20.04&#xff0c;分配了60G的SSD容量&#xff0c;8G的内存 配置Ubuntu 修改软件源 切换到管理员账户进入到/etc/apt目录 /etc/apt 目录是 Ubuntu 系统中存储与包管理系统 APT (Advanced Package Tool) 相关…
阅读更多...
需求分析的结构化和面向对象方法

需求分析的结构化和面向对象方法

需求分析的方法&#xff0c;主要有结构化&#xff08;SA&#xff09;方法、面向对象分析&#xff08;OOA&#xff09;方法。另外有面向问题域的分析(Problem Domain Oriented Analysis&#xff0c;PDOA)方法&#xff0c;还有一些形式化方法例如VDM ( Vienna Design Method)和Z等…
阅读更多...
Linux中Iptables使用

Linux中Iptables使用

概念&#xff1a;网络中的防火墙&#xff0c;是一种将内部网络和外部网络分开的方法&#xff0c;是一种隔离技术 作用&#xff1a; 防火墙在内网与外网通信时进行访问控制&#xff0c;依据所设置的规则对数据包作出判断&#xff0c;最大限度地阻止网络中的黑客破坏企业网络&…
阅读更多...
抓包工具Charles修改Response步骤

抓包工具Charles修改Response步骤

前言 Charles是在Mac下常用的截取网络封包的工具&#xff0c;在测试服务器端的网络通讯&#xff0c;往往用它来截取网络封包来分析。Charles通过将自己设置成系统的网络访问代理服务器&#xff0c;使得所有的网络访问请求都通过它来完成&#xff0c;从而实现了网络封包的截取与…
阅读更多...
hcip高级网络知识

hcip高级网络知识

一&#xff1a;计算机间信息传递原理 抽象语言----编码 编码---二进制 二进制---转换为电流&#xff08;数字信号&#xff09; 处理和传递数字信号 二&#xff1a;OSI--七层参考模型 ISO--1979 规定计算机系统互联的组织&#xff1a; OSI/RM ---- 开放式系统互联参考模型 --- 1…
阅读更多...
最新文章

Copyright @ 2022~2023