examples/component/button.cpp

// 版权所有 2020 Arthur Sonzogni. 保留所有权利。
// 本源代码的使用受 MIT 许可证的约束，该许可证可在
// LICENSE 文件中找到。
#include <memory>  // for shared_ptr, __shared_ptr_access
#include <string>  // for operator+, to_string
 
#include "ftxui/component/captured_mouse.hpp"  // for ftxui
#include "ftxui/component/component.hpp"  // for Button, Horizontal, Renderer
#include "ftxui/component/component_base.hpp"      // for ComponentBase
#include "ftxui/component/screen_interactive.hpp"  // for ScreenInteractive
#include "ftxui/dom/elements.hpp"  // for separator, gauge, text, Element, operator|, vbox, border
 
using namespace ftxui;
 
// 这是一个辅助函数，用于创建具有自定义样式的按钮。
// 样式由一个 lambda 函数定义，该函数接受一个 EntryState 并
// 返回一个 Element。
// 我们使用 `center` 来使文本在按钮内居中，然后使用 `border` 来
// 在按钮周围添加边框，最后使用 `flex` 来使按钮填充
// 可用空间。
ButtonOption Style() {
  auto option = ButtonOption::Animated();
  option.transform = [](const EntryState& s) {
    auto element = text(s.label);
    if (s.focused) {
      element |= bold;
    }
    return element | center | borderEmpty | flex;
  };
  return option;
}
 
int main() {
  int value = 50;
 
  // clang-format off
  auto btn_dec_01 = Button("-1", [&] { value -= 1; }, Style());
  auto btn_inc_01 = Button("+1", [&] { value += 1; }, Style());
  auto btn_dec_10 = Button("-10", [&] { value -= 10; }, Style());
  auto btn_inc_10 = Button("+10", [&] { value += 10; }, Style());
  // clang-format on
 
// 组件树。这定义了如何使用键盘导航。
// 选定的 `row` 共享以获得网格布局。
 
  // 修改它们在屏幕上的渲染方式：
  auto component = Renderer(buttons, [&] {
    return vbox({
               text("value = " + std::to_string(value)),
               separator(),
               buttons->Render() | flex,
           }) |
           flex | border;
  });
 
  auto screen = ScreenInteractive::FitComponent();
  screen.Loop(component);
  return 0;
}