border_style.cpp

demonstrates the use of xtd::forms::label::border_style property.

Windows

macOS

Gnome

#include <xtd/xtd>
 
namespace border_style_example {
  class form1 : public form {
  public:
    static auto main() {
      application::run(form1 {});
    }
    
    form1() {
      text("Border style example");
      client_size({700, 170 + as<int>(20 + bordered_labels.length() / 4 * 70)});
      controls().add_range({colored_panel, control_panel});
      form_border_style(forms::form_border_style::fixed_dialog);
      maximize_box(false);
      
      colored_panel.controls().add_range(bordered_labels);
      colored_panel.dock(dock_style::fill);
      
      for (auto index = 0_z; index < bordered_labels.length(); ++index) {
        bordered_labels[index].border_style(border_styles[index]);
        bordered_labels[index].bounds(rectangle(as<int>(20 + index % 4 * 170), as<int>(20 + index / 4 * 70), 150, 50));
        bordered_labels[index].text(convert::to_string(border_styles[index]));
        bordered_labels[index].text_align(content_alignment::middle_center);
      }
      
      control_panel.border_sides(border_sides::top);
      control_panel.border_style(border_style::solid);
      control_panel.controls().add_range({choose_color_label, colors_chooser, select_sides_label, top_side, left_side, bottom_side, right_side});
      control_panel.dock(dock_style::bottom);
      
      choose_color_label.auto_size(true);
      choose_color_label.location({20, 40});
      choose_color_label.text("Choose color");
      
      colors_chooser.items().add_range(colors::get_color_names());
      colors_chooser.items().add_range(system_colors::get_color_names());
      colors_chooser.bounds({120, 37, 220, colors_chooser.size().height});
      colors_chooser.selected_index_changed += delegate_ {
        auto color = color::from_name(colors_chooser.selected_item().value());
        colored_panel.back_color(colors_chooser.selected_item() == "control" ? color : color.is_dark() ? color_converter::light(color, .1) :  color_converter::dark(color, .1));
        colored_panel.fore_color(color.is_dark() ? color_converter::light(color, 2.0 / 3) : color_converter::dark(color, 2.0 / 3));
        for (auto& bordered_label : bordered_labels)
          bordered_label.back_color(color);
      };
      colors_chooser.selected_item("control");
      
      select_sides_label.auto_size(true);
      select_sides_label.location({380, 40});
      select_sides_label.text("Select sides");
      
      top_side.checked(true);
      top_side.flat_style(xtd::forms::flat_style::flat);
      top_side.flat_appearance(flat_button_appearance().checked_back_color(application::style_sheet().system_colors().accent())
                               .mouse_down_back_color(application::style_sheet().system_colors().accent())
                               .mouse_over_back_color(application::style_sheet().system_colors().accent()));
      top_side.checked(true);
      top_side.location({495, 15});
      top_side.size({50, 10});
      top_side.checked_changed += delegate_ {
        if (top_side.checked()) border_sides |= forms::border_sides::top;
        else border_sides &= ~forms::border_sides::top;
        for (auto& bordered_label : bordered_labels)
          bordered_label.border_sides(border_sides);
      };
      
      left_side.checked(true);
      left_side.flat_style(xtd::forms::flat_style::flat);
      left_side.flat_appearance(flat_button_appearance().checked_back_color(application::style_sheet().system_colors().accent())
                                .mouse_down_back_color(application::style_sheet().system_colors().accent())
                                .mouse_over_back_color(application::style_sheet().system_colors().accent()));
      left_side.location({480, 25});
      left_side.size({10, 50});
      left_side.checked_changed += delegate_ {
        if (left_side.checked()) border_sides |= forms::border_sides::left;
        else border_sides &= ~forms::border_sides::left;
        for (auto& bordered_label : bordered_labels)
          bordered_label.border_sides(border_sides);
      };
      
      right_side.checked(true);
      right_side.flat_style(xtd::forms::flat_style::flat);
      right_side.flat_appearance(flat_button_appearance().checked_back_color(application::style_sheet().system_colors().accent())
                                 .mouse_down_back_color(application::style_sheet().system_colors().accent())
                                 .mouse_over_back_color(application::style_sheet().system_colors().accent()));
      right_side.location({550, 25});
      right_side.size({10, 50});
      right_side.checked_changed += delegate_ {
        if (right_side.checked()) border_sides |= forms::border_sides::right;
        else border_sides &= ~forms::border_sides::right;
        for (auto& bordered_label : bordered_labels)
          bordered_label.border_sides(border_sides);
      };
      
      bottom_side.checked(true);
      bottom_side.flat_style(xtd::forms::flat_style::flat);
      bottom_side.flat_appearance(flat_button_appearance().checked_back_color(application::style_sheet().system_colors().accent())
                                  .mouse_down_back_color(application::style_sheet().system_colors().accent())
                                  .mouse_over_back_color(application::style_sheet().system_colors().accent()));
      bottom_side.location({495, 75});
      bottom_side.size({50, 10});
      bottom_side.checked_changed += delegate_ {
        if (bottom_side.checked()) border_sides |= forms::border_sides::bottom;
        else border_sides &= ~forms::border_sides::bottom;
        for (auto& bordered_label : bordered_labels)
          bordered_label.border_sides(border_sides);
      };
    }
    
  private:
    inline static const array<border_style> border_styles {border_style::none, border_style::solid, border_style::inset, border_style::outset, border_style::groove, border_style::ridge, border_style::theme, border_style::dashed, border_style::dot_dash, border_style::dot_dot_dash, border_style::dotted, border_style::double_border, border_style::bevel_inset, border_style::bevel_outset, border_style::rounded};
    panel colored_panel;
    array<label> bordered_labels {border_styles.length()};
    forms::border_sides border_sides = forms::border_sides::all;
    panel control_panel;
    label choose_color_label;
    choice colors_chooser;
    label select_sides_label;
    toggle_button top_side;
    toggle_button left_side;
    toggle_button bottom_side;
    toggle_button right_side;
  };
}
 
startup_(border_style_example::form1::main);