Lines Matching refs:Stack
9 …ainer-column.md))、[层叠布局](../ui/arkts-layout-development-stack-layout.md)([Stack](../reference/apis…
23 使用了Grid来实现一个网格,但在外层套了3层包含不同属性参数的Stack容器:
36 Stack() {
37 Stack() {
38 Stack() {
56 通过查看组件树结构,发现三层Stack容器设置了不同的属性参数,可以使用GridItem的属性参数实现同样的UI效果。因此,三层Stack容器是冗余的容器,可以去掉,只留下GridItem作为组件节…
63 │ └─┬Stack
64 │ └─┬Stack
65 │ └─┬Stack
73 通过减少冗余的Stack容器嵌套,每个GridItem的组件数比上面少了3个:
315 Stack() {
336 └─┬Stack
346 └─┬Stack
363 Stack() {
685 通常情况下,会使用Stack布局,将一个组件覆盖到另一个组件上。
693 Stack() {
707 图3 使用Stack实现遮罩效果
734 通过DevEco Studio内置ArkUI Inspector工具,查看组件树结构,如图4所示。和反例中的代码相比,虽然组件树层数相同,但是减少了Stack组件的创建,优化了性能。
742 应用为了实现按压遮罩效果,通常需要使用Stack,在组件上方增加遮罩层。
760 Stack() {
811 通过DevEco Studio内置ArkUI Inspector工具,查看组件树结构,如图6所示,可以减少一层Stack组件的创建。
819 在应用开发中,有使用到颜色叠加显示的需求。通常情况下,会通过将2个组件放在Stack中叠加的方式实现,这样不仅会多出一层布局节点,还会因为绘制了两个除颜色外其他属性都相同的组件导致了重复绘制。
829 Stack() {
874 系统中提供了颜色计算的API,可以通过计算的方式,将两个颜色合并为一个,省去Stack层的布局节点,并且可以少绘制一个组件,减少重复绘制的情况发生。