Add actions to bottom line

[rodrigost23]

I see that there is a flag IS_LAUNCHER_DIRECTIVE for setting up pages and that is apparently the only way to have other stuff other than OK and back at the bottom, but it looks like this is for the Ultrahand overlay itself to use, right?

Would it be possible to have a custom action for shortcuts at the bottom?

[TOM-BadEN]

I see that there is a flag IS_LAUNCHER_DIRECTIVE for setting up pages and that is apparently the only way to have other stuff other than OK and back at the bottom, but it looks like this is for the Ultrahand overlay itself to use, right?我看到有一个标志 IS_LAUNCHER_DIRECTIVE 用于设置页面，这显然是除了“OK”和“返回”之外，在底部显示其他内容的唯一方法，但这看起来像是 Ultrahand 覆盖层本身使用的，对吗？

Would it be possible to have a custom action for shortcuts at the bottom?是否可以为底部快捷方式添加自定义操作？

  // 创建覆盖层框架，使用自定义头部（指定高度97避免滚动条）
   auto frame = new tsl::elm::HeaderOverlayFrame(TESLA_TITLE_HEIGHT);
   
   // 自定义头部绘制器
   frame->setHeader(new tsl::elm::CustomDrawer([this](tsl::gfx::Renderer* renderer, s32 x, s32 y, s32 w, s32 h) {
       // 左侧：标题和版本
       renderer->drawString("按键助手", false, 20, 50+2, 32, renderer->a(tsl::defaultOverlayColor));
       renderer->drawString(APP_VERSION_STRING, false, 20, 50+23, 15, renderer->a(tsl::bannerVersionTextColor));
       
       // 右侧：两行信息（往左移，避免截断，屏幕可见宽度约615px）
       // 垂直居中：高度97，行间距25，第一行Y=36，第二行Y=61
       renderer->drawString("TID :", false, 235, 36, 15, renderer->a(tsl::style::color::ColorText));
       renderer->drawString(m_textAreaInfo.gameId, false, 275, 36, 15, renderer->a(tsl::style::color::ColorHighlight));
       
       renderer->drawString("配置:", false, 235, 61, 15, renderer->a(tsl::style::color::ColorText));
       const char* config = m_textAreaInfo.isGlobalConfig ? "全局配置" : "独立配置";
       renderer->drawString(config, false, 275, 61, 15, renderer->a(tsl::style::color::ColorHighlight));

       // 底部按钮（使用绝对坐标）
       renderer->drawString("\uE0EE  设置", false, 280, 693, 23, renderer->a(tsl::style::color::ColorText));

   }));

You can use a custom header, HeaderOverlayFrame, to add buttons at the bottom,
for example:
renderer->drawString("\uE0EE Settings", false, 280, 693, 23, renderer->a(tsl::style::color::ColorText));

Because my English is very poor, I use AI to translate when writing in English, so I did not translate the Chinese comments. You can use AI to translate them yourself.
If you have any AI IDE, you can point it to libultrahand and ask it about how to use HeaderOverlayFrame.

[ppkantorski]

@TOM-BadEN One thing to keep in mind is renderer->a is not needed for anything using drawString. Alpha fading is handled directly in the drawString method (significantly more efficient than renderer->a for drawString). It doesn't hurt to add it, but it wont do anything noticeable other than hurt performance.

But yes you can implement your own solution pretty easily using an abstraction of the OverlayFrame / use a custom drawer on the HeaderOverlayFrame. I may add the ability though to setup left / right pages easier (like in Ultrahand). But custom actions may be easier with your own implementation.

[TOM-BadEN]

Learned.
😄