Files
luban-lite-t3e-pro/packages/third-party/awtk-ui/awtk/docs/manual/grid_item_t.md

109 lines
2.9 KiB
Markdown
Raw Normal View History

2023-11-09 20:19:51 +08:00
## grid\_item\_t
### 概述
![image](images/grid_item_t_0.png)
grid_item。一个简单的容器控件一般作为grid的子控件。
它本身不提供布局功能仅提供具有语义的标签让xml更具有可读性。
子控件的布局可用layout\_children属性指定。
请参考[布局参数](https://github.com/zlgopen/awtk/blob/master/docs/layout.md)。
grid\_item\_t是[widget\_t](widget_t.md)的子类控件widget\_t的函数均适用于grid\_item\_t控件。
在xml中使用"grid\_item"标签创建grid\_item。如
```xml
<grid x="0" y="0" w="100%" h="100%" children_layout="default(c=2,r=2,m=5,s=5)">
<grid_item>
<button x="c" y="m" w="80%" h="30" name="0" text="0"/>
</grid_item>
<grid_item>
<button x="c" y="m" w="80%" h="30" name="1" text="1"/>
</grid_item>
<grid_item>
<button x="c" y="m" w="80%" h="30" name="2" text="2"/>
</grid_item>
<grid_item>
<button x="c" y="m" w="80%" h="30" name="3" text="3"/>
</grid_item>
</grid>
```
可用通过style来设置控件的显示风格如背景颜色等。如
```xml
<style name="default" border_color="#a0a0a0">
<normal bg_color="#f0f0f0" />
</style>
```
----------------------------------
### 函数
<p id="grid_item_t_methods">
| 函数名称 | 说明 |
| -------- | ------------ |
| <a href="#grid_item_t_grid_item_cast">grid\_item\_cast</a> | 转换为grid_item对象(供脚本语言使用)。 |
| <a href="#grid_item_t_grid_item_create">grid\_item\_create</a> | 创建grid_item对象 |
| <a href="#grid_item_t_grid_item_get_widget_vtable">grid\_item\_get\_widget\_vtable</a> | 获取 grid_item 虚表。 |
#### grid\_item\_cast 函数
-----------------------
* 函数功能:
> <p id="grid_item_t_grid_item_cast">转换为grid_item对象(供脚本语言使用)。
* 函数原型:
```
widget_t* grid_item_cast (widget_t* widget);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | widget\_t* | grid\_item对象。 |
| widget | widget\_t* | grid\_item对象。 |
#### grid\_item\_create 函数
-----------------------
* 函数功能:
> <p id="grid_item_t_grid_item_create">创建grid_item对象
* 函数原型:
```
widget_t* grid_item_create (widget_t* parent, xy_t x, xy_t y, wh_t w, wh_t h);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | widget\_t* | 对象。 |
| parent | widget\_t* | 父控件 |
| x | xy\_t | x坐标 |
| y | xy\_t | y坐标 |
| w | wh\_t | 宽度 |
| h | wh\_t | 高度 |
#### grid\_item\_get\_widget\_vtable 函数
-----------------------
* 函数功能:
> <p id="grid_item_t_grid_item_get_widget_vtable">获取 grid_item 虚表。
* 函数原型:
```
const widget_vtable_t* grid_item_get_widget_vtable ();
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | const widget\_vtable\_t* | 成功返回 grid\_item 虚表。 |