实用云,提供最全最实时的云市场资讯

手机站:/m

京东云_联想的服务器_排行榜

时间:2021-07-20 02:20编辑:实用云来源:实用云当前位置:主页 > 云通信 >

SAPUI5开发中使用的一种非常常见的UI控件是HBox和VBox。

SAPUI5布局是在网页中对齐UI控件的标准机制。使用这些将有助于避免定制CSS,开心返利,也将照顾到网页的响应性。HBox和VBox是两种最基本、最有用的布局。您可以从这些控件开始,并根据需要使用其他布局。

HBox是一个水平布局控件,我们可以在其中相邻放置控件。

VBox是一个垂直布局控件,淘客吧,我们可以在其中以垂直方式将控件一个置于另一个之下。

HBox和VBox控件都继承了FlexBox控件(sap.m.FlexBox)的属性).

在下图中,您可以看到两个UI控件的布局差异:

我们使用的一些属性是:

宽度:指定布局的宽度。默认值:""。高度:指定布局的高度。默认值:""。justifyContent:指定内容的方向。alignItems:指定布局中的内容对齐方式。项:这是我们放置内容的重要属性。

通常这些控件用于对齐标签、文本字段、输入、按钮等UI控件。

控件VBox和HBox都有自己的预设CSS。这就是为什么你不需要添加额外的css样式,返利购物,因为它们都继承自FlexBox控件。

它们在生成的HTML中没有区别。

唯一的区别是控件的css属性,例如flex direction

使用这些控件可以解决的UI外观问题之一,易淘客,其属性是:

假设您在屏幕上有标签和输入字段,云服务器是,并且您看到的标签文本不完全位于输入字段的前面和中间,然后您可以尝试设置alignItems="Center"属性。

请参阅下面的代码片段:

这帮助我解决了对齐UI控件的问题。

尝试使用这些控件以获得更好的UI5应用程序响应性。

上一篇阿里云_游戏服务器租赁_优惠券

下一篇阿里云_山东济南网站建设_优惠券

世界之最排行

世界之最精选