src/SmallButton.vala

   1 /*
   2     Copyright 2009 by Hans Baier
   3     License: LGPLv2+
   4 */
   5
   6 using Gtk;
   7 using Gdk;
   8
   9 // template for new widgets
  10
  11 namespace Prolooks {
  12
  13 public class SmallButton : ButtonBase {
  14     private Color base_color;
  15
  16     [Description(nick="button color", blurb="color as a string as accepted by gdk_color_parse (), eg: #a0b1c2")]
  17     public string color {
  18         set {
  19             lock (base_color) {
  20                 if (value != null & value != "") {
  21                     base_color = color_from_string (value);
  22                 } else {
  23                     base_color = style.bg[(int)Gtk.StateType.NORMAL];
  24                 }
  25             }
  26         }
  27     }
  28
  29     public SmallButton () {
  30
  31         // Enable the events you wish to get notified about.
  32         // The 'expose' event is already enabled by the DrawingArea.
  33         add_events (Gdk.EventMask.BUTTON_PRESS_MASK
  34                   | Gdk.EventMask.BUTTON_RELEASE_MASK
  35                   | Gdk.EventMask.ENTER_NOTIFY_MASK
  36                   | Gdk.EventMask.LEAVE_NOTIFY_MASK);
  37
  38         base_color = style.bg[(int)Gtk.StateType.NORMAL];
  39
  40         // Set favored widget size
  41         set_size_request (20, 20);
  42
  43                 draw.connect(on_draw);
  44     }
  45
  46         public new virtual void get_preferred_width (out int minimum_width, out int natural_width) {
  47         minimum_width  = 20;
  48         natural_width  = 20;
  49         }
  50
  51         public new virtual void get_preferred_height_for_width (int width, out int minimum_height, out int natural_height) {
  52                 minimum_height = 20;
  53                 natural_height = 20;
  54         }
  55
  56         public new virtual void get_preferred_height (out int minimum_height, out int natural_height) {
  57                 minimum_height = 20;
  58                 natural_height = 20;
  59         }
  60
  61         public new virtual void get_preferred_width_for_height (int height, out int minimum_width, out int natural_width) {
  62         minimum_width  = 20;
  63         natural_width  = 20;
  64         }
  65
  66
  67     public static void button_bg (Cairo.Context cr, Gdk.Color base_color, Gdk.Color outside_color, double width, double height, double shade_inside = 1.0) {
  68         Gdk.Color color;
  69
  70         // line
  71
  72         color = outside_color; color = shade_color (color, 1.06);  set_source_color (cr, color);
  73
  74         cr.move_to (2, 0); cr.line_to (width - 3, 0); cr.stroke ();
  75
  76         // line
  77
  78         color = outside_color; color = shade_color (color, 1.05);  set_source_color (cr, color);
  79
  80         cr.move_to (1, 1); cr.line_to (width - 2, 1); cr.stroke ();
  81
  82         // line
  83
  84         color = outside_color; color = shade_color (color, 1.05);  set_source_color (cr, color);
  85
  86         cr.move_to (0, 2); cr.line_to (width - 1, 2); cr.stroke ();
  87         // line
  88
  89         color = outside_color; color = shade_color (color, 1.04);  set_source_color (cr, color);
  90
  91         cr.move_to (3, 0); cr.line_to (width - 4, 0); cr.stroke ();
  92
  93
  94         // line
  95
  96         color = outside_color; color = shade_color (color, 0.97);  set_source_color (cr, color);
  97
  98         cr.move_to (2, 1); cr.line_to (width - 3, 1); cr.stroke ();
  99
 100         // line
 101
 102         color = outside_color; color = shade_color (color, 0.96);  set_source_color (cr, color);
 103
 104         cr.move_to (1, 2); cr.line_to (width - 2, 2); cr.stroke ();
 105
 106         // missing line
 107
 108         color = outside_color; color = shade_color (color, 0.96);  set_source_color (cr, color);
 109
 110         cr.move_to (0, 3); cr.line_to (width - 1, 3); cr.stroke ();
 111
 112
 113
 114         // line
 115
 116         color = outside_color; color = shade_color (color, 1.13);  set_source_color (cr, color);
 117
 118         cr.move_to (2, height - 1); cr.line_to (width - 3, height - 1); cr.stroke ();
 119
 120         // line
 121
 122         color = outside_color; color = shade_color (color, 1.09);  set_source_color (cr, color);
 123
 124         cr.move_to (1, height - 2); cr.line_to (width - 2, height - 2); cr.stroke ();
 125
 126         // line
 127
 128         color = outside_color; color = shade_color (color, 1.10);  set_source_color (cr, color);
 129
 130         cr.move_to (0, height - 3); cr.line_to (width - 1, height - 3); cr.stroke ();
 131
 132         // line
 133
 134         color = outside_color; color = shade_color (color, 1.15);  set_source_color (cr, color);
 135
 136         cr.move_to (3, height - 1); cr.line_to (width - 4, height - 1); cr.stroke ();
 137
 138
 139         // line
 140
 141         color = outside_color; color = shade_color (color, 1.12);  set_source_color (cr, color);
 142
 143         cr.move_to (2, height - 2); cr.line_to (width - 3, height - 2); cr.stroke ();
 144
 145         // line
 146
 147         color = outside_color; color = shade_color (color, 1.13);  set_source_color (cr, color);
 148
 149         cr.move_to (1, height - 3); cr.line_to (width - 2, height - 3); cr.stroke ();
 150
 151         ///////////////////////////  border outline
 152         // line
 153
 154         color = base_color; color = shade_color (color, 0.6);  set_source_color (cr, color);
 155
 156         cr.move_to (3, 1); cr.line_to (width - 4, 1); cr.stroke ();
 157
 158         // line
 159
 160         color = base_color; color = shade_color (color, 0.6);  set_source_color (cr, color);
 161
 162         cr.move_to (3, height - 2); cr.line_to (width - 4, height - 2); cr.stroke ();
 163
 164         // line
 165
 166         color = base_color; color = shade_color (color, 0.6);  set_source_color (cr, color);
 167
 168         cr.move_to (1, 3); cr.line_to (1, height - 4); cr.stroke ();
 169
 170         // line
 171
 172         color = base_color; color = shade_color (color, 0.6);  set_source_color (cr, color);
 173
 174         cr.move_to (width - 2, 3); cr.line_to (width - 2, height - 4); cr.stroke ();
 175
 176         // line
 177
 178         color = base_color; color = shade_color (color, 0.6);  set_source_color (cr, color);
 179
 180         cr.move_to (2, 2); cr.line_to (width - 3, 2); cr.stroke ();
 181
 182         // line
 183
 184         color = base_color; color = shade_color (color, 0.6);  set_source_color (cr, color);
 185
 186         cr.move_to (2, height - 3); cr.line_to (width - 3, height - 3); cr.stroke ();
 187
 188
 189         ///////////////////////////  border smooth effect
 190         // line
 191
 192         color = base_color; color = shade_color (color, 1.02);  set_source_color (cr, color);
 193
 194         cr.move_to (3, 2); cr.line_to (width - 4, 2); cr.stroke ();
 195
 196         // line
 197
 198         color = base_color; color = shade_color (color, 1.00);  set_source_color (cr, color);
 199
 200         cr.move_to (2, 3); cr.line_to (2, height - 4); cr.stroke ();
 201
 202         // line
 203
 204         color = base_color; color = shade_color (color, 0.94);  set_source_color (cr, color);
 205
 206         cr.move_to (width - 3, 3); cr.line_to (width - 3, height - 4); cr.stroke ();
 207
 208
 209         ///////////////////////////  inside highlight
 210         // line
 211
 212         color = base_color; color = shade_color (color, 1.2);  set_source_color (cr, color);
 213
 214         cr.move_to (4, 2); cr.line_to (width - 5, 2); cr.stroke ();
 215
 216         // line
 217
 218         color = base_color; color = shade_color (color, 1.1);  set_source_color (cr, color);
 219
 220         cr.move_to (2, 4); cr.line_to (2, height - 5); cr.stroke ();
 221
 222         ///////////////////////////  inside shadow
 223         // line
 224
 225         color = base_color; color = shade_color (color, 1.04);  set_source_color (cr, color);
 226
 227         cr.move_to (width - 3, 4); cr.line_to (width - 3, height - 5); cr.stroke ();
 228
 229
 230         ///////////////////////////  fill gradient
 231         // gradient
 232
 233         Cairo.Pattern gloss_gradient = gloss_gradient_pattern(0.0, 0.0, 0.0, height, gdk_color_to_cairo(shade_color(base_color, shade_inside)));
 234
 235         cr.set_source (gloss_gradient);
 236         cr.rectangle (1.0, 2, width - 4, height - 5);
 237         cr.fill ();
 238
 239
 240         ///////////////////////////  bottom border smooth effect
 241         // line
 242
 243         color = base_color; color = shade_color (color, 1.00);  set_source_color (cr, color);
 244
 245         cr.move_to (3, height - 3); cr.line_to (width - 4, height - 3); cr.stroke ();
 246
 247         // line
 248
 249         color = base_color; color = shade_color (color, 1.1);  set_source_color (cr, color);
 250
 251         cr.move_to (4, height - 3); cr.line_to (width - 5, height - 3); cr.stroke ();
 252     }
 253
 254     public static void button_bg_pressed (Cairo.Context cr, Gdk.Color base_color, Gdk.Color outside_color, double width, double height) {
 255         Cairo.Pattern gradient;
 256         Gdk.Color color;
 257         //Gdk.Color test_color = color_from_string ("#ff0000");
 258
 259         ///////////////////////////  outside highlight
 260         // gradient
 261
 262         gradient = create_gradient (0, 0, 0, height - 4, shade_color (outside_color, 1.2), shade_color (outside_color, 1.0));
 263
 264         cr.set_source (gradient);
 265         cr.rectangle (width - 2 - 0.5, 2, 1, height - 4);
 266         cr.fill ();
 267
 268         // gradient
 269
 270         gradient = create_gradient (0, 0, 0, height - 6, shade_color (outside_color, 1.2), shade_color (outside_color, 1.0));
 271
 272         cr.set_source (gradient);
 273         cr.rectangle (width - 1 - 0.5, 3, 1, height - 6);
 274         cr.fill ();
 275
 276         // line
 277
 278
 279         color = outside_color; color = shade_color (color, 1.0);  set_source_color (cr, color);
 280
 281         cr.move_to (2, height - 2); cr.line_to (width - 3, height - 2); cr.stroke ();
 282
 283         // line
 284
 285         color = outside_color; color = shade_color (color, 1.0);  set_source_color (cr, color);
 286
 287         cr.move_to (3, height - 1); cr.line_to (width - 4, height - 1); cr.stroke ();
 288
 289         ///////////////////////////  border outline
 290         // line
 291
 292         color = base_color; color = shade_color (color, 0.55);  set_source_color (cr, color);
 293
 294         cr.move_to (3, 1); cr.line_to (width - 4, 1); cr.stroke ();
 295
 296         // line
 297
 298         color = base_color; color = shade_color (color, 0.55);  set_source_color (cr, color);
 299
 300         cr.move_to (3, height - 2); cr.line_to (width - 4, height - 2); cr.stroke ();
 301
 302         // line
 303
 304         color = base_color; color = shade_color (color, 0.55);  set_source_color (cr, color);
 305
 306         cr.move_to (1, 3); cr.line_to (1, height - 4); cr.stroke ();
 307
 308         // line
 309
 310         color = base_color; color = shade_color (color, 0.55);  set_source_color (cr, color);
 311
 312         cr.move_to (width - 2, 3); cr.line_to (width - 2, height - 4); cr.stroke ();
 313
 314
 315         // line
 316
 317         color = base_color; color = shade_color (color, 0.55);  set_source_color (cr, color);
 318
 319         cr.move_to (2, 2); cr.line_to (width - 3, 2); cr.stroke ();
 320
 321         // line
 322
 323         color = base_color; color = shade_color (color, 0.55);  set_source_color (cr, color);
 324
 325         cr.move_to (2, height - 3); cr.line_to (width - 3, height - 3); cr.stroke ();
 326
 327
 328         ///////////////////////////  inside shadow
 329         // line
 330
 331         color = base_color; color = shade_color (color, 0.9);  set_source_color (cr, color);
 332
 333         cr.move_to (3, 2); cr.line_to (width - 4, 2); cr.stroke ();
 334
 335         // line
 336
 337         color = base_color; color = shade_color (color, 0.85);  set_source_color (cr, color);
 338
 339         cr.move_to (2, 3); cr.line_to (2, height - 4); cr.stroke ();
 340
 341
 342         ///////////////////////////  fill gradient
 343         // gradient
 344
 345         gradient = create_gradient (0, 0, 0, height - 6, shade_color (base_color, 0.95), shade_color (base_color, 0.9));
 346
 347         cr.set_source (gradient);
 348         cr.rectangle (3 - 0.5, 2, width - 5, height - 5.5);
 349         cr.fill ();
 350         // line
 351
 352         color = base_color; color = shade_color (color, 0.9);  set_source_color (cr, color);
 353
 354         cr.move_to (3, height - 3); cr.line_to (width - 5, height - 3); cr.stroke ();
 355
 356
 357     }
 358
 359     /* Widget is asked to draw itself */
 360     public bool on_draw (Cairo.Context cr) {
 361                 Gtk.Allocation allocation;
 362                 get_allocation(out allocation);
 363
 364         double width  = allocation.width - 2;
 365         double height = allocation.height - 2;
 366
 367         cr.set_line_width (1);
 368         cr.set_line_cap (Cairo.LineCap.SQUARE);
 369
 370         cr.translate (1.5,1.5);
 371
 372                 if (button_state == ButtonState.PRESSED) {
 373                         lock (base_color) {
 374                                 button_bg_pressed (cr, base_color, style.bg[(int)Gtk.StateType.NORMAL], width, height);
 375                         }
 376                 } else {
 377                         lock (base_color) {
 378                                 button_bg (cr, base_color, style.bg[(int)Gtk.StateType.NORMAL], width, height, prelighted ? 1.1 : 1.0);
 379                         }
 380                 }
 381         return false;
 382     }
 383
 384 }
 385
 386 } // namespace Prolooks