mirror of
https://github.com/ArthurSonzogni/FTXUI.git
synced 2025-05-06 06:38:28 +08:00
88 lines
3.5 KiB
C++
88 lines
3.5 KiB
C++
|
// 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 <string> // for char_traits, operator+, string, basic_string
|
||
|
|
|
||
|
|
#include "ftxui/component/component.hpp" // for Input, Renderer, Vertical
|
||
|
|
#include "ftxui/component/component_base.hpp" // for ComponentBase
|
||
|
|
#include "ftxui/component/component_options.hpp" // for InputOption
|
||
|
|
#include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive
|
||
|
|
#include "ftxui/dom/elements.hpp" // for text, hbox, separator, Element, operator|, vbox, border
|
||
|
|
#include "ftxui/util/ref.hpp" // for Ref
|
||
|
|
|
||
|
|
using namespace ftxui;
|
||
|
|
|
||
|
|
Element LoremIpsum() {
|
||
|
|
return vbox({
|
||
|
|
text("FTXUI: A powerful library for building user interfaces."),
|
||
|
|
text("Enjoy a rich set of components and a declarative style."),
|
||
|
|
text("Create beautiful and responsive UIs with minimal effort."),
|
||
|
|
text("Join the community and experience the power of FTXUI."),
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
int main() {
|
||
|
|
auto screen = ScreenInteractive::TerminalOutput();
|
||
|
|
|
||
|
|
auto quit =
|
||
|
|
Button("Quit", screen.ExitLoopClosure(), ButtonOption::Animated());
|
||
|
|
|
||
|
|
int selection_change_counter = 0;
|
||
|
|
std::string selection_content = "";
|
||
|
|
screen.SelectionChange([&] {
|
||
|
|
selection_change_counter++;
|
||
|
|
selection_content = screen.GetSelection();
|
||
|
|
});
|
||
|
|
|
||
|
|
// The components:
|
||
|
|
auto renderer = Renderer(quit, [&] {
|
||
|
|
return vbox({
|
||
|
|
text("Select changed: " + std::to_string(selection_change_counter) +
|
||
|
|
" times"),
|
||
|
|
text("Currently selected: "),
|
||
|
|
paragraph(selection_content) | vscroll_indicator | frame | border |
|
||
|
|
size(HEIGHT, EQUAL, 10),
|
||
|
|
window(text("Horizontal split"), hbox({
|
||
|
|
LoremIpsum(),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum(),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum(),
|
||
|
|
})),
|
||
|
|
window(text("Vertical split"), vbox({
|
||
|
|
LoremIpsum(),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum(),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum(),
|
||
|
|
})),
|
||
|
|
window(text("Grid split with different style"),
|
||
|
|
vbox({
|
||
|
|
hbox({
|
||
|
|
LoremIpsum(),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum() //
|
||
|
|
| selectionBackgroundColor(Color::Yellow) //
|
||
|
|
| selectionColor(Color::Black) //
|
||
|
|
| selectionStyleReset,
|
||
|
|
separator(),
|
||
|
|
LoremIpsum() | selectionColor(Color::Blue),
|
||
|
|
}),
|
||
|
|
separator(),
|
||
|
|
hbox({
|
||
|
|
LoremIpsum() | selectionColor(Color::Red),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum() | selectionStyle([](Pixel& pixel) {
|
||
|
|
pixel.underlined_double = true;
|
||
|
|
}),
|
||
|
|
separator(),
|
||
|
|
LoremIpsum(),
|
||
|
|
}),
|
||
|
|
})),
|
||
|
|
quit->Render(),
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
screen.Loop(renderer);
|
||
|
|
}
|