9102_LUA/script/ui/hzfont_page.lua

--[[
@module     hzfont_page
@summary    矢量字体演示页面
@version    1.0
@date       2026.01.30
@author     江访
@usage      本文件是矢量字体的演示页面，展示中文字体的各种用法。
]]

local hzfont_page = {}

----------------------------------------------------------------
-- 页面UI元素
----------------------------------------------------------------
local main_container = nil
local current_font = nil

----------------------------------------------------------------
-- 辅助函数：创建带标题的容器
----------------------------------------------------------------
local function create_demo_container(parent, title, x, y, width, height)
    local container = airui.container({
        parent = parent,
        x = x,
        y = y,
        w = width,
        h = height,
        color = 0xFFFFFF,
        radius = 8,
    })

    airui.label({
        parent = container,
        text = title,
        x = 10,
        y = 5,
        w = width - 20,
        h = 25,
        color = 0x333333,
        font_size = 14,
    })

    return container
end

----------------------------------------------------------------
-- 创建UI
----------------------------------------------------------------
function hzfont_page.create_ui()
    main_container = airui.container({
        x = 0,
        y = 0,
        w = 320,
        h = 480,
        color = 0xF5F5F5,
    })

    -- 标题栏
    local title_bar = airui.container({
        parent = main_container,
        x = 0,
        y = 0,
        w = 320,
        h = 50,
        color = 0x2196F3,
    })

    airui.label({
        parent = title_bar,
        text = "矢量字体演示",
        x = 10,
        y = 15,
        w = 200,
        h = 20,
        font_size = 16,
        color = 0xFFFFFF,
    })

    -- 返回按钮
    local back_btn = airui.button({
        parent = title_bar,
        x = 250,
        y = 10,
        w = 60,
        h = 30,
        text = "返回",
        on_click = function(self)
            go_back()
        end
    })

    -- 滚动容器
    local scroll_container = airui.container({
        parent = main_container,
        x = 0,
        y = 60,
        w = 320,
        h = 370,
        color = 0xF5F5F5,
    })

    local current_y = 10

    --------------------------------------------------------------------
    -- 示例1: 基本中文显示
    --------------------------------------------------------------------
    local demo1_container = create_demo_container(scroll_container, "示例1: 基本中文显示", 10, current_y, 300, 80)
    current_y = current_y + 80 + 10

    airui.label({
        parent = demo1_container,
        text = "你好，世界！",
        x = 20,
        y = 30,
        w = 260,
        h = 40,
        color = 0x333333,
        font_size = 18,
    })

    --------------------------------------------------------------------
    -- 示例2: 长文本中文显示
    --------------------------------------------------------------------
    local demo2_container = create_demo_container(scroll_container, "示例2: 长文本中文", 10, current_y, 300, 100)
    current_y = current_y + 100 + 10

    local long_text = "矢量字体支持高质量的中文显示，可以在不同分辨率下保持清晰，提供更好的视觉体验。"
    airui.label({
        parent = demo2_container,
        text = long_text,
        x = 20,
        y = 30,
        w = 260,
        h = 60,
        color = 0x333333,
        font_size = 14,
    })

    --------------------------------------------------------------------
    -- 示例3: 中英文混合
    --------------------------------------------------------------------
    local demo3_container = create_demo_container(scroll_container, "示例3: 中英文混合", 10, current_y, 300, 80)
    current_y = current_y + 80 + 10

    airui.label({
        parent = demo3_container,
        text = "中文 Chinese 混合 Mixed 文本 Text",
        x = 20,
        y = 30,
        w = 260,
        h = 40,
        color = 0x333333,
        font_size = 16,
    })

    --------------------------------------------------------------------
    -- 示例4: 常用汉字显示
    --------------------------------------------------------------------
    local demo4_container = create_demo_container(scroll_container, "示例4: 常用汉字", 10, current_y, 300, 80)
    current_y = current_y + 80 + 10

    airui.label({
        parent = demo4_container,
        text = "天地玄黄 宇宙洪荒 日月盈昃 辰宿列张",
        x = 20,
        y = 30,
        w = 260,
        h = 40,
        color = 0x333333,
        font_size = 16,
    })

    --------------------------------------------------------------------
    -- 示例5: 数字和标点
    --------------------------------------------------------------------
    local demo5_container = create_demo_container(scroll_container, "示例5: 数字标点", 10, current_y, 300, 100)
    current_y = current_y + 100 + 10

    airui.label({
        parent = demo5_container,
        text = "数字: 1234567890\n标点: ，。！？；：\"'（）【】《》",
        x = 20,
        y = 30,
        w = 260,
        h = 60,
        color = 0x333333,
        font_size = 14,
    })

    --------------------------------------------------------------------
    -- 示例6: 字体大小对比
    --------------------------------------------------------------------
    local demo7_container = create_demo_container(scroll_container, "示例6: 字体大小对比", 10, current_y, 300, 120)
    current_y = current_y + 120 + 10

    airui.label({
        parent = demo7_container,
        text = "12px - 小号字体",
        x = 20,
        y = 30,
        w = 260,
        h = 30,
        color = 0x333333,
        font_size = 12,
    })

    airui.label({
        parent = demo7_container,
        text = "16px - 中号字体",
        x = 20,
        y = 55,
        w = 260,
        h = 30,
        color = 0x333333,
        font_size = 16,
    })

    airui.label({
        parent = demo7_container,
        text = "20px - 大号字体",
        x = 20,
        y = 80,
        w = 260,
        h = 30,
        color = 0x333333,
        font_size = 20,
    })

    --------------------------------------------------------------------
    -- 示例7: 字体颜色对比
    --------------------------------------------------------------------
    local demo8_container = create_demo_container(scroll_container, "示例7: 字体颜色对比", 10, current_y, 300, 100)

    airui.label({
        parent = demo8_container,
        text = "红色字体",
        x = 20,
        y = 30,
        w = 260,
        h = 30,
        color = 0xFF0000,
        font_size = 16,
    })

    airui.label({
        parent = demo8_container,
        text = "绿色字体",
        x = 20,
        y = 55,
        w = 260,
        h = 30,
        color = 0x00FF00,
        font_size = 16,
    })

    airui.label({
        parent = demo8_container,
        text = "蓝色字体",
        x = 20,
        y = 80,
        w = 260,
        h = 30,
        color = 0x0000FF,
        font_size = 16,
    })

    -- 底部信息
    airui.label({
        parent = main_container,
        text = "提示: 矢量字体支持高质量中文显示",
        x = 10,
        y = 440,
        w = 300,
        h = 20,
        color = 0x666666,
        font_size = 12,
    })
end

----------------------------------------------------------------
-- 初始化页面
----------------------------------------------------------------
function hzfont_page.init(params)
    hzfont_page.create_ui()
end

----------------------------------------------------------------
-- 清理页面
----------------------------------------------------------------
function hzfont_page.cleanup()
    if main_container then
        main_container:destroy()
        main_container = nil
    end
    current_font = nil
end

return hzfont_page