mirror of
https://github.com/ArthurSonzogni/FTXUI.git
synced 2024-10-06 12:03:35 +08:00
455998d759
1. Stop taking Ref<XxxOption> in Component constructors. Instead, use the XxxOption directly. Passing by copy avoid problems developers had where one was shared in between multiple component, causing issues. 2. Add variants of most component constructors taking a struct only. This replaces: https://github.com/ArthurSonzogni/FTXUI/pull/670 This fixes: https://github.com/ArthurSonzogni/FTXUI/issues/426
259 lines
9.2 KiB
C++
259 lines
9.2 KiB
C++
#include <array> // for array
|
|
#include <chrono> // for milliseconds
|
|
#include <functional> // for function
|
|
#include <memory> // for __shared_ptr_access, shared_ptr, allocator
|
|
#include <string> // for string, char_traits, operator+, basic_string
|
|
#include <vector> // for vector
|
|
|
|
#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
|
|
#include "ftxui/component/component_options.hpp" // for MenuOption, EntryState, MenuEntryOption, AnimatedColorOption, AnimatedColorsOption, UnderlineOption
|
|
#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);
|
|
|
|
int main() {
|
|
auto screen = ScreenInteractive::TerminalOutput();
|
|
|
|
std::vector<std::string> entries{
|
|
"Monkey", "Dog", "Cat", "Bird", "Elephant", "Cat",
|
|
};
|
|
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_,
|
|
});
|
|
|
|
auto renderer = Renderer(container, [&] {
|
|
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(),
|
|
});
|
|
});
|
|
|
|
screen.Loop(renderer);
|
|
}
|
|
|
|
Component VMenu1(std::vector<std::string>* entries, int* selected) {
|
|
auto option = MenuOption::Vertical();
|
|
option.entries_option.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_option.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_option.transform = [](EntryState state) {
|
|
Element e = state.active ? text("[" + state.label + "]")
|
|
: text(" " + state.label + " ");
|
|
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_option.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_option.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_option.animated_colors.foreground.enabled = true;
|
|
option.entries_option.animated_colors.background.enabled = true;
|
|
option.entries_option.animated_colors.background.active = Color::Red;
|
|
option.entries_option.animated_colors.background.inactive = Color::Black;
|
|
option.entries_option.animated_colors.foreground.active = Color::White;
|
|
option.entries_option.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_option.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_option.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);
|
|
}
|
|
|
|
// 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.
|