// Copyright 2020 Arthur Sonzogni. All rights reserved. // Use of this source code is governed by the MIT license that can be found in // the LICENSE file. #include // for shared_ptr, __shared_ptr_access #include // 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; // This is a helper function to create a button with a custom style. // The style is defined by a lambda function that takes an EntryState and // returns an Element. // We are using `center` to center the text inside the button, then `border` to // add a border around the button, and finally `flex` to make the button fill // the available space. ButtonOption ButtonStyle() { 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; // The tree of components. This defines how to navigate using the keyboard. auto buttons = Container::Vertical({ Container::Horizontal({ Button( "-1", [&] { value--; }, ButtonStyle()), Button( "+1", [&] { value++; }, ButtonStyle()), }) | flex, Container::Horizontal({ Button( "-10", [&] { value -= 10; }, ButtonStyle()), Button( "+10", [&] { value += 10; }, ButtonStyle()), }) | flex, }); // Modify the way to render them on screen: auto component = Renderer(buttons, [&] { return vbox({ text("value = " + std::to_string(value)), separator(), buttons->Render() | flex, }) | flex | border; }); auto screen = ScreenInteractive::Fullscreen(); screen.Loop(component); return 0; }