gui设计

一个文本+一个图标就是一个画面

研究颜色

1--背景

    virtual void on_paint(void)
    {
        c_rect rect;
        get_screen_rect(rect);
        m_surface->fill_rect(rect, GL_RGB(255, 255, 255), m_z_order);
    }

源码是GL_RGB(0, 0, 0)那就是背景是黑色  我现在修改为白色

2--字体

看上图 我预计会看不到的 结果文本白色 后面还有背景

2.1 修改上面的 可以变化按键的显示 现在是白色的了

通过下图

 

 

技巧 跟踪 WND_TREE 在.H 可以设置文字背景的颜色

此时文字背景是黄色

设置字体颜色是下图  黑色的！！！！看不到了

这样的方式 没办法设置颜色 准备用  Draw_string 单独表达文本

 

 

 

用着文字

 

注意 后面发现这个字库不全 一些汉字不出来 比如 中

换成下面的这个

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789(_+=./-:;@%!#',?)<>▲▼一键测量心率血氧压体温睡眠运动今日数据设置请偏紧佩戴并保持静止重试测量中

    心率 "\xE5\xBF\x83\xE7\x8E\x87"
    血压 "\xE8\xA1\x80\xE5\x8E\x8B"
    血氧 "\xE8\xA1\x80\xE6\xB0\xA7"
    体温 "\xE4\xBD\x93\xE6\xB8\xA9"
    睡眠 "\xE7\x9D\xA1\xE7\x9C\xA0"
    运动 "\xE8\xBF\x90\xE5\x8A\xA8"
    今日数据 "\xE4\xBB\x8A\xE6\x97\xA5\xE6\x95\xB0\xE6\x8D\xAE"
    设置 "\xE8\xAE\xBE\xE7\xBD\xAE"
    请偏紧佩戴并保持静止 \xE8\xAF\xB7\xE5\x81\x8F\xE7\xB4\xA7\xE4\xBD\xA9\xE6\x88\xB4
                         \xE5\xB9\xB6\xE4\xBF\x9D\xE6\x8C\x81\xE9\x9D\x99\xE6\xAD\xA2
    重试 \xE9\x87\x8D\xE8\xAF\x95
    测量中...  \xE6\xB5\x8B\xE9\x87\x8F\xE4\xB8\xAD\x2E\x2E\x2E
    





手表绑定 \xE6\x89\x8B\xE8\xA1\xA8\xE7\xBB\x91\xE5\xAE\x9A\xE2\x96\xB6
数据配对 \xE6\x95\xB0\xE6\x8D\xAE\xE9\x85\x8D\xE5\xAF\xB9\xE2\x96\xB6
设备信息 \xE8\xAE\xBE\xE5\xA4\x87\xE4\xBF\xA1\xE6\x81\xAF\xE2\x96\xB6

模式选择  \xE6\xA8\xA1\xE5\xBC\x8F\xE9\x80\x89\xE6\x8B\xA9
夜间勿扰  \xE5\xA4\x9C\xE9\x97\xB4\xE5\x8B\xBF\xE6\x89\xB0
时间制式▶ \xE6\x97\xB6\xE9\x97\xB4\xE5\x88\xB6\xE5\xBC\x8F

设备号 \xE8\xAE\xBE\xE5\xA4\x87\xE5\x8F\xB7
蓝牙 \xE8\x93\x9D\xE7\x89\x99
软件版本 \xE8\xBD\xAF\xE4\xBB\xB6\xE7\x89\x88\xE6\x9C\xAC
硬件版本 \xE7\xA1\xAC\xE4\xBB\xB6\xE7\x89\x88\xE6\x9C\xAC




新作一个字库:
手表绑定数据配对设备信息模式选择夜间勿扰时间制式设备号蓝牙软件版本硬件版本
优化一次 https://www.qqxiuzi.cn/zh/quchong/
手表绑定数据配对设备信息模式选择夜间勿扰时制号蓝牙软件版本硬




星期一二三四五六日
\xE6\x98\x9F\xE6\x9C\x9F\xE4\xB8\x80  E4BA8CE4B889E59B9BE4BA94E585ADE697A5

    https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.dc64b3430&cid=27999

下载系列图标 
默认是200*200的 修改为64*64吧

保存为24位BMP

 

布局的时候

 不能用bitmap

因为第一个参数 不是继承的wnd

 

 

++++++++++++++++++++++

gui再次设计
对比真机
视频XXXXXXXXX

可以看到细节
A--设置点击进去以后 整个UI是一起切换的 上下翻页的时候整页整页
B--首页时间画面的时候 下拉菜单 不能悬停 是整体的切换

结论：
我可以不用框架了 就是整体绘图！

重新开始吧。
设计思路XXXXXXXXXXXX

Production and consumption
生产者:(action,x,y) //行为滑动点击在哪个坐标发生了
消费者：(action,x,y) 类似多态 在不同page执行不同行为