/* rect1 */
// 在 screen_home 屏幕控件中创建一个矩形控件
rect1 = gt_rect_create(screen_home);
// 设置矩形的位置为 (178, 100)
gt_obj_set_pos(rect1, 178, 100);
// 设置矩形的尺寸为（宽度 100 高度 100）
gt_obj_set_size(rect1, 100, 100);
// 设置四端角的半径为 0 即直角
gt_rect_set_radius(rect1, 0);
// 设置矩形的背景颜色为 0xff0000 红色
gt_rect_set_bg_color(rect1, gt_color_hex(0xff0000));
// 设置矩形的边框颜色为 0xff0000 红色
gt_rect_set_color_border(rect1, gt_color_hex(0xff0000));
// 设置矩形为填充
gt_rect_set_fill(rect1, 1);
// 设置矩形边框宽度为 0 即无边框
gt_rect_set_border(rect1, 0);

/** dialog1 */
// 在 screen_home 屏幕控件中创建一个对话框控件
dialog1 = gt_dialog_create(true);
// 设置对话框的位置为（100, 54）
gt_obj_set_pos(dialog1, 100, 54);
// 设置对话框的尺寸为（宽度 257 高度 179）
gt_obj_set_size(dialog1, 257, 179);
// 设置对话框的背景颜色为 0xffffff 白色
gt_dialog_set_bgcolor(dialog1, gt_color_hex(0xffffff));
// 设置对话框的边框颜色为 0x000000 黑色
gt_dialog_set_border_color(dialog1, gt_color_hex(0x000000));
// 设置对话框的边框宽度为 2
gt_dialog_set_border_width(dialog1, 2);
// 设置对话框的边框圆角半径为 10
gt_dialog_set_border_radius(dialog1, 10);

/** gif1 */
// 在 screen_home 屏幕控件中创建一个 GIF 控件
gif1 = gt_gif_create(screen_home);
// 设置 GIF 控件的位置为（175，150）
gt_obj_set_pos(gif1, 175, 150);
// 设置 GIF 控件的大小为（宽度 116，高度 132）
gt_obj_set_size(gif1, 116, 132);
// 设置 GIF 文件为 "img_116x132_1.gif"
gt_gif_set_src(gif1, ".:img_116x132_1.gif");
// 播放 GIF 动图
gt_gif_play(gif1);

/** status_bar1 */
// 在 gt_ui_init UI 初始化时创建一个状态栏控件
gt_status_bar_create(true);
// 设置状态栏控件的高度为 30
gt_status_bar_set_height(30);
// 设置状态栏控件内元素宽度比例为（左：30，标题：40，右：30）
gt_status_bar_set_scale(30, 40, 30);
// 设置状态栏控件显示状态栏背景
gt_status_bar_show_bg(true);
// 设置状态栏控件背景颜色为 0x000000 黑色
gt_status_bar_set_bg_color(gt_color_hex(0x000000));
// 设置状态栏控件的左边文本为 "GT"，文本宽度为 30
gt_status_bar_left_add_text("GT", 30);
// 设置状态栏控件的中间文本为 "12:17"
gt_status_bar_center_set_text("12:17");
// 设置状态栏控件的右边第一个图标为 1.png
gt_status_bar_right_add_icon(".:1.png");
// 设置状态栏控件的右边第二个图标为 2.png
gt_status_bar_right_add_icon(".:2.png");
// 设置状态栏控件的文本字体为矢量英文黑正
gt_status_bar_set_font_family_en(90);
// 设置状态栏控件的文本字体大小为 16
gt_status_bar_set_font_size(16);
// 设置状态栏控件的中字体使用 1Bit 灰度字体
gt_status_bar_set_font_gray(1);
// 设置状态栏控件的文本颜色为 0xffffff 白色
gt_status_bar_set_font_color(gt_color_hex(0xffffff));
// 设置状态栏控件的中文字体粗细为 22
gt_status_bar_set_font_thick_cn(22);
// 设置状态栏控件的英文字体粗细为 22
gt_status_bar_set_font_thick_en(22);

/** graph1 */
// 在 screen_home 屏幕控件中创建一个图表控件
graph1 = gt_graphs_create(screen_home);
// 设置图表控件的位置为（16，13）
gt_obj_set_pos(graph1, 16, 13);
// 设置图表控件的尺寸为（宽 409，高 283）
gt_obj_set_size(graph1, 409, 283);
// 初始化坐标集
gt_point_f_st graph1Rand0[] = {
    { 30, 30 },
    { 60, 70 },
    { 90, 70 },
    { 120, 150 },
    { 150, 130 },
    { 180, 180 }
};
// 初始化线图配置结构体
gt_axis_st graph1Axis = {
    // 水平轴
    .hor = { .start = 0, .end = 200 },
    // 垂直轴
    .ver = { .start = 0, .end = 200 },
    // 标尺水平跨度为 10
    .hor_unit = 10,
    // 标尺垂直跨度为 10
    .ver_unit = 10,
    // 外边框设置
    .scale = {
        .width = 3,                      // 外边框线宽为 3
        .color = gt_color_hex(0x000000), // 外边框颜色
        .opa = GT_OPA_70,                // 外边框透明度为 70
    },
    // 标尺设置
    .grid = {
        .width = 1,                      // 标尺线宽为 1
        .color = gt_color_hex(0x000000), // 标尺颜色
        .opa = GT_OPA_30,                // 标尺透明度为 30
    },
};
// 用线图配置结构体配置图表控件
gt_graphs_set_axis(graph1, &graph1Axis);
// 设置图表控件关闭横坐标反转
gt_graphs_set_anti_axis_hor_dir(graph1, false);
// 设置图表控件关闭纵坐标反转
gt_graphs_set_anti_axis_ver_dir(graph1, false);
// 初始化线设置配置结构体
gt_line_st graph1Line0 = {
    .width = 2,                      // 线宽为 2
    .color = gt_color_hex(0xff0000), // 线颜色为 0xff0000
    .opa = GT_OPA_80,                // 线透明度为 80
    .type = GT_GRAPHS_TYPE_LINE,     // 图表类型为折线图
};
// 用线设置配置结构体配置图表控件
gt_series_points_st * graph1Ser0 =
    gt_graphs_add_series_line(graph1, &graph1Line0);
// 设置图表控件的坐标集为 graph1Rand0
gt_graphs_series_add_point_list_by(graph1, 0, graph1Rand0, 6);
// 设置图表控件线图为关闭自适应最值
gt_graphs_set_self_adaptive(graph1, false);
// 设置图表控件显示坐标系数
gt_graphs_set_show_ruler(graph1, true);

/** layout1 init */
// 在 screen_home 屏幕控件中创建一个自适应布局控件
gt_obj_st * layout1 = gt_obj_create(screen_1);
// 初始化自适应布局的配置结构体
gt_obj_container_st layout1container = {
    .gap = 0,                                          // 左右边距为 0
    .layout_type = GT_LAYOUT_TYPE_FLEX,                // 溢出时不压缩
    .flex_direction = GT_LAYOUT_FLEX_DIR_ROW,          // 主轴方向为水平向右
    .justify_content = GT_LAYOUT_JUSTIFY_CONTENT_CENTER, // 主轴对齐方式为居中对齐
    .align_items = GT_LAYOUT_ALIGN_ITEMS_START,        // 交叉轴对齐方式为顶部对齐
};
// 用配置结构体配置自适应布局控件
gt_layout_init(layout1, &layout1container);
// 设置自适应布局控件的位置为（148，85）
gt_obj_set_pos(layout1, 148, 85);
// 设置自适应布局控件的尺寸为（宽 230，高 137）
gt_obj_set_size(layout1, 230, 137);
// 需要添加到自适应布局控件中的其他控件，应修改其所属布局
input1 = gt_input_create(layout1);