Delphi XE2 新控件 布局Panel TGridPanel TFlowPanel

2023-11-06 09:52

本文主要是介绍Delphi XE2 新控件 布局Panel TGridPanel TFlowPanel,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Delphi XE2 新控件

Firemonkey 布局Panel

Windows平台VCl

TGridPanel TFlowPanel

FMX 跨平台 

TLayout TGridLayout TFlowLayout TGridPanelLayout

fmx的Layout容器比panel节省资源

 TGridPanelLayout

 GridPanelLayout1、GridPanelLayout

http://docwiki.embarcadero.com/Libraries/Seattle/en/FMX.Layouts.TGridPanelLayout

行高设为指定的值或按比例缩放。

九宫格

TGridPanelLayout.TCellItem.SizeStyle,​​Absolute,​​​​Percent​​

选中控件,ColumnCollection,RowCollection添加列行

GridPanel1.ControlCollection.BeginUpdate;
   while GridPanel1.ControlCollection.Count > 0 do
   GridPanel1.ControlCollection.Items[0].Control.DisposeOf;
1.
2.
3.


 

http://docwiki.embarcadero.com/RADStudio/Seattle/en/FireMonkey_Layouts_Strategies

 TFlowLayout
控件大小可不相同。

TFlowPanel的效果图,里边是panel,左侧是TCategoryButtons,搜索框是TButtonedEdit

panel作为卡片。设置每个子panel属性即可。pnl.AlignWithMargins:=true,panel.Margins.Top:=20; 左右上下的边距设定就可以了。

 TGridLayou:表格,自动排列容器里的控件,控件大小相同可自定义大小,设定后全部控件大小相同且不变,x行y列,行数列列数根据控件大小变动。

http://edn.embarcadero.com/article/33421

TButtonGroup

http://docwiki.embarcadero.com/CodeExamples/XE2/en/VCLButtons%28Delphi%29

TRectangle 好用,有填充颜色

TGridPanelLayout.EGridLayoutException with message 'Cannot delete a row that contains controls

窗体的pas文件里有

{$R *.LgXhdpiPh.fmx ANDROID} ,删除就解决了。

TCategoryPanelGroup

TStackPanel
RAD Studio 10.2.2

2017.12.15

https://community.embarcadero.com/blogs/entry/new-vcl-panels-in-delphi-10-2-2

http://docwiki.embarcadero.com/RADStudio/Tokyo/en/Using_the_Stack_Panel_Component

 堆栈Panel,一行只有一个控件(不能多列),或一列只有一个控件(不能多行)

The stack panel is a panel with a special layout. All controls added to it are placed in a different "row" (or column if you set it horizontally). The controls can be aligned to the left, the right, the center or use the entire space (fill). You set the default alignment at the stack panel level, and you can override it for each individual control (or use the special default value to pick the parent control setting). Each of the controls hosted by the panel, gets three additional properties "injected" by the container -- at the bottom of the Object Inspector list -- as you can see below:

RelativePanel
Seattle就有了

http://docwiki.embarcadero.com/CodeExamples/Tokyo/en/VCL.RelativePanel_Sample

http://docwiki.embarcadero.com/RADStudio/Tokyo/en/What%27s_New_in_Seattle

示例源码

Subversion Repository for Delphi: ​ ​http://sourceforge.net/p/radstudiodemos/code/HEAD/tree/branches/RADStudio_Tokyo/Object%20Pascal/VCL/RelativePanel​​
Subversion Repository for C++: ​ ​http://sourceforge.net/p/radstudiodemos/code/HEAD/tree/branches/RADStudio_Tokyo/CPP/VCL/RelativePanel​​
win10布局控件

横向居中,纵向居中

AlignHorizontalCenterWithPanel

AlignVerticalCenterWithPanel

不需要些代码计算左边,自动水平居中 垂直居中 ,横向纵向居中!!!

布局就方便了。

TCardPanel

比pageControl方便的下一步的控件

TDatePicker 和 TTimePicker
-----------------------------------
 

这篇关于Delphi XE2 新控件 布局Panel TGridPanel TFlowPanel的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/355915

相关文章

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

Qt中QGroupBox控件的实现

《Qt中QGroupBox控件的实现》QGroupBox是Qt框架中一个非常有用的控件,它主要用于组织和管理一组相关的控件,本文主要介绍了Qt中QGroupBox控件的实现,具有一定的参考价值,感兴趣... 目录引言一、基本属性二、常用方法2.1 构造函数 2.2 设置标题2.3 设置复选框模式2.4 是否

Qt中QUndoView控件的具体使用

《Qt中QUndoView控件的具体使用》QUndoView是Qt框架中用于可视化显示QUndoStack内容的控件,本文主要介绍了Qt中QUndoView控件的具体使用,具有一定的参考价值,感兴趣的... 目录引言一、QUndoView 的用途二、工作原理三、 如何与 QUnDOStack 配合使用四、自

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

C#实现WinForm控件焦点的获取与失去

《C#实现WinForm控件焦点的获取与失去》在一个数据输入表单中,当用户从一个文本框切换到另一个文本框时,需要准确地判断焦点的转移,以便进行数据验证、提示信息显示等操作,本文将探讨Winform控件... 目录前言获取焦点改变TabIndex属性值调用Focus方法失去焦点总结最后前言在一个数据输入表单

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局,其中 label 控件位于 image 控件下方,你可以使用 lv_obj_set_flex_flow 来设置布局为垂直,并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例: 创建父容器:首先创建一个容器对象,该对象将作为布局的基础。设置容器为垂直布局:使用 lv_obj_set_flex_flow 设置容器