布局容器类组件开发指导
使用场景
UISwipeView继承UIViewGroup,除提供容器类组件Add、Remove、Insert等方法外还提供按页面滑动功能,滑动结束后当前页面居中对齐显示。该组件分为水平方向和垂直方向,通过Add方法添加的子组件会根据Add的顺序和UISwipeView方向自动水平对齐或则垂直对齐。
接口说明
表 1 SwipeView接口说明
创建一个水平滑动的UISwipeView。
向UISwipeView中添加子组件。
button1->SetPosition(0, 0, g_ButtonW, g_ButtonH);
button1->SetText("button1");
swipe->Add(button1);
UILabelButton* button2 = new UILabelButton();
button2->SetText("button2");
swipe->Add(button2);
UILabelButton* button3 = new UILabelButton();
button3->SetPosition(0, 0, g_ButtonW, g_ButtonH);
swipe->Add(button3);
检查实现效果,水平滑动,不可循环。
图 1 UISwipeView水平滑动效果图
![](/projects/openharmony-1.0-zh-cn/subsystems/figures/zh-cn_image_0000001053247975.gif)
开发步骤(水平滑动,可循环)
创建一个水平滑动的UISwipeView并添加子组件。
设置UISwipeView循环滑动。
swipe->SetLoopState(true);
检查实现效果,水平循环滑动。
图 2 UISwipeView水平滑动循环效果图
![](/projects/openharmony-1.0-zh-cn/subsystems/figures/zh-cn_image_0000001053207924.gif)
GridLayout
接口说明
表 2 GridLayout接口说明
开发步骤
构造GridLayout并设置位置、大小信息。
构造子组件button。
UILabelButton* bt1 = new UILabelButton();
bt1->SetText("bt1");
UILabelButton* bt2 = new UILabelButton();
bt2->SetPosition(0, 0, 100, 50);
UILabelButton* bt3 = new UILabelButton();
bt3->SetPosition(0, 0, 100, 50);
bt3->SetText("bt3");
UILabelButton* bt4 = new UILabelButton();
bt4->SetPosition(0, 0, 100, 50);
bt4->SetText("bt4");
添加子组件并调用LayoutChildren()。
layout_->Add(bt1);
layout_->Add(bt2);
layout_->Add(bt3);
layout_->LayoutChildren();