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

相关文章

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 设置容器

Apache Tiles 布局管理器

陈科肇 =========== 1.简介 一个免费的开源模板框架现代Java应用程序。  基于该复合图案它是建立以简化的用户界面的开发。 对于复杂的网站,它仍然最简单,最优雅的方式来一起工作的任何MVC技术。 Tiles允许作者定义页面片段可被组装成在运行一个完整的网页。  这些片段,或Tiles,可以用于为了降低公共页面元素的重复,简单地包括或嵌入在其它瓦片,制定了一系列可重复使用

小程序button控件上下边框的显示和隐藏

问题 想使用button自带的loading图标功能,但又不需要button显示边框线 button控件有一条淡灰色的边框,在控件上了样式 border:none; 无法让button边框隐藏 代码如下: <button class="btn">.btn{border:none; /*一般使用这个就是可以去掉边框了*/} 解决方案 发现button控件有一个伪元素(::after

MFC中Spin Control控件使用,同时数据在Edit Control中显示

实现mfc spin control 上下滚动,只需捕捉spin control 的 UDN_DELTAPOD 消息,如下:  OnDeltaposSpin1(NMHDR *pNMHDR, LRESULT *pResult) {  LPNMUPDOWN pNMUpDown = reinterpret_cast(pNMHDR);  // TODO: 在此添加控件通知处理程序代码    if

【CSS in Depth 2 精译_023】第四章概述 + 4.1 Flexbox 布局的基本原理

当前内容所在位置(可进入专栏查看其他译好的章节内容) 第一章 层叠、优先级与继承(已完结) 1.1 层叠1.2 继承1.3 特殊值1.4 简写属性1.5 CSS 渐进式增强技术1.6 本章小结 第二章 相对单位(已完结) 2.1 相对单位的威力2.2 em 与 rem2.3 告别像素思维2.4 视口的相对单位2.5 无单位的数值与行高2.6 自定义属性2.7 本章小结 第三章 文档流与盒模型(已

MFC 控件重绘(2) NM_CUSTOMDRAW, WM_DRAWITEM, 虚函数DrawItem

控件重绘有三种方法: 1 设定界面属性 2 利用Windows的消息机制,通过Windows消息映射(Message Mapping)和反映射(Message Reflecting),在合适的时机修改控件的状态和行为。此方式涉及NM_CUSTOMDRAW和WM_DRAWITEM 3 利用虚函数机制,重载虚函数。即DrawItem虚函数。 对于NM_CUSTOMDRAW,某些支持此消息的控件

ConstraintLayout布局里的一个属性app:layout_constraintDimensionRatio

ConstraintLayout 这是一个约束布局,可以尽可能的减少布局的嵌套。有一个属性特别好用,可以用来动态限制宽或者高app:layout_constraintDimensionRatio 关于app:layout_constraintDimensionRatio参数 app:layout_constraintDimensionRatio=“h,1:1” 表示高度height是动态变化

html记账本改写:数据重新布局,更好用了,没有localStorage保存版本

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>htm记账本</title><style>table {user-select: none;/* width: 100%; */border-collapse: collapse;}table,th,td {border: 1px solid bla

C# 通过拖控件移动窗体

目录 引言一、通过控件事件移动窗体1、创建窗体界面2、添加控件事件3、添加代码 二、通过windowsAPI移动窗体1、 构建窗体和添加事件2、代码展示 引言 在C#Form窗体设计中,如果我们不需要使用默认边框设计自己个性化的窗体(FromBorderStyle=none时),这时候你会发现拖动窗体的功能就没有了,这里需要自己构建方法让用户可以拖动整个窗体,这里我们使用前辈的