// Copyright (C) 2008 Davis E. King (davis@dlib.net), and Nils Labugt
// License: Boost Software License See LICENSE.txt for the full license.
#ifndef DLIB_WIDGETs_STYLE_CPP_
#define DLIB_WIDGETs_STYLE_CPP_
#include "style.h"
namespace dlib
{
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// button style stuff
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void button_style_default::draw_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& mfont,
const long ,
const long ,
const ustring& name,
const bool is_depressed
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
fill_rect(c,rect,rgb_pixel(212,208,200));
unsigned char red, green, blue;
if (enabled)
{
red = 0;
green = 0;
blue = 0;
}
else
{
red = 128;
green = 128;
blue = 128;
}
// compute the name length if it hasn't already been computed
if (name_width == 0)
{
unsigned long height;
mfont.compute_size(name,name_width,height);
}
// figure out where the name string should appear
rectangle name_rect;
const unsigned long width = name_width;
const unsigned long height = mfont.height();
name_rect.set_left((rect.right() + rect.left() - width)/2);
name_rect.set_top((rect.bottom() + rect.top() - height)/2 + 1);
name_rect.set_right(name_rect.left()+width-1);
name_rect.set_bottom(name_rect.top()+height);
if (is_depressed)
{
name_rect.set_left(name_rect.left()+1);
name_rect.set_right(name_rect.right()+1);
name_rect.set_top(name_rect.top()+1);
name_rect.set_bottom(name_rect.bottom()+1);
mfont.draw_string(c,name_rect,name,rgb_pixel(red,green,blue));
draw_button_down(c,rect);
}
else
{
mfont.draw_string(c,name_rect,name,rgb_pixel(red,green,blue));
// now draw the edge of the button
draw_button_up(c,rect);
}
}
// ----------------------------------------------------------------------------------------
rectangle button_style_default::
get_min_size (
const ustring& name,
const font& mfont
) const
{
unsigned long width;
unsigned long height;
mfont.compute_size(name,width,height);
name_width = width;
return rectangle(width+2*padding, height+2*padding);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void button_style_toolbar1::draw_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& mfont,
const long lastx,
const long lasty,
const ustring& name,
const bool is_depressed
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
const long radius = 4;
unsigned char red, green, blue;
if (enabled)
{
red = 0;
green = 0;
blue = 0;
long d = 0;
if (rect.contains(lastx,lasty))
d = -70;
if (is_depressed)
d = 20;
if (d != 0)
{
rectangle temp(rect);
temp.left()--; temp.top()--; temp.right()++; temp.bottom()++;
draw_rounded_rectangle(c, temp, radius, rgb_alpha_pixel(255,255,0,120));
temp.left()--; temp.top()--; temp.right()++; temp.bottom()++;
draw_rounded_rectangle(c, temp, radius, rgb_alpha_pixel(255,255,0,40));
}
fill_gradient_rounded(c,rect,radius,rgb_alpha_pixel(255, 255, 255,120-d),
rgb_alpha_pixel(255, 255, 255,0));
draw_rounded_rectangle(c,rect,radius, rgb_alpha_pixel(30,30,30,200));
}
else
{
red = 128;
green = 128;
blue = 128;
draw_rounded_rectangle(c,rect,radius, rgb_alpha_pixel(red,green,blue,210));
}
// compute the name length if it hasn't already been computed
if (name_width == 0)
{
unsigned long height;
mfont.compute_size(name,name_width,height);
}
// figure out where the name string should appear
rectangle name_rect;
const unsigned long width = name_width;
const unsigned long height = mfont.height();
name_rect.set_left((rect.right() + rect.left() - width)/2);
name_rect.set_top((rect.bottom() + rect.top() - height)/2 + 1);
name_rect.set_right(name_rect.left()+width-1);
name_rect.set_bottom(name_rect.top()+height);
if (is_depressed)
{
name_rect.set_left(name_rect.left()+1);
name_rect.set_right(name_rect.right()+1);
name_rect.set_top(name_rect.top()+1);
name_rect.set_bottom(name_rect.bottom()+1);
mfont.draw_string(c,name_rect,name,rgb_pixel(red,green,blue));
}
else
{
mfont.draw_string(c,name_rect,name,rgb_pixel(red,green,blue));
}
}
// ----------------------------------------------------------------------------------------
rectangle button_style_toolbar1::
get_min_size (
const ustring& name,
const font& mfont
) const
{
unsigned long width;
unsigned long height;
mfont.compute_size(name,width,height);
name_width = width;
return rectangle(width+2*padding, height+2*padding);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void button_style_toolbar_icon1::draw_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& ,
const long lastx,
const long lasty,
const ustring& ,
const bool is_depressed
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
const long radius = padding;
if (enabled)
{
if (rect.contains(lastx,lasty))
{
if (is_depressed)
{
fill_gradient_rounded(c,rect,radius,rgb_alpha_pixel(100,100,200,150),
rgb_alpha_pixel(50,50,100,100));
draw_rounded_rectangle(c,rect,radius, rgb_alpha_pixel(150,150,30,200));
}
else
{
fill_gradient_rounded(c,rect,radius,rgb_alpha_pixel(150,150,250,130),
rgb_alpha_pixel(100,100,150,90));
draw_rounded_rectangle(c,rect,radius, rgb_alpha_pixel(150,150,30,200));
}
}
if (is_depressed)
{
rectangle img_rect(translate_rect(centered_rect(rect,img_mouseover.nc(),img_mouseover.nr()),1,1));
point p(img_rect.left(),img_rect.top());
draw_image(c,p,img_mouseover);
}
else
{
rectangle img_rect(centered_rect(rect,img_normal.nc(),img_normal.nr()));
point p(img_rect.left(),img_rect.top());
if (rect.contains(lastx,lasty))
draw_image(c,p,img_mouseover);
else
draw_image(c,p,img_normal);
}
}
else
{
rectangle img_rect(centered_rect(rect,img_normal.nc(),img_normal.nr()));
point p(img_rect.left(),img_rect.top());
draw_image(c,p,img_disabled);
}
}
// ----------------------------------------------------------------------------------------
rectangle button_style_toolbar_icon1::
get_min_size (
const ustring& ,
const font&
) const
{
return rectangle(img_normal.nc()+2*padding, img_normal.nr()+2*padding);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void button_style_arrow::
draw_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& ,
const long ,
const long ,
const ustring& ,
const bool is_depressed
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
fill_rect(c,rect,rgb_pixel(212,208,200));
const long height = rect.height();
const long width = rect.width();
const long smallest = (width < height) ? width : height;
const long rows = (smallest+3)/4;
const long start = rows + rows/2-1;
long dep;
long tip_x = 0;
long tip_y = 0;
long wy = 0;
long hy = 0;
long wx = 0;
long hx = 0;
if (is_depressed)
{
dep = 0;
// draw the button's border
draw_button_down(c,rect);
}
else
{
dep = -1;
// draw the button's border
draw_button_up(c,rect);
}
switch (dir)
{
case UP:
tip_x = width/2 + rect.left() + dep;
tip_y = (height - start)/2 + rect.top() + dep + 1;
wy = 0;
hy = 1;
wx = 1;
hx = 0;
break;
case DOWN:
tip_x = width/2 + rect.left() + dep;
tip_y = rect.bottom() - (height - start)/2 + dep;
wy = 0;
hy = -1;
wx = 1;
hx = 0;
break;
case LEFT:
tip_x = rect.left() + (width - start)/2 + dep + 1;
tip_y = height/2 + rect.top() + dep;
wy = 1;
hy = 0;
wx = 0;
hx = 1;
break;
case RIGHT:
tip_x = rect.right() - (width - start)/2 + dep;
tip_y = height/2 + rect.top() + dep;
wy = 1;
hy = 0;
wx = 0;
hx = -1;
break;
}
rgb_pixel color;
if (enabled)
{
color.red = 0;
color.green = 0;
color.blue = 0;
}
else
{
color.red = 128;
color.green = 128;
color.blue = 128;
}
for (long i = 0; i < rows; ++i)
{
draw_line(c,point(tip_x + wx*i + hx*i, tip_y + wy*i + hy*i),
point(tip_x + wx*i*-1 + hx*i, tip_y + wy*i*-1 + hy*i),
color);
}
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// toggle button style stuff
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void toggle_button_style_default::draw_toggle_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& mfont,
const long ,
const long ,
const ustring& name,
const bool is_depressed,
const bool is_checked
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
fill_rect(c,rect,rgb_pixel(212,208,200));
unsigned char red, green, blue;
if (enabled)
{
red = 0;
green = 0;
blue = 0;
}
else
{
red = 128;
green = 128;
blue = 128;
}
// compute the name length if it hasn't already been computed
if (name_width == 0)
{
unsigned long height;
mfont.compute_size(name,name_width,height);
}
// figure out where the name string should appear
rectangle name_rect;
const unsigned long width = name_width;
const unsigned long height = mfont.height();
name_rect.set_left((rect.right() + rect.left() - width)/2);
name_rect.set_top((rect.bottom() + rect.top() - height)/2 + 1);
name_rect.set_right(name_rect.left()+width-1);
name_rect.set_bottom(name_rect.top()+height);
long d = 0;
if (is_checked)
d = 1;
if (is_depressed)
d = 2;
name_rect.set_left(name_rect.left()+d);
name_rect.set_right(name_rect.right()+d);
name_rect.set_top(name_rect.top()+d);
name_rect.set_bottom(name_rect.bottom()+d);
mfont.draw_string(c,name_rect,name,rgb_pixel(red,green,blue));
// now draw the edge of the button
if (is_checked || is_depressed)
draw_button_down(c,rect);
else
draw_button_up(c,rect);
}
// ----------------------------------------------------------------------------------------
rectangle toggle_button_style_default::
get_min_size (
const ustring& name,
const font& mfont
) const
{
unsigned long width;
unsigned long height;
mfont.compute_size(name,width,height);
name_width = width;
return rectangle(width+2*padding, height+2*padding);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void toggle_button_style_check_box::draw_toggle_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& mfont,
const long ,
const long ,
const ustring& name,
const bool is_depressed,
const bool is_checked
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
rgb_pixel color;
if (enabled)
{
color.red = 0;
color.green = 0;
color.blue = 0;
}
else
{
color.red = 128;
color.green = 128;
color.blue = 128;
}
// figure out where the name string should appear
rectangle name_rect, box_rect;
unsigned long padding = 0;
if (mfont.height() < 13)
padding = (rect.height() - mfont.height())/2;
name_rect = rect;
name_rect.set_left(rect.left() + 17-1);
name_rect.set_top(rect.top() + padding);
name_rect.set_bottom(rect.bottom() - padding);
box_rect = rect;
box_rect.set_right(rect.left() + 12);
box_rect.set_bottom(rect.top() + 12);
mfont.draw_string(c,name_rect,name,color);
if (enabled && is_depressed == false)
fill_rect(c, box_rect,rgb_pixel(255,255,255));
else
fill_rect(c, box_rect,rgb_pixel(212,208,200));
draw_sunken_rectangle(c, box_rect);
if (is_checked)
{
const long x = box_rect.left();
const long y = box_rect.top();
draw_line(c,point(3+x,5+y),point(6+x,8+y),color);
draw_line(c,point(3+x,6+y),point(5+x,8+y),color);
draw_line(c,point(3+x,7+y),point(5+x,9+y),color);
draw_line(c,point(6+x,6+y),point(9+x,3+y),color);
draw_line(c,point(6+x,7+y),point(9+x,4+y),color);
draw_line(c,point(6+x,8+y),point(9+x,5+y),color);
}
}
// ----------------------------------------------------------------------------------------
rectangle toggle_button_style_check_box::
get_min_size (
const ustring& name,
const font& mfont
) const
{
unsigned long width;
unsigned long height;
mfont.compute_size(name,width,height);
if (height < 13)
height = 13;
return rectangle(width + 17 -1, height -1);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void toggle_button_style_radio_button::draw_toggle_button (
const canvas& c,
const rectangle& rect,
const bool enabled,
const font& mfont,
const long ,
const long ,
const ustring& name,
const bool is_depressed,
const bool is_checked
) const
{
rectangle area = rect.intersect(c);
if (area.is_empty())
return;
rgb_pixel color;
// figure out where the name string should appear
rectangle name_rect, box_rect;
unsigned long padding = 0;
if (mfont.height() < 13)
padding = (rect.height() - mfont.height())/2;
name_rect = rect;
name_rect.set_left(rect.left() + 17-1);
name_rect.set_top(rect.top() + padding);
name_rect.set_bottom(rect.bottom() - padding);
box_rect = rect;
box_rect.set_right(rect.left() + 12);
box_rect.set_bottom(rect.top() + 12);
const long x = box_rect.left();
const long y = box_rect.top();
if (enabled && is_depressed == false)
draw_solid_circle(c,point(rect.left()+5,rect.top()+5),4.5,rgb_pixel(255,255,255));
else
draw_solid_circle(c,point(rect.left()+5,rect.top()+5),4.5,rgb_pixel(212,208,200));
color = rgb_pixel(128,128,128);
draw_line(c,point(0+x,4+y),point(0+x,7+y),color);
draw_line(c,point(1+x,2+y),point(1+x,9+y),color);
draw_line(c,point(2+x,1+y),point(9+x,1+y),color);
draw_line(c,point(4+x,0+y),point(7+x,0+y),color);
color = rgb_pixel(255,255,255);
draw_line(c,point(4+x,11+y),point(7+x,11+y),color);
draw_line(c,point(2+x,10+y),point(9+x,10+y),color);
draw_line(c,point(10+x,2+y),point(10+x,9+y),color);
draw_line(c,point(11+x,4+y),point(11+x,7+y),color);
color = rgb_pixel(64,64,64);
draw_line(c,point(1+x,4+y),point(1+x,7+y),color);
draw_line(c,point(4+x,1+y),point(7+x,1+y),color);
draw_pixel(c,point(2+x,3+y),color);
draw_pixel(c,point(3+x,2+y),color);
draw_pixel(c,point(2+x,2+y),color);
draw_pixel(c,point(2+x,8+y),color);
draw_pixel(c,point(8+x,2+y),color);
draw_pixel(c,point(9+x,2+y),color);
color = rgb_pixel(212,208,200);
draw_line(c,point(4+x,10+y),point(7+x,10+y),color);
draw_line(c,point(10+x,4+y),point(10+x,7+y),color);
draw_pixel(c,point(3+x,9+y),color);
draw_pixel(c,point(9+x,3+y),color);
if (enabled)
{
color.red = 0;
color.green = 0;
color.blue = 0;
}
else
{
color.red = 128;
color.green = 128;
color.blue = 128;
}
mfont.draw_string(c,name_rect,name,color);
if (is_checked)
{
draw_line(c,point(5+x,4+y),point(6+x,4+y),color);
draw_line(c,point(4+x,5+y),point(7+x,5+y),color);
draw_line(c,point(4+x,6+y),point(7+x,6+y),color);
draw_line(c,point(5+x,7+y),point(6+x,7+y),color);
}
}
// ----------------------------------------------------------------------------------------
rectangle toggle_button_style_radio_button::
get_min_size (
const ustring& name,
const font& mfont
) const
{
unsigned long width;
unsigned long height;
mfont.compute_size(name,width,height);
if (height < 13)
height = 13;
return rectangle(width + 17 -1, height -1);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// scroll bar style stuff
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
long scroll_bar_style_default::
get_slider_length (
long total_length,
long max_pos
) const
{
// if the length is too small then we have to smash up the arrow buttons
// and hide the slider.
if (total_length <= get_width()*2)
{
return 0;
}
else
{
double range = total_length - get_button_length(total_length, max_pos)*2;
double scale_factor = 30.0/(max_pos + 30.0);
if (scale_factor < 0.1)
scale_factor = 0.1;
double fraction = range/(max_pos + range)*scale_factor;
double result = fraction * range;
long res = static_cast<long>(result);
if (res < 8)
res = 8;
return res;
}
}
// ----------------------------------------------------------------------------------------
long scroll_bar_style_default::
get_button_length (
long total_length,
long
) const
{
// if the length is too small then we have to smash up the arrow buttons
// and hide the slider.
if (total_length <= get_width()*2)
{
return total_length/2;
}
else
{
return get_width();
}
}
// ----------------------------------------------------------------------------------------
void scroll_bar_style_default::
draw_scroll_bar_background (
const canvas& c,
const rectangle& rect,
const bool ,
const long ,
const long ,
const bool is_depressed
) const
{
if (is_depressed)
draw_checkered(c, rect,rgb_pixel(0,0,0),rgb_pixel(43,47,55));
else
draw_checkered(c, rect,rgb_pixel(255,255,255),rgb_pixel(212,208,200));
}
// ----------------------------------------------------------------------------------------
void scroll_bar_style_default::
draw_scroll_bar_slider (
const canvas& c,
const rectangle& rect,
const bool ,
const long ,
const long ,
const bool
) const
{
fill_rect(c, rect, rgb_pixel(212,208,200));
draw_button_up(c, rect);
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// text_field styles
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
unsigned long text_field_style_default::
get_padding (
const font& mfont
) const
{
return mfont.height()-mfont.ascender();
}
// ----------------------------------------------------------------------------------------
void text_field_style_default::
draw_text_field (
const canvas& c,
const rectangle& rect,
const rectangle& text_rect,
const bool enabled,
const font& mfont,
const ustring& text,
const unsigned long cursor_x,
const unsigned long text_pos,
const rgb_pixel& text_color,
const rgb_pixel& bg_color,
const bool has_focus,
const bool cursor_visible,
const long highlight_start,
const long highlight_end
) const
{
rectangle area = rect.intersect(c);
if (enabled)
{
// first fill our area with the bg_color
fill_rect(c, area,bg_color);
}
else
{
// first fill our area with gray
fill_rect(c, area,rgb_pixel(212,208,200));
}
if (enabled)
mfont.draw_string(c,text_rect,text,text_color,text_pos);
else
mfont.draw_string(c,text_rect,text,rgb_pixel(128,128,128),text_pos);
// now draw the edge of the text_field
draw_sunken_rectangle(c, rect);
if (highlight_start <= highlight_end && enabled)
{
rectangle highlight_rect = text_rect;
unsigned long left_pad = 0, right_pad = mfont.left_overflow();
long i;
for (i = text_pos; i <= highlight_end; ++i)
{
if (i == highlight_start)
left_pad = right_pad;
right_pad += mfont[text[i]].width();
}
highlight_rect.set_left(text_rect.left()+left_pad);
highlight_rect.set_right(text_rect.left()+right_pad);
// highlight the highlight_rect area
highlight_rect = highlight_rect.intersect(c);
for (long row = highlight_rect.top(); row <= highlight_rect.bottom(); ++row)
{
for (long col = highlight_rect.left(); col <= highlight_rect.right(); ++col)
{
canvas::pixel& pixel = c[row-c.top()][col-c.left()];
if (pixel.red == 255 && pixel.green == 255 && pixel.blue == 255)
{
// this is a background (and white) pixel so set it to a dark
// blueish color.
pixel.red = 10;
pixel.green = 36;
pixel.blue = 106;
}
else
{
// this should be a pixel that is part of a letter so set it to white
pixel.red = 255;
pixel.green = 255;
pixel.blue = 255;
}
}
}
}
// now draw the cursor if we need to
if (cursor_visible && has_focus && enabled)
{
const unsigned long top = rect.top()+3;
const unsigned long bottom = rect.bottom()-3;
draw_line(c, point(rect.left()+cursor_x,top),point(rect.left()+cursor_x,bottom));
}
}
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
// text_box styles
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
void text_box_style_default::
draw_text_box (
const canvas& c,
const rectangle& display_rect,
const rectangle& text_rect,
const bool enabled,
const font& mfont,
const ustring& text,
const rectangle& cursor_rect,
const rgb_pixel& text_color,
const rgb_pixel& bg_color,
const bool has_focus,
const bool cursor_visible,
const long highlight_start,
const long highlight_end
) const
{
rectangle area = display_rect.intersect(c);
if (enabled)
{
// first fill our area with the bg_color
fill_rect(c, area,bg_color);
}
else
{
// first fill our area with gray
fill_rect(c, area,rgb_pixel(212,208,200));
}
if (enabled)
mfont.draw_string(c,text_rect,text,text_color, 0, ustring::npos, area);
else
mfont.draw_string(c,text_rect,text,rgb_pixel(128,128,128), 0, ustring::npos, area);
// now draw the highlight if there is any
if (highlight_start <= highlight_end && enabled)
{
const rectangle first_pos = mfont.compute_cursor_rect(text_rect, text, highlight_start);
const rectangle last_pos = mfont.compute_cursor_rect(text_rect, text, highlight_end+1);
const rgb_alpha_pixel color(10, 30, 106, 90);
// if the highlighted text is all on one line
if (first_pos.top() == last_pos.top())
{
fill_rect(c, (first_pos + last_pos).intersect(display_rect), color);
}
else
{
const rectangle min_boundary(display_rect.left()+4, display_rect.top()+4,
display_rect.right()-4, display_rect.bottom()-4);
const rectangle boundary( display_rect.intersect(text_rect) + min_boundary);
rectangle first_row, last_row, middle_rows;
first_row += first_pos;
first_row += point(boundary.right(), first_pos.top());
last_row += last_pos;
last_row += point(boundary.left(), last_pos.bottom());
middle_rows.left() = boundary.left();
middle_rows.right() = boundary.right();
middle_rows.top() = first_row.bottom()+1;
middle_rows.bottom() = last_row.top()-1;
fill_rect(c, first_row.intersect(display_rect), color);
fill_rect(c, middle_rows, color);
fill_rect(c, last_row.intersect(display_rect), color);
}
}
// now draw the cursor if we need to
if (cursor_visible && has_focus && enabled)
{
draw_line(c, point(cursor_rect.left(), cursor_rect.top()),point(cursor_rect.left(), cursor_rect.bottom()), 0, area);
}
}
// ----------------------------------------------------------------------------------------
}
#endif // DLIB_WIDGETs_STYLE_CPP_