awtk开发实践——学习篇12:spin_box示例(控件)

说明
  本文章旨在总结备份、方便以后查询,由于是个人总结,如有不对,欢迎指正;另外,内容大部分来自网络、书籍、和各类手册,如若侵权请告知,马上删帖致歉。
  QQ 群 号:513683159 【相互学习】
内容来源
  官方的手册(免费获取)Pxx=该手册的对应页码xx
  github-awtk

控件说明

  关于 spin_box控件(图片控件) 介绍,对应书 P111。(书中还有更详细内容).
  一个特殊的数值编辑器,将 edit_t 和 button_t 进行组合,方便编辑数值。
点击向上的按钮将数值增加一个 step,点击向下的按钮将数值减小一个 step。step 的值可以
通过 step 属性进行设置。spin_box_t 是 edit_t 的子类控件,edit_t 的函数均适用于 spin_box_t
控件。
  注意:使用该控件的时候需要将awtk\demos\assets\default\raw\images\x1目录下:arrow_*.png 共 12 张图片复制到自己的应用目录下(如:res\assets\default\raw\images\xx),否则将不能正常显示。

工程修改

  ①基于awtk开发实践——学习篇7:创建简单工程(方式二:基于HelloWorld.Xml-Demo工程)
  ②上篇已添加了图片资源。

spin_box.c

#include "awtk.h"

static ret_t on_changed(void* ctx, event_t* evt) {
  widget_t* target = WIDGET(evt->target);

  log_debug("%s changed: int value=%d\n", target->name, edit_get_int(target));
  log_debug("%s changed: double value=%lf\n", target->name, edit_get_double(target));

  return RET_OK;
}

static ret_t on_changing(void* ctx, event_t* evt) {
  widget_t* target = WIDGET(evt->target);

  log_debug("%s changing: value=%d\n", target->name, edit_get_int(target));
  log_debug("%s changing: double value=%lf\n", target->name, edit_get_double(target));

  return RET_OK;
}
/* spin_box控件创建函数 */
widget_t* create_spin_box(widget_t* win, input_type_t type, const char* name, const char* text,int x, int y, int w, int h) {
  widget_t* spin_box = spin_box_create(win, x, y, w, h);					//创建spin_box对象

  widget_on(spin_box, EVT_VALUE_CHANGED, on_changed, NULL);					//注册指定事件的处理函数
  widget_on(spin_box, EVT_VALUE_CHANGING, on_changing, NULL);				//注册指定事件的处理函数	

  widget_set_name(spin_box, name);											//设置控件的名称
  widget_set_text_utf8(spin_box, text);										//设置控件的文本

  edit_set_input_tips(spin_box, name);										//设置编辑器的输入提示
  //等效于edit_set_tips(spin_box, name);
  edit_set_input_type(spin_box, type);										//设置编辑器的输入类型
  

  return spin_box;
}

ret_t application_init() {
  widget_t* spin_box1 = NULL;
  widget_t* spin_box2 = NULL;
  widget_t* spin_box3 = NULL;
  widget_t* spin_box4 = NULL;

  widget_t* win = window_create(NULL, 0, 0, 0, 0);										//创建window对象

  spin_box1 = create_spin_box(win, INPUT_INT, "int", "", 10, 10, 228, 30);
  edit_set_int_limit(spin_box1, 1, 100, 1);						//设置为整数输入及取值范围。最小1,最大100,步长1

  spin_box2 = create_spin_box(win, INPUT_UINT, "uint", "", 10, 50, 228, 30);
  edit_set_int_limit(spin_box2, 1, 100, 1);						//设置为整数输入及取值范围。最小1,最大100,步长1			
  edit_set_int(spin_box2, 50);									//设置int类型的值=50

  spin_box3 = create_spin_box(win, INPUT_FLOAT, "float", "1.23", 10, 90, 228, 30);
  edit_set_float_limit(spin_box3, 1, 10, 1);					//设置为浮点数输入及取值范围,最小1,最大10,步长1	
  edit_set_int(spin_box3, 5);									//设置int类型的值=5

  spin_box4 = create_spin_box(win, INPUT_UFLOAT, "ufloat", "", 10, 10 + 128, 228, 30);
  edit_set_float_limit(spin_box4, 1, 10, 0.1);					//设置为浮点数输入及取值范围,最小1,最大10,步长0.1	

  widget_layout(win);											//布局当前控件及子控件

  return RET_OK;
}

执行过程:

  1.生成资源:sh assets_gen.sh,添加新资源故需重新生成资源。【因为此处并不使用.data文件,故可省略】
  2.编译:scons
  3.执行:./bin/demo

实现效果:

在这里插入图片描述

AWTK开发手册-AWTK开发实践指南-中文手册.pdf AWTK = Toolkit AnyWhere 随着手机、智能手表等便携式设备的普及,用户对 GUI 的要求越来越高,嵌入式系统对高性能、高可靠性、低功耗、美观炫酷的 GUI 的需求也越来越迫切,ZLG开源 GUI 引擎 AWTK 应运而生。AWTK 全称为 Toolkit AnyWhere,是 ZLG 倾心打造的一套基于 C 语言开发的 GUI 框架。旨在为用户提供一个功能强大、高效可靠、简单易用、可轻松做出炫酷效果的 GUI 引擎,并支持跨平台同步开发,一次编程,终生使用。 最终目标: 支持开发嵌入式软件。 支持开发Linux应用程序。 支持开发MacOS应用程序。 支持开发Windows应用程序。 支持开发Android应用程序。 支持开发iOS应用程序。 支持开发2D游戏。 其主要特色有: 小巧。在精简配置下,不依赖第三方软件包,仅需要32K RAM + 256K FLASH即可开发一些简单的图形应用程序。 高效。采用脏矩形裁剪算法,每次只绘制和更新变化的部分,极大提高运行效率和能源利用率。 稳定。通过良好的架构设计和编程风格、单元测试、动态(valgrind)检查和Code Review保证其运行的稳定性。 丰富的GUI组件。提供窗口、对话框和各种常用的组件(用户可以配置自己需要的组件,降低对运行环境的要求)。 支持多种字体格式。内置位图字体(并提供转换工具),也可以使用stb_truetype或freetype加载ttf字体。 支持多种图片格式。内置位图图片(并提供转换工具),也可以使用stb_image加载png/jpg等格式的图片。 紧凑的二进制界面描述格式。可以手工编辑的XML格式的界面描述文件,也可以使用Qt Designer设计界面,然后转换成紧凑的二进制界面描述格式,提高运行效率,减小内存开销。 支持主题并采用紧凑的二进制格式。开发时使用XML格式描述主题,然后转换成紧凑的二进制格式,提高运行效率,减小内存开销。 支持裸系统,无需OS和文件系统。字体、图片、主题和界面描述数据都编译到代码中,以常量数据的形式存放,运行时无需加载到内存。 内置nanovg实现高质量的矢量动画,并支持SVG矢量图。 支持窗口动画、控件动画、滑动动画和高清LCD等现代GUI常见特性。 支持国际化(Unicode、字符串翻译和输入法等)。 可移植。支持移植到各种RTOS和嵌入式Linux系统,并通过SDL在各种流行的PC/手机系统上运行。 脚本化。从API注释中提取API的描述信息,通过这些信息可以自动生成各种脚本的绑定代码。 支持硬件2D加速(目前支持STM32的DMA2D和NXP的PXP)和GPU加速(OpenGL/OpenGLES/DirectX/Metal),充分挖掘硬件潜能。 丰富的文档和示例代码。 采用LGPL协议开源发布,在商业软件中使用时无需付费。 目前核心功能已经完成,内部开始在实际项目中使用了,欢迎有兴趣的朋友评估和尝试,期待您的反馈。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值