C#四种布局方式（网格、泊靠式面板、栈式面板、自动折行式）

C#四种布局面板

利用网格将四种布局面板整合到一个窗口，讲解都在注释中，代码如下

<Grid><Grid.RowDefinitions><RowDefinition Height="1*"/><RowDefinition Height="1*"/><RowDefinition Height="1*"/><RowDefinition Height="1*"/></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="2*"/><ColumnDefinition Width="1*"/></Grid.ColumnDefinitions><Grid Grid.Row="0"><GroupBox Header="Grid网格" Height="Auto"><Button Content="Grid" Background="Yellow"></Button></GroupBox></Grid><Grid Grid.Row="1"><GroupBox Header="DockPanel泊靠式面板" Height="Auto"><DockPanel LastChildFill="False"><!--LastChildFill 设置False时 不填充--><Button DockPanel.Dock="Left" Content="BUtton.left"></Button><Button DockPanel.Dock="Top" Content="button.Top"></Button><Button DockPanel.Dock="Right" Content="button.right"></Button><Button DockPanel.Dock="Bottom" Content="button.Bottom"></Button><Button  Content="ButtonTop"></Button></DockPanel></GroupBox></Grid><Grid Grid.Row="2"><StackPanel><GroupBox Header="StackPanel栈式面板" Height="Auto"><StackPanel Orientation="Vertical" Width="300"><!-- Orientation="Horizontal"按钮呈水平排列--><Button Content="亚马逊"></Button><Button>天猫</Button><Button Content="京东"/><Button Content="天眼"/></StackPanel></GroupBox></StackPanel></Grid><Grid Grid.Row="3"><GroupBox Header="WrapPanel自动折行面板" Height="Auto"><WrapPanel Orientation="Vertical"><!-- Orientation="Horizontal"按钮呈水平排列--><Button Content="亚马逊"></Button><Button>天猫</Button><Button Content="京东"/><Button Content="天眼"/><Button Content="亚马逊"></Button><Button>天猫</Button></WrapPanel></GroupBox></Grid><Grid Grid.Row="0" Grid.Column="1"><!--2、 子元素超出边界--><Canvas ClipToBounds="False"><!--如果将ClipToBounds属性设为true，在设计界面将会对子元素的超出部分进行裁剪--><TextBox Width="100" BorderBrush="Blue"></TextBox><TextBox Canvas.Left="200" Canvas.Top="50" Width="100" BorderBrush="Green"></TextBox><Button Height="200" Canvas.Right="10" Canvas.Bottom="-130" Content="按钮"></Button></Canvas></Grid></Grid> ```

C#四种布局方式（网格、泊靠式面板、栈式面板、自动折行式）相关推荐

Android开发的之基本控件和详解四种布局方式
Android中的控件的使用方式和iOS中控件的使用方式基本相同,都是事件驱动.给控件添加事件也有接口回调和委托代理的方式.今天这篇博客就总结一下Android中常用的基本控件以及布局方式.说到布局方 ...
relative布局html,CSS的四种布局方式static/relative/fixed/absolute
static static布局是HTML元素默认的布局方式,并且static布局的元素不会受到top/left/bottom/right属性的影响.布局元素的位置即其在标准文档流中的位置. relat ...
HTML+CSS 五种布局方式
已知布局元素的高度,写出三栏布局,要求左栏.右栏宽度各为300px,中间自适应. 一.浮动布局 <!DOCTYPE html> <html> <head><m ...
【Android】android开发之splash闪屏页的四种实现方式，启动页的实现教程。
2019独角兽企业重金招聘Python工程师标准>>> 作者:程序员小冰,GitHub主页: https://github.com/QQ986945193 新浪微博:http://w ...
[转]企业网站首页设计常见的6种布局方式
在群里和大家交流时,看到太多的网页设计师发布企业站的个人作品,设计中总是摆脱不了大框套小框的设计布局思路,不加思索的跳入单一的网页布局形式中,于是就有了把企业站常用的页面布局方式总结一下的想法,让 ...
企业网站首页设计常见的6种布局方式
转载自:http://www.wzsky.net/html/Website/Experience/120178.html 在群里和大家交流时,看到太多的网页设计师发布企业站的个人作品,设计中总是摆脱不 ...
Android开发之入门基础篇--拨号器的四种实现方式
整理之前的学习笔记,发现了很多在学习Android基础的过程中的一些很适合一些新手开发的代码,想想之前也是一步一个脚印,一行一行的代码敲出来的,虽然这些代码很简单,但是里面的编程思路却是很有学习意义的 ...
【读MFiX源代码】MFiX中四种传热方式全面详解（对流、导热、辐射、反应热）并且输出以供后处理（2020-12-15更新）
文章目录 1 目标 2 代码结构 2.1 des_time_step外层总控制 2.2 颗粒导热 2.2.1 颗粒-颗粒导热:calc_force_dem.f和des_thermo_cond_mod. ...
简述css属性选择器的几种定义方式_css的四种使用方式 css规则按选择器类型分为那四种...
HTML中嵌入CSS的四种方式及优先级,如何选择 1. 行内样式行内样式就是把 CSS 样式直接放在代码行内的标签中,一般都是放入标签的style属性中,由于行内样式直接插入标签中,故是最直接的一种方 ...

C#四种布局方式（网格、泊靠式面板、栈式面板、自动折行式）

C#四种布局方式（网格、泊靠式面板、栈式面板、自动折行式）相关推荐

最新文章

热门文章