mirror of
https://github.com/ArthurSonzogni/FTXUI.git
synced 2025-09-23 13:28:08 +08:00
Make component more functionnal
This commit is contained in:
@@ -1,92 +1,100 @@
|
||||
#include <functional> // for function
|
||||
#include <initializer_list> // for initializer_list
|
||||
#include <string> // for wstring, allocator
|
||||
#include <memory> // for __shared_ptr_access
|
||||
#include <string> // for wstring, allocator, basic_string
|
||||
#include <vector> // for vector
|
||||
|
||||
#include "ftxui/component/component.hpp" // for Component
|
||||
#include "ftxui/component/container.hpp" // for Container
|
||||
#include "ftxui/component/menu.hpp" // for Menu
|
||||
#include "ftxui/component/screen_interactive.hpp" // for ScreenInteractive
|
||||
#include "ftxui/dom/elements.hpp" // for operator|, Element
|
||||
#include "ftxui/screen/box.hpp" // for ftxui
|
||||
#include "ftxui/screen/color.hpp" // for Color, Color::Blue
|
||||
#include "ftxui/component/captured_mouse.hpp" // for ftxui
|
||||
#include "ftxui/component/component.hpp" // for Menu, Make
|
||||
#include "ftxui/component/component_base.hpp" // for ComponentBase
|
||||
#include "ftxui/component/container.hpp" // for Container
|
||||
#include "ftxui/component/menu.hpp" // for MenuBase
|
||||
#include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive
|
||||
#include "ftxui/dom/elements.hpp" // for operator|, Element, separator, bgcolor, color, flex, Decorator, bold, hbox, border, dim
|
||||
#include "ftxui/screen/color.hpp" // for Color, Color::Blue, Color::BlueLight, Color::Red, Color::Yellow
|
||||
|
||||
using namespace ftxui;
|
||||
|
||||
class MyComponent : public Component {
|
||||
std::vector<std::wstring> entries = {
|
||||
L"Monkey", L"Dog", L"Cat", L"Bird", L"Elephant",
|
||||
};
|
||||
|
||||
class MyComponent : public ComponentBase {
|
||||
public:
|
||||
MyComponent() {
|
||||
Add(&container);
|
||||
MyComponent(std::function<void(void)> exit) {
|
||||
on_enter_ = exit;
|
||||
|
||||
for (Menu* menu : {
|
||||
&menu_1,
|
||||
&menu_2,
|
||||
&menu_3,
|
||||
&menu_4,
|
||||
&menu_5,
|
||||
&menu_6,
|
||||
}) {
|
||||
container.Add(menu);
|
||||
menu->entries = {
|
||||
L"Monkey", L"Dog", L"Cat", L"Bird", L"Elephant",
|
||||
};
|
||||
menu->on_enter = [this]() { on_enter(); };
|
||||
}
|
||||
Add(container);
|
||||
|
||||
menu_2.focused_style = bold | color(Color::Blue);
|
||||
menu_2.selected_style = color(Color::Blue);
|
||||
menu_2.selected_focused_style = bold | color(Color::Blue);
|
||||
for (Component menu :
|
||||
{menu_1_, menu_2_, menu_3_, menu_4_, menu_5_, menu_6_})
|
||||
MenuBase::From(menu)->on_enter = [this] { on_enter_(); };
|
||||
|
||||
menu_3.selected_style = color(Color::Blue);
|
||||
menu_3.focused_style = bgcolor(Color::Blue);
|
||||
menu_3.selected_focused_style = bgcolor(Color::Blue);
|
||||
MenuBase::From(menu_2_)->focused_style = bold | color(Color::Blue);
|
||||
MenuBase::From(menu_2_)->selected_style = color(Color::Blue);
|
||||
MenuBase::From(menu_2_)->selected_focused_style = bold | color(Color::Blue);
|
||||
|
||||
menu_4.selected_style = bgcolor(Color::Blue);
|
||||
menu_4.focused_style = bgcolor(Color::BlueLight);
|
||||
menu_4.selected_focused_style = bgcolor(Color::BlueLight);
|
||||
MenuBase::From(menu_3_)->selected_style = color(Color::Blue);
|
||||
MenuBase::From(menu_3_)->focused_style = bgcolor(Color::Blue);
|
||||
MenuBase::From(menu_3_)->selected_focused_style = bgcolor(Color::Blue);
|
||||
|
||||
menu_5.normal_style = bgcolor(Color::Blue);
|
||||
menu_5.selected_style = bgcolor(Color::Yellow);
|
||||
menu_5.focused_style = bgcolor(Color::Red);
|
||||
menu_5.selected_focused_style = bgcolor(Color::Red);
|
||||
MenuBase::From(menu_4_)->selected_style = bgcolor(Color::Blue);
|
||||
MenuBase::From(menu_4_)->focused_style = bgcolor(Color::BlueLight);
|
||||
MenuBase::From(menu_4_)->selected_focused_style = bgcolor(Color::BlueLight);
|
||||
|
||||
menu_6.normal_style = dim | color(Color::Blue);
|
||||
menu_6.selected_style = color(Color::Blue);
|
||||
menu_6.focused_style = bold | color(Color::Blue);
|
||||
menu_6.selected_focused_style = bold | color(Color::Blue);
|
||||
MenuBase::From(menu_5_)->normal_style = bgcolor(Color::Blue);
|
||||
MenuBase::From(menu_5_)->selected_style = bgcolor(Color::Yellow);
|
||||
MenuBase::From(menu_5_)->focused_style = bgcolor(Color::Red);
|
||||
MenuBase::From(menu_5_)->selected_focused_style = bgcolor(Color::Red);
|
||||
|
||||
MenuBase::From(menu_6_)->normal_style = dim | color(Color::Blue);
|
||||
MenuBase::From(menu_6_)->selected_style = color(Color::Blue);
|
||||
MenuBase::From(menu_6_)->focused_style = bold | color(Color::Blue);
|
||||
MenuBase::From(menu_6_)->selected_focused_style = bold | color(Color::Blue);
|
||||
}
|
||||
|
||||
std::function<void()> on_enter = []() {};
|
||||
std::function<void()> on_enter_;
|
||||
|
||||
private:
|
||||
Container container = Container::Horizontal();
|
||||
Menu menu_1;
|
||||
Menu menu_2;
|
||||
Menu menu_3;
|
||||
Menu menu_4;
|
||||
Menu menu_5;
|
||||
Menu menu_6;
|
||||
int menu_1_selected_ = 0;
|
||||
int menu_2_selected_ = 0;
|
||||
int menu_3_selected_ = 0;
|
||||
int menu_4_selected_ = 0;
|
||||
int menu_5_selected_ = 0;
|
||||
int menu_6_selected_ = 0;
|
||||
Component menu_1_ = Menu(&entries, &menu_1_selected_);
|
||||
Component menu_2_ = Menu(&entries, &menu_2_selected_);
|
||||
Component menu_3_ = Menu(&entries, &menu_3_selected_);
|
||||
Component menu_4_ = Menu(&entries, &menu_4_selected_);
|
||||
Component menu_5_ = Menu(&entries, &menu_5_selected_);
|
||||
Component menu_6_ = Menu(&entries, &menu_6_selected_);
|
||||
Component container = Container::Horizontal({
|
||||
menu_1_,
|
||||
menu_2_,
|
||||
menu_3_,
|
||||
menu_4_,
|
||||
menu_5_,
|
||||
menu_6_,
|
||||
});
|
||||
|
||||
// clang-format off
|
||||
Element Render() override {
|
||||
return
|
||||
hbox({
|
||||
menu_1.Render() | flex, separator(),
|
||||
menu_2.Render() | flex, separator(),
|
||||
menu_3.Render() | flex, separator(),
|
||||
menu_4.Render() | flex, separator(),
|
||||
menu_5.Render() | flex, separator(),
|
||||
menu_6.Render() | flex,
|
||||
}) | border;
|
||||
}
|
||||
Element Render() override {
|
||||
return
|
||||
hbox({
|
||||
menu_1_->Render() | flex, separator(),
|
||||
menu_2_->Render() | flex, separator(),
|
||||
menu_3_->Render() | flex, separator(),
|
||||
menu_4_->Render() | flex, separator(),
|
||||
menu_5_->Render() | flex, separator(),
|
||||
menu_6_->Render() | flex,
|
||||
}) | border;
|
||||
}
|
||||
// clang-format on
|
||||
};
|
||||
|
||||
int main(int argc, const char* argv[]) {
|
||||
auto screen = ScreenInteractive::TerminalOutput();
|
||||
MyComponent component;
|
||||
component.on_enter = screen.ExitLoopClosure();
|
||||
screen.Loop(&component);
|
||||
screen.Loop(Make<MyComponent>(screen.ExitLoopClosure()));
|
||||
}
|
||||
|
||||
// Copyright 2020 Arthur Sonzogni. All rights reserved.
|
||||
|
Reference in New Issue
Block a user