c# 利用splitcontainer 布局

2026-09-05

C# - VS2019页面布局容器splitContainer和groupBox小结

前言在WinFrm应用程序中,产品的外观.布局将直接影响用户第一体验,所以对于开发者来说,在没有美工支持的前提下,应当注意系统页面的布局,本章主要讲解splitContainer和groupBox的一些常规用法. splitContainer 拖到一个splitContainer1到主界面上,默认效果如下. 常用属性: IsSplittedFixed 是否锁定左右/上下拖动 BorderStyle 设定边缘显示样式 Oritentation 设定分割方向,Horizontal上下分割,Vert

Html利用CSS布局技巧

单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 .parent{text-align: center;} .child{display: inline-block;} 优点:兼容性好:不足:需要同时设置子元素和父元素使用margin:0 auto来实现 .c

利用青瓷布局自定义加载的场景，而不是自己改写qici-loading

加载界面如果全部通过自己手动布局不仅不美观,还很难控制.借用原生的场景切换加载效果,来实现我们游戏的加载效果. 没有做加载修改的原来的加载顺序: 黑乎乎界面->(游戏定制的加载)你的第一个场景->(游戏定制加载)你的第二个场景->(游戏定制加载)你的第三个场景一般思路自己定义装载界面->(游戏定制的加载)你的第一个场景->(游戏定制加载)你的第二个场景->(游戏定制加载)你的第三个场景我的思路: 屏蔽默认黑乎乎->(定制游戏加载画面)你的第一个场

利用flex布局来column分布

html代码 <div class='items'> <div class='item'></div> <div class='item'></div> <div class='item'></div> </div> css代码 items:{ display:flex; flex-direction:column; -webkit-flex-direction:column; -moz-flex-direct

height:100% 布局

常常会碰到需要填满整个浏览器,并且自适应高度的需求.首先肯定会想到给容器设定height:100%,但是会没有效果.原因是body没有高度,所以百分比无法生效. 解决方案:给html,body,标签都加上height:100% <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{padding:0;margin: 0;} h

css3 FlexBox 弹性布局

Flex 弹性布局这个是css3中新添加的内容,现在已经支持所有的浏览器,利用Flex布局,可以简便.完整.响应式地实现各种页面布局. 注意:在设置 flex 后,子元素的flaot ,clear, vertical-align 都失效. Webkit 内核的浏览器,必须加上 -webkit前缀 flex 里面的元素我们把它们称为项目目前支持: 1.Chrome 21+ 2.Opera 12.1+ 3.Firefox 22+ 4.Safari 6.1+ 5.IE 10+ 在弹性布局中有

CSS：谈谈栅格布局

检验前端的一个基本功就是考查他的布局.很久之前圣杯布局风靡一时,这里就由圣杯布局开始,到最流行的bootstrap栅格布局. 圣杯布局圣杯布局是一种三列布局,两边定宽,中间自适应: * { box-sizing: border-box; } html, body{ width: 100%; height: 100%; margin: 0; } .container{ width:100%; } .container:after{ display: table; content:"."

[置顶] Android系统五大布局详解Layout

我们知道Android系统应用程序一般是由多个Activity组成,而这些Activity以视图的形式展现在我们面前,视图都是由一个一个的组件构成的.组件就是我们常见的Button.TextEdit等等.那么我们平时看到的Android手机中那些漂亮的界面是怎么显示出来的呢?这就要用到Android的布局管理器了,网上有人比喻的很好:布局好比是建筑里的框架,组件按照布局的要求依次排列,就组成了用于看见的漂亮界面了. 在分析布局之前,我们首先看看控件:Android中任何可视化的控件都是从andr

CSS两列及三列自适应布局方法整理

布局自适应两列三列在传统方法的基础上加入了Flex布局并阐述各方法的优缺点,希望对大家有所帮助.先上目录: 两列布局:左侧定宽,右侧自适应方法一:利用float和负外边距方法二:利用外边距方法三:利用position 方法四:利用flex布局三列布局:左右定宽,中间自适应. 方法一:使用负外边距方法二:使用绝对定位方法三:使用flex布局两列布局:左侧定宽,右侧自适应方法一:利用float和负外边距 <!DOCTYPE html><html lang="

关于SWT中的GridLayout布局方式

GridLayout 布局的功能非常强大,也是笔者常用的一种布局方式.GridLayout是网格式布局,它把父组件分成一个表格,默认情况下每个子组件占据一个单元格的空间,每个子组件按添加到父组件的顺序排列在表格中. GridLayout布局 GridLayout 布局的功能非常强大,也是笔者常用的一种布局方式.GridLayout是网格式布局,它把父组件分成一个表格,默认情况下每个子组件占据一个单元格的空间,每个子组件按添加到父组件的顺序排列在表格中.GridLayout提供了很多的属性,可以灵

三栏布局的n种实现

本文主要讨论左右边栏固定宽度,中间栏填满其余空间的布局.至于其他类型,基本上也就是半斤和八两.每一种布局都会有个Demo,个人依然认为文章里帖代码并没有Demo来的直接.所以正文负责解释,源码参见Demo.其中讨论了这么多种(6种)布局,有以下理由:1是每种布局也都有他的毛病,没有十全十美的,每种布局也都有人在用.2是虽然有相对优秀的方案,但是不优秀的方案也有有用的东西在里边,可能会启发其他的思路补充遗漏的知识点. 利用绝对定位特点:左右两栏采用绝对定位抽离文档流,分别固定于页面的左右两侧,中间

浅谈android4.0开发之GridLayout布局

作者:李响本文重点讲述了自android4.0版本号后新增的GridLayout网格布局的一些基本内容,并在此基础上实现了一个简单的计算器布局框架.通过本文,您可以了解到一些android UI开发的新特性,并可以实现相关应用. 在android4.0版本号之前,假设想要达到网格布局的效果,首先能够考虑使用最常见的LinearLayout布局,可是这种排布会产生例如以下几点问题: 1.不能同一时候在X,Y轴方向上进行控件的对齐. 2.当多层布局嵌套时会有性能问题. 3.不能稳定地支持一些支持自

安卓开发24：FrameLayout布局

FrameLayout布局 FrameLayout是五大布局中最简单的一个布局.FrameLayout布局中的元素会根据先后顺序重叠起来.利用FrameLayout布局元素重叠的特性,我们一般可以做一些层的隐藏和显示,以及在一个图片上放置另外一个小图标等这样的功能. 看代码: <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.

Flex布局摆脱float带来的布局问题

完整文章地址http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的.如果父元素只包含浮动元素,且父元素未设置高度和宽度的时候.那么它的高度就会塌缩为零.那我们就不能做高度根据内容自动调整的布局,但是利用flex布局可以实现,不需要设置父元素的宽度和高度,让父元素根据子元素自动调整大小. Flex是Flexible Box的缩

Android系统五大布局详解Layout

我们知道Android系统应用程序一般是由多个Activity组成,而这些Activity以视图的形式展现在我们面前, 视图都是由一个一个的组件构成的.组件就是我们常见的Button.TextEdit等等.那么我们平时看到的Android手机中那些漂亮的界面是怎么显示出来的呢?这就要用到Android的布局管理器了,网上有人比喻的很好:布局好比是建筑里的框架,组件按照布局的要求依次排列,就组成了用于看见的漂亮界面了. 在分析布局之前,我们首先看看控件:Android中任何可视化的控件都是从an

使用XML布局文件和Java代码混合控制UI界面

完全使用Java代码来控制UI界面不仅烦琐.而且不利于解耦:而完全利用XML布局文件来控制UI界面虽然方便.便捷,但难免有失灵活.因此有些时候,可能需要混合使用XML布局文件和代码来控制UI界面. 当混合使用XML布局文件和代码来控制UI界面时,习惯上把变化下.行为比较固定的组件放在XML布局文件中管理,而那些变化较多.行为控制比较复杂的组件则交给Java代码老管理. 实例:简单图片浏览器前台代码: <?xml version="1.0" encoding="u

Xamarin自定义布局系列——ListView的一个自定义实现ItemsControl（横向列表）

在以前写UWP程序的时候,了解到在ListView或者ListBox这类的列表空间中,有一个叫做ItemsPannel的属性,它是所有列表中子元素实际的容器,如果要让列表进行横向排列,只需要在Xaml中如下编辑即可 //UWP中用XAML大致实现如下 ··· <ListView.ItemsPannel> <StackPannel Orientation="Horizental"/> </ListView.ItemsPannel> ··· 这种让列表元

CSS三栏布局

一.绝对定位 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> .container{ position: relative; } .left{ position: absolute; top: 0; right: 0; width: 100px; height: 100px; background:

svg矢量图在flex布局中样式扭曲的问题

问题机型小米5 华为nova 其他未知的可能机型问题描述利用flex 布局的一行中, 左一样式: -webkit-box-flex: 0; flex: 0 1 auto; 左二样式: -webkit-box-flex: 1; flex: 1 1 0%; width: 0px; svg 所在的箭头的样式使用的是: width: 8px; position: relative; 箭头要么缺了一块,要么干脆消失了. 解决在svg元素上加上: transform: translate3d(0,

sticky footer 和 flex布局的原理

Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过.它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部:如果内容足够长时,页脚块会被内容向下推送. 一.使用flex布局这种方法就是利用flex布局对视窗高度进行分割.footer的flex设为0,这样footer获得其固有的高度;content的flex设为1,这样它会充满除去footer的其他部分. <div class="box"> <div class="co

c# 利用splitcontainer 布局

热门专题