Apply focus+context to avoid drawing items that are away from the current one
[gregoa/zavai.git] / src / fisheye.vala
1 /*
2  * zavai - simple interface to the OpenMoko (or to the FSO stack)
3  *
4  * Copyright (C) 2009  Enrico Zini <enrico@enricozini.org>
5  *
6  * This program is free software; you can redistribute it and/or modify
7  * it under the terms of the GNU General Public License as published by
8  * the Free Software Foundation; either version 2 of the License, or
9  * (at your option) any later version.
10  *
11  * This program is distributed in the hope that it will be useful,
12  * but WITHOUT ANY WARRANTY; without even the implied warranty of
13  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
14  * GNU General Public License for more details.
15  *
16  * You should have received a copy of the GNU General Public License
17  * along with this program; if not, write to the Free Software
18  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
19  */
20
21 using GLib;
22
23 public class FisheyeList : Gtk.DrawingArea
24 {
25         private string[] list;
26         protected int cur_el;
27
28         public FisheyeList()
29         {
30                 list = new string[300];
31                 for (int i = 0; i < 300; ++i)
32                         list[i] = "Antani %d".printf(i);
33
34                 cur_el = 50;
35
36                 add_events(Gdk.EventMask.POINTER_MOTION_MASK
37                          | Gdk.EventMask.BUTTON_PRESS_MASK
38                          | Gdk.EventMask.BUTTON_RELEASE_MASK);
39         }
40
41         /* Mouse button got pressed over widget */
42         public override bool button_press_event(Gdk.EventButton event)
43         {
44                 // ...
45                 return false;
46         }
47
48         /* Mouse button got released */
49         public override bool button_release_event(Gdk.EventButton event)
50         {
51                 // ...
52                 return false;
53         }
54
55         /* Mouse pointer moved over widget */
56         public override bool motion_notify_event(Gdk.EventMotion event)
57         {
58                 cur_el = (int)Math.round(event.y * list.length / allocation.height);
59                 stderr.printf("MOTION %f %f CE %d\n", event.x, event.y, cur_el);
60                 queue_draw();
61                 return false;
62         }
63
64         /* Widget is asked to draw itself */
65         public override bool expose_event (Gdk.EventExpose event) {
66
67                 // Create a Cairo context
68                 var cr = Gdk.cairo_create (this.window);
69
70                 // Set clipping area in order to avoid unnecessary drawing
71                 cr.rectangle(event.area.x, event.area.y,
72                                 event.area.width, event.area.height);
73                 cr.clip();
74
75                 draw(cr);
76
77                 return false;
78         }
79
80         protected double el_y(int idx)
81         {
82                 double layout_min = 0;
83                 double layout_max = 1;
84                 double distortion_factor = 30;
85                 // Anchor point
86                 double anchor = (double)cur_el/list.length;
87                 // Undistorted Y
88                 double undy = (double)idx/list.length;
89                 // Distorted position
90                 double pos = fisheye(undy, anchor, distortion_factor, layout_min, layout_max);
91                 //stderr.printf("%d %f %f\n", idx, undy, pos);
92                 return pos;
93         }
94
95         protected void draw(Cairo.Context context)
96         {
97                 context.set_source_rgb(1, 1, 1);
98                 context.paint();
99                 context.set_source_rgb(0, 0, 0);
100
101                 context.translate (0, 0);
102                 context.scale(allocation.width, allocation.height);
103
104
105                 // Layout items
106                 // item_pos(idx) = idx/list.length
107
108                 context.set_line_width (0.001);
109                 context.select_font_face("Sans", Cairo.FontSlant.NORMAL, Cairo.FontWeight.NORMAL);
110                 int start = cur_el > 20 ? cur_el-20 : 0;
111                 int end = cur_el < list.length - 20 ? cur_el + 20 : list.length;
112                 for (int idx = start; idx < end; ++idx)
113                 {
114                         double posprev = idx == 0 ? 0 : el_y(idx-1);
115                         double pos = el_y(idx);
116                         double posnext = idx == list.length-1 ? 1 : el_y(idx+1);
117                         double y0 = (pos+posprev)/2;
118                         double y1 = (pos+posnext)/2;
119
120                         //stderr.printf("  %f->%f  (%f)\n", y0, y1, y1-y0);
121
122                         context.set_source_rgba(idx%2, 1-idx%2, 0, 1);
123                         context.new_path();
124                         context.rectangle(0, y0, 1, y1-y0);
125                         context.fill();
126                         context.stroke();
127
128                         context.set_source_rgba(0, 0, 0, 1);
129                         context.new_path();
130                         context.move_to(0, pos);
131                         context.set_font_size(y1-y0);
132                         context.text_path(list[idx]);
133                         context.fill();
134                         context.stroke();
135                 }
136         }
137
138     /*
139      * The following function is adapted from Prefuse's FisheyeDistortion.java.
140      *
141      * A relevant annotation from Prefuse:
142      *
143      * For more details on this form of transformation, see Manojit Sarkar and 
144      * Marc H. Brown, "Graphical Fisheye Views of Graphs", in Proceedings of 
145      * CHI'92, Human Factors in Computing Systems, p. 83-91, 1992. Available
146      * online at <a href="http://citeseer.ist.psu.edu/sarkar92graphical.html">
147      * http://citeseer.ist.psu.edu/sarkar92graphical.html</a>. 
148      */
149
150     /*
151      * Distorts an item's coordinate.
152      * @param x the undistorted coordinate
153      * @param coordinate of the anchor or focus point
154      * @param d disortion factor
155      * @param min the beginning of the display
156      * @param max the end of the display
157      * @return the distorted coordinate
158      */
159     private double fisheye(double x, double a, double d, double min, double max)
160     {
161         if ( d != 0 ) {
162             bool left = x<a;
163             double v;
164             double m = (left ? a-min : max-a);
165             if ( m == 0 ) m = max-min;
166             v = Math.fabs(x - a) / m;
167             v = (d+1)/(d+(1/v));
168             return (left?-1:1)*m*v + a;
169         } else {
170             return x;
171         }
172     }
173 }
174
175 public class Fisheye : Gtk.Window
176 {
177         public Fisheye()
178         {
179                 title = "Fisheye";
180                 destroy += Gtk.main_quit;
181
182                 var list = new FisheyeList();
183                 add(list);
184         }
185 }
186
187 static int main (string[] args) {
188         Gtk.init (ref args);
189
190         var fe = new Fisheye();
191         fe.set_size_request(300, 500);
192         fe.show_all();
193
194         Gtk.main();
195
196         return 0;
197 }