WebDynPro实战：UI元素垂直与水平居中显示技巧.pdfVIP

案例二十五:UI元素的居中显示（垂直和水平）

一：需求

在实际项目中，经常需要对UI元素进行操作，如对齐、缩进等。

间右的“NoValue”文本需要居中对齐。

中和边

二：实现

由于中间和右边的结构不同，因此分别处理。

1.右边垂直居中

___器:EDT_

VIEWRIGHTEDIT｜‑‑‑View容

EMP|‑‑‑显示文本:NoTreeNodeSelected

对于此种类型，需要一层一层地设置。V__

IEWRIGHT

ro：非

EDIT:在otUIElement中，设置其高度为100%

常非常重要：勾选下面的“SrtchedVertically”。

te

案例二十五:UIElement的居中显示（Verticaland

horizonal）

一：需求

在实际项目中,经常需要对UIElement进行操作,如对齐,缩进等.

中间和右边的“NoValue”的text需要居中对齐

二：实现

因为中间和右边的构造是不同的，所以分开来看。

1.右边垂直居中

VIEW_RIGHT_EDIT

｜View_container:EDT_EMP

|显示text:NoTreeNodeSelected

对于此种类型，需要一层一层地设置。

VIEW_RIGHT_EDIT：

在rootUIElement中，设置其height为100%：

非常非常重要：勾选下面的”StretchedVertically”。

继续下一层:Tabstrip:继续高

度100%，VAlign为顶部。

继续下一层：Tabstrip:

继续height100%,VAlign为Top.

_

继续下一层:视图容器:继续高

度100%，VAlign为顶部。

继续下一层：View_Container:

继续height100%,VAlign为Top.

_

好的，现在看看最后显示的视图：VIEWEMPTY

同样，rootUi：

继续它的text：这就是最

后显示用的文本

Ok,现在看最后显示的view:VIEW_EMPTY

同样，rootUi: