awtk/docs/manual/edit_t.md
2018-12-26 15:51:37 +08:00

615 lines
16 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

## edit\_t
### 概述
![image](images/edit_t_0.png)
单行编辑器控件。
在基于SDL的平台单行编辑器控件使用平台原生的输入法对于嵌入式平台使用内置的输入法。
在使用内置的输入法时,软键盘由输入类型决定,开发者可以自定义软键盘的界面。
edit\_t是[widget\_t](widget_t.md)的子类控件widget\_t的函数均适用于edit\_t控件。
edit\_t本身可以做为容器放入按钮等控件。有三个类按钮比较特殊
* 名为"inc"的按钮。点击时增加编辑器的值用于实现类似于spinbox的功能。
* 名为"dec"的按钮。点击时减少编辑器的值用于实现类似于spinbox的功能。
* 名为"clear"的按钮。点击时清除编辑器中的内容。
在xml中使用"edit"标签创建编辑器控件。如:
```xml
<edit x="c" y="m" w="80" h="30"
tips="age" input_type="uint" min="0" max="150" step="1" auto_fix="true" style="number" />
```
> XXX需要在min/max/step之前设置input\_type。
>
更多用法请参考:[edit.xml](https://github.com/zlgopen/awtk/blob/master/demos/assets/raw/ui/edit.xml)
在c代码中使用函数edit\_create创建编辑器控件。如
```c
widget_t* edit = edit_create(win, 10, 10, 128, 30);
widget_set_text(edit, L"OK");
```
> 创建之后可以用widget\_set\_text或widget\_set\_text\_utf8设置文本内容。
> 完整示例请参考:[edit demo](https://github.com/zlgopen/awtk-c-demos/blob/master/demos/edit.c)
可用通过style来设置控件的显示风格如字体的大小和颜色等等。如
```xml
<style name="default" border_color="#a0a0a0" text_color="black" text_align_h="left">
<normal bg_color="#f0f0f0" />
<focused bg_color="#f0f0f0" border_color="black"/>
<disable bg_color="gray" text_color="#d0d0d0" />
<error bg_color="#f0f0f0" text_color="red" />
<empty bg_color="#f0f0f0" text_color="#a0a0a0" />
</style>
```
> 更多用法请参考:[theme
default](https://github.com/zlgopen/awtk/blob/master/demos/assets/raw/styles/default.xml#L104)
### 函数
<p id="edit_t_methods">
| 函数名称 | 说明 |
| -------- | ------------ |
| <a href="#edit_t_edit_cast">edit\_cast</a> | 转换为edit对象(供脚本语言使用)。 |
| <a href="#edit_t_edit_create">edit\_create</a> | 创建edit对象 |
| <a href="#edit_t_edit_get_double">edit\_get\_double</a> | 获取double类型的值。 |
| <a href="#edit_t_edit_get_int">edit\_get\_int</a> | 获取int类型的值。 |
| <a href="#edit_t_edit_set_auto_fix">edit\_set\_auto\_fix</a> | 设置编辑器是否为自动改正。 |
| <a href="#edit_t_edit_set_double">edit\_set\_double</a> | 设置double类型的值。 |
| <a href="#edit_t_edit_set_float_limit">edit\_set\_float\_limit</a> | 设置为浮点数输入及取值范围。 |
| <a href="#edit_t_edit_set_input_tips">edit\_set\_input\_tips</a> | 设置编辑器的输入提示。 |
| <a href="#edit_t_edit_set_input_type">edit\_set\_input\_type</a> | 设置编辑器的输入类型。 |
| <a href="#edit_t_edit_set_int">edit\_set\_int</a> | 设置int类型的值。 |
| <a href="#edit_t_edit_set_int_limit">edit\_set\_int\_limit</a> | 设置为整数输入及取值范围。 |
| <a href="#edit_t_edit_set_password_visible">edit\_set\_password\_visible</a> | 当编辑器输入类型为密码时,设置密码是否可见。 |
| <a href="#edit_t_edit_set_readonly">edit\_set\_readonly</a> | 设置编辑器是否为只读。 |
| <a href="#edit_t_edit_set_text_limit">edit\_set\_text\_limit</a> | 设置为文本输入及其长度限制不允许输入超过max个字符少于min个字符时进入error状态。 |
### 属性
<p id="edit_t_properties">
| 名属性称 | 类型 | 说明 |
| -------- | ----- | ------------ |
| <a href="#edit_t_auto_fix">auto\_fix</a> | bool\_t | 输入无效时,是否自动改正。 |
| <a href="#edit_t_bottom_margin">bottom\_margin</a> | uint8\_t | 下边距。 |
| <a href="#edit_t_input_type">input\_type</a> | input\_type\_t | 输入类型。 |
| <a href="#edit_t_left_margin">left\_margin</a> | uint8\_t | 左边距。 |
| <a href="#edit_t_max">max</a> | float\_t | 最大值或最大长度。 |
| <a href="#edit_t_min">min</a> | float\_t | 最小值或最小长度。 |
| <a href="#edit_t_password_visible">password\_visible</a> | bool\_t | 密码是否可见。 |
| <a href="#edit_t_readonly">readonly</a> | bool\_t | 编辑器是否为只读。 |
| <a href="#edit_t_right_margin">right\_margin</a> | uint8\_t | 右边距。 |
| <a href="#edit_t_step">step</a> | float\_t | 步长。 |
| <a href="#edit_t_tips">tips</a> | char* | 输入提示。 |
| <a href="#edit_t_top_margin">top\_margin</a> | uint8\_t | 上边距。 |
### 事件
<p id="edit_t_events">
| 事件名称 | 类型 | 说明 |
| -------- | ----- | ------- |
| EVT\_VALUE\_CHANGING | event\_t | 文本正在改变事件(编辑中)。 |
| EVT\_VALUE\_CHANGED | event\_t | 文本改变事件。 |
#### edit\_cast 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_cast"> 转换为edit对象(供脚本语言使用)。
* 函数原型:
```
widget_t* edit_cast (widget_t* widget);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | widget\_t* | edit对象。 |
| widget | widget\_t* | edit对象。 |
#### edit\_create 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_create"> 创建edit对象
* 函数原型:
```
widget_t* edit_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 | 高度 |
#### edit\_get\_double 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_get_double"> 获取double类型的值。
* 函数原型:
```
double edit_get_double (widget_t* widget);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | double | 返回double的值。 |
| widget | widget\_t* | widget对象。 |
#### edit\_get\_int 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_get_int"> 获取int类型的值。
* 函数原型:
```
int32_t edit_get_int (widget_t* widget);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | int32\_t | 返回int的值。 |
| widget | widget\_t* | widget对象。 |
#### edit\_set\_auto\_fix 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_auto_fix"> 设置编辑器是否为自动改正。
* 函数原型:
```
ret_t edit_set_auto_fix (widget_t* widget, bool_t auto_fix);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| auto\_fix | bool\_t | 自动改正。 |
#### edit\_set\_double 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_double"> 设置double类型的值。
* 函数原型:
```
ret_t edit_set_double (widget_t* widget, double value);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| value | double | 值。 |
#### edit\_set\_float\_limit 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_float_limit"> 设置为浮点数输入及取值范围。
* 函数原型:
```
ret_t edit_set_float_limit (widget_t* widget, double min, double max, double step);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| min | double | 最小值。 |
| max | double | 最大值。 |
| step | double | 步长。 |
#### edit\_set\_input\_tips 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_input_tips"> 设置编辑器的输入提示。
* 函数原型:
```
ret_t edit_set_input_tips (widget_t* widget, char* tips);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| tips | char* | 输入提示。 |
#### edit\_set\_input\_type 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_input_type"> 设置编辑器的输入类型。
* 函数原型:
```
ret_t edit_set_input_type (widget_t* widget, input_type_t type);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| type | input\_type\_t | 输入类型。 |
#### edit\_set\_int 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_int"> 设置int类型的值。
* 函数原型:
```
ret_t edit_set_int (widget_t* widget, int32_t value);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| value | int32\_t | 值。 |
#### edit\_set\_int\_limit 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_int_limit"> 设置为整数输入及取值范围。
* 函数原型:
```
ret_t edit_set_int_limit (widget_t* widget, int32_t min, int32_t max, int32_t step);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| min | int32\_t | 最小值。 |
| max | int32\_t | 最大值。 |
| step | int32\_t | 步长。 |
#### edit\_set\_password\_visible 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_password_visible"> 当编辑器输入类型为密码时,设置密码是否可见。
* 函数原型:
```
ret_t edit_set_password_visible (widget_t* widget, bool_t password_visible);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| password\_visible | bool\_t | 密码是否可见。 |
#### edit\_set\_readonly 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_readonly"> 设置编辑器是否为只读。
* 函数原型:
```
ret_t edit_set_readonly (widget_t* widget, bool_t readonly);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| readonly | bool\_t | 只读。 |
#### edit\_set\_text\_limit 函数
-----------------------
* 函数功能:
> <p id="edit_t_edit_set_text_limit"> 设置为文本输入及其长度限制不允许输入超过max个字符少于min个字符时进入error状态。
* 函数原型:
```
ret_t edit_set_text_limit (widget_t* widget, uint32_t min, uint32_t max);
```
* 参数说明:
| 参数 | 类型 | 说明 |
| -------- | ----- | --------- |
| 返回值 | ret\_t | 返回RET\_OK表示成功否则表示失败。 |
| widget | widget\_t* | widget对象。 |
| min | uint32\_t | 最小长度。 |
| max | uint32\_t | 最大长度。 |
#### auto\_fix 属性
-----------------------
> <p id="edit_t_auto_fix"> 输入无效时,是否自动改正。
* 类型bool\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### bottom\_margin 属性
-----------------------
> <p id="edit_t_bottom_margin"> 下边距。
* 类型uint8\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### input\_type 属性
-----------------------
> <p id="edit_t_input_type"> 输入类型。
XXX需要在min/max/step之前设置。
* 类型input\_type\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 否 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### left\_margin 属性
-----------------------
> <p id="edit_t_left_margin"> 左边距。
* 类型uint8\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### max 属性
-----------------------
> <p id="edit_t_max"> 最大值或最大长度。
* 类型float\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 否 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### min 属性
-----------------------
> <p id="edit_t_min"> 最小值或最小长度。
* 类型float\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 否 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### password\_visible 属性
-----------------------
> <p id="edit_t_password_visible"> 密码是否可见。
* 类型bool\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### readonly 属性
-----------------------
> <p id="edit_t_readonly"> 编辑器是否为只读。
* 类型bool\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### right\_margin 属性
-----------------------
> <p id="edit_t_right_margin"> 右边距。
* 类型uint8\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### step 属性
-----------------------
> <p id="edit_t_step"> 步长。
作为数值型编辑器时,一次增加和减少时的数值。
* 类型float\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 否 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### tips 属性
-----------------------
> <p id="edit_t_tips"> 输入提示。
* 类型char*
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |
#### top\_margin 属性
-----------------------
> <p id="edit_t_top_margin"> 上边距。
* 类型uint8\_t
| 特性 | 是否支持 |
| -------- | ----- |
| 可直接读取 | 是 |
| 可直接修改 | 否 |
| 可持久化 | 是 |
| 可脚本化 | 是 |
| 可在IDE中设置 | 是 |
| 可在XML中设置 | 是 |
| 支通过widget\_get\_prop读取 | 是 |
| 支通过widget\_set\_prop修改 | 是 |