2022-03-14 01:51:46 +08:00
|
|
|
#include <array> // for array
|
|
|
|
#include <chrono> // for milliseconds
|
2021-07-10 19:20:43 +08:00
|
|
|
#include <functional> // for function
|
2022-12-20 01:51:25 +08:00
|
|
|
#include <memory> // for __shared_ptr_access, shared_ptr, allocator
|
|
|
|
#include <string> // for string, char_traits, operator+, basic_string
|
2021-07-10 19:20:43 +08:00
|
|
|
#include <vector> // for vector
|
2021-05-02 02:40:35 +08:00
|
|
|
|
2022-03-14 01:51:46 +08:00
|
|
|
#include "ftxui/component/animation.hpp" // for ElasticOut, Linear
|
|
|
|
#include "ftxui/component/component.hpp" // for Menu, Horizontal, Renderer, Vertical
|
|
|
|
#include "ftxui/component/component_base.hpp" // for ComponentBase
|
2022-12-20 01:51:25 +08:00
|
|
|
#include "ftxui/component/component_options.hpp" // for MenuOption, EntryState, MenuEntryOption, AnimatedColorOption, AnimatedColorsOption, UnderlineOption
|
2022-03-14 01:51:46 +08:00
|
|
|
#include "ftxui/component/mouse.hpp" // for ftxui
|
|
|
|
#include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive
|
|
|
|
#include "ftxui/dom/elements.hpp" // for separator, operator|, Element, text, bgcolor, hbox, bold, color, filler, border, vbox, borderDouble, dim, flex, hcenter
|
|
|
|
#include "ftxui/screen/color.hpp" // for Color, Color::Red, Color::Black, Color::Yellow, Color::Blue, Color::Default, Color::White
|
|
|
|
|
|
|
|
using namespace ftxui;
|
|
|
|
|
|
|
|
Component VMenu1(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu2(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu3(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu4(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu5(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu6(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu7(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component VMenu8(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component HMenu1(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component HMenu2(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component HMenu3(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component HMenu4(std::vector<std::string>* entries, int* selected);
|
|
|
|
Component HMenu5(std::vector<std::string>* entries, int* selected);
|
2019-01-03 07:35:59 +08:00
|
|
|
|
2021-05-14 06:45:03 +08:00
|
|
|
int main(int argc, const char* argv[]) {
|
2021-07-08 04:13:33 +08:00
|
|
|
auto screen = ScreenInteractive::TerminalOutput();
|
|
|
|
|
2022-03-31 08:17:43 +08:00
|
|
|
std::vector<std::string> entries{
|
2022-03-14 01:51:46 +08:00
|
|
|
"Monkey", "Dog", "Cat", "Bird", "Elephant", "Cat",
|
2021-05-14 06:45:03 +08:00
|
|
|
};
|
2022-03-14 01:51:46 +08:00
|
|
|
std::array<int, 12> selected = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
|
|
|
|
|
|
|
|
auto vmenu_1_ = VMenu1(&entries, &selected[0]);
|
|
|
|
auto vmenu_2_ = VMenu2(&entries, &selected[1]);
|
|
|
|
auto vmenu_3_ = VMenu3(&entries, &selected[2]);
|
|
|
|
auto vmenu_4_ = VMenu4(&entries, &selected[3]);
|
|
|
|
auto vmenu_5_ = VMenu5(&entries, &selected[4]);
|
|
|
|
auto vmenu_6_ = VMenu6(&entries, &selected[5]);
|
|
|
|
auto vmenu_7_ = VMenu7(&entries, &selected[6]);
|
|
|
|
auto vmenu_8_ = VMenu8(&entries, &selected[7]);
|
|
|
|
|
|
|
|
auto hmenu_1_ = HMenu1(&entries, &selected[8]);
|
|
|
|
auto hmenu_2_ = HMenu2(&entries, &selected[9]);
|
|
|
|
auto hmenu_3_ = HMenu3(&entries, &selected[10]);
|
|
|
|
auto hmenu_4_ = HMenu4(&entries, &selected[11]);
|
|
|
|
auto hmenu_5_ = HMenu5(&entries, &selected[12]);
|
|
|
|
|
|
|
|
auto container = Container::Vertical({
|
|
|
|
Container::Horizontal({
|
|
|
|
vmenu_1_,
|
|
|
|
vmenu_2_,
|
|
|
|
vmenu_3_,
|
|
|
|
vmenu_4_,
|
|
|
|
vmenu_5_,
|
|
|
|
vmenu_6_,
|
|
|
|
vmenu_7_,
|
|
|
|
vmenu_8_,
|
|
|
|
}),
|
|
|
|
hmenu_1_,
|
|
|
|
hmenu_2_,
|
|
|
|
hmenu_3_,
|
|
|
|
hmenu_4_,
|
|
|
|
hmenu_5_,
|
2021-05-10 02:32:27 +08:00
|
|
|
});
|
2019-01-03 07:35:59 +08:00
|
|
|
|
2021-05-14 06:45:03 +08:00
|
|
|
auto renderer = Renderer(container, [&] {
|
2022-03-14 01:51:46 +08:00
|
|
|
return //
|
|
|
|
hbox({
|
|
|
|
vbox({
|
|
|
|
hbox({
|
|
|
|
vmenu_1_->Render(),
|
|
|
|
separator(),
|
|
|
|
vmenu_2_->Render(),
|
|
|
|
separator(),
|
|
|
|
vmenu_3_->Render(),
|
|
|
|
separator(),
|
|
|
|
vmenu_4_->Render(),
|
|
|
|
separator(),
|
|
|
|
vmenu_5_->Render(),
|
|
|
|
vmenu_6_->Render(),
|
|
|
|
separator(),
|
|
|
|
vmenu_7_->Render(),
|
|
|
|
separator(),
|
|
|
|
vmenu_8_->Render(),
|
|
|
|
}),
|
|
|
|
separator(),
|
|
|
|
hmenu_1_->Render(),
|
|
|
|
separator(),
|
|
|
|
hmenu_2_->Render(),
|
|
|
|
separator(),
|
|
|
|
hmenu_3_->Render(),
|
|
|
|
separator(),
|
|
|
|
hmenu_4_->Render(),
|
|
|
|
hmenu_5_->Render(),
|
|
|
|
}) | border,
|
|
|
|
filler(),
|
|
|
|
});
|
2021-05-14 06:45:03 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
screen.Loop(renderer);
|
2019-01-03 07:35:59 +08:00
|
|
|
}
|
2020-09-06 19:46:56 +08:00
|
|
|
|
2022-03-14 01:51:46 +08:00
|
|
|
Component VMenu1(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.transform = [](EntryState state) {
|
|
|
|
state.label = (state.active ? "> " : " ") + state.label;
|
|
|
|
Element e = text(state.label);
|
|
|
|
if (state.focused)
|
|
|
|
e = e | bgcolor(Color::Blue);
|
|
|
|
if (state.active)
|
|
|
|
e = e | bold;
|
|
|
|
return e;
|
|
|
|
};
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu2(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.transform = [](EntryState state) {
|
|
|
|
state.label += (state.active ? " <" : " ");
|
|
|
|
Element e = hbox(filler(), text(state.label));
|
|
|
|
if (state.focused)
|
|
|
|
e = e | bgcolor(Color::Red);
|
|
|
|
if (state.active)
|
|
|
|
e = e | bold;
|
|
|
|
return e;
|
|
|
|
};
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu3(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.transform = [](EntryState state) {
|
|
|
|
Element e = state.active ? text("[" + state.label + "]")
|
2022-03-31 08:17:43 +08:00
|
|
|
: text(" " + state.label + " ");
|
2022-03-14 01:51:46 +08:00
|
|
|
if (state.focused)
|
|
|
|
e = e | bold;
|
|
|
|
|
|
|
|
if (state.focused)
|
|
|
|
e = e | color(Color::Blue);
|
|
|
|
if (state.active)
|
|
|
|
e = e | bold;
|
|
|
|
return e;
|
|
|
|
};
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu4(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.transform = [](EntryState state) {
|
|
|
|
if (state.active && state.focused) {
|
|
|
|
return text(state.label) | color(Color::Yellow) | bgcolor(Color::Black) |
|
|
|
|
bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (state.active) {
|
|
|
|
return text(state.label) | color(Color::Yellow) | bgcolor(Color::Black);
|
|
|
|
}
|
|
|
|
if (state.focused) {
|
|
|
|
return text(state.label) | color(Color::Black) | bgcolor(Color::Yellow) |
|
|
|
|
bold;
|
|
|
|
}
|
|
|
|
return text(state.label) | color(Color::Black) | bgcolor(Color::Yellow);
|
|
|
|
};
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu5(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.transform = [](EntryState state) {
|
|
|
|
auto element = text(state.label);
|
|
|
|
if (state.active && state.focused) {
|
|
|
|
return element | borderDouble;
|
|
|
|
}
|
|
|
|
if (state.active) {
|
|
|
|
return element | border;
|
|
|
|
}
|
|
|
|
if (state.focused) {
|
|
|
|
return element | bold;
|
|
|
|
}
|
|
|
|
return element;
|
|
|
|
};
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu6(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::VerticalAnimated();
|
|
|
|
option.underline.color_inactive = Color::Default;
|
|
|
|
option.underline.color_active = Color::Red;
|
|
|
|
option.underline.SetAnimationFunction(animation::easing::Linear);
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu7(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.animated_colors.foreground.enabled = true;
|
|
|
|
option.entries.animated_colors.background.enabled = true;
|
|
|
|
option.entries.animated_colors.background.active = Color::Red;
|
|
|
|
option.entries.animated_colors.background.inactive = Color::Black;
|
|
|
|
option.entries.animated_colors.foreground.active = Color::White;
|
|
|
|
option.entries.animated_colors.foreground.inactive = Color::Red;
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component VMenu8(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Vertical();
|
|
|
|
option.entries.animated_colors.foreground.Set(Color::Red, Color::White,
|
|
|
|
std::chrono::milliseconds(500));
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component HMenu1(std::vector<std::string>* entries, int* selected) {
|
|
|
|
return Menu(entries, selected, MenuOption::Horizontal());
|
|
|
|
}
|
|
|
|
|
|
|
|
Component HMenu2(std::vector<std::string>* entries, int* selected) {
|
|
|
|
return Menu(entries, selected, MenuOption::Toggle());
|
|
|
|
}
|
|
|
|
|
|
|
|
Component HMenu3(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::Toggle();
|
|
|
|
option.elements_infix = [] { return text(" 🮣🮠 "); };
|
|
|
|
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
|
|
|
Component HMenu4(std::vector<std::string>* entries, int* selected) {
|
|
|
|
return Menu(entries, selected, MenuOption::HorizontalAnimated());
|
|
|
|
}
|
|
|
|
|
|
|
|
Component HMenu5(std::vector<std::string>* entries, int* selected) {
|
|
|
|
auto option = MenuOption::HorizontalAnimated();
|
|
|
|
option.underline.SetAnimation(std::chrono::milliseconds(1500),
|
|
|
|
animation::easing::ElasticOut);
|
|
|
|
option.entries.transform = [](EntryState state) {
|
|
|
|
Element e = text(state.label) | hcenter | flex;
|
|
|
|
if (state.active && state.focused)
|
|
|
|
e = e | bold;
|
|
|
|
if (!state.focused && !state.active)
|
|
|
|
e = e | dim;
|
|
|
|
return e;
|
|
|
|
};
|
|
|
|
option.underline.color_inactive = Color::Default;
|
|
|
|
option.underline.color_active = Color::Red;
|
|
|
|
return Menu(entries, selected, option);
|
|
|
|
}
|
|
|
|
|
2020-09-06 19:46:56 +08:00
|
|
|
// 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.
|