[RealTouch例程]RTGUI之简单的Box

发布于 2012-10-10 22:27:40 浏览：3661 订阅该版

在这里，我们使用了一个box容器来进行布局
我们定义了2个button按钮，
然后把这两个按钮放到一个rtgui_win里面，使用了box纵向布局
结果是，按钮的大小就是文字宽度外围一圈的大小
然后两个按钮上下排列，位于这个win范围内的左上角

```#include <rtthread.h>
#include <rtgui/rtgui_app.h>
#include <rtgui/widgets/container.h>
#include <rtgui/widgets/window.h>
#include <rtgui/widgets/button.h>

void main(void)
{
	struct rtgui_app* application;
	struct rtgui_win* win;	
	struct rtgui_box* box;
	struct rtgui_button* button1;
	struct rtgui_button* button2;

application = rtgui_app_create(rt_thread_self(), "box");
	if (application != RT_NULL)
	{			
		win = rtgui_mainwin_create(RT_NULL, "Box", 
			RTGUI_WIN_STYLE_MAINWIN | RTGUI_WIN_STYLE_DESTROY_ON_CLOSE);
    box = rtgui_box_create(RTGUI_VERTICAL,1);
		
		rtgui_rect_t rect = {0, 0, 100, 100}; //设置按钮的大小
		button1 = rtgui_button_create("Button 1");//创建按钮
		button2 = rtgui_button_create("Button 2");
		rtgui_widget_set_rect(RTGUI_WIDGET(button1), &rect);//让设置的按钮大小生效
		rtgui_widget_set_rect(RTGUI_WIDGET(button2), &rect);
		
		rtgui_container_set_box(RTGUI_CONTAINER(win), box);//将box放入win中
		rtgui_container_add_child(RTGUI_CONTAINER(win), RTGUI_WIDGET(button1));//将button放入win中
		rtgui_container_add_child(RTGUI_CONTAINER(win), RTGUI_WIDGET(button2));
		rtgui_box_layout(box);//让box生效
		//box在这里是一个布局引擎不是容器，因此不能被放入控件
		
		rtgui_win_show(win, RT_TRUE);
		rtgui_app_destroy(application);
	}
}
```

这里我们注意一下```rtgui_container_set_box(win,box)```这个函数，它在container.c中被实现，看一下代码，有如下两句```container->laybox_box=box;
box->container=container;```
这是一个互相指向的过程，连接双向的指针指向。
因此从容器中可以访问布局，也可以从布局中访问容器。
因此在布局中可以操作到容器包含的child，布局就作为抽象的存在了。
另外，还有```rtgui_box_layout(box)```
这个函数做了几件事情
[list]1.判断传入参数是否合法[/list:u]
[list]2.获取容器的范围坐标大小[/list:u]
[list]3.判断布局的方向H/V，box->orient[/list:u]
[list]4.rtgui_widget_update_clip(容器)，为了显示进行裁剪[/list:u]
![img.gif](https://oss-club.rt-thread.org/uploads/3418_61f89a1999e6eac5d93cf5c404024a75.gif)