CSE P 557 Trends in Computer Graphics Autumn Quarter 2014

Project 1 help session : FLTK

This page is designed to assist you in completing project 1, Impressionist. This is the basic tutorial for using FLTK to create the user interface.

• FLTK

---

FLTK tutorial

FLTK is a C++ graphical user interface tookit for X(Unix), OpenGL and Microsoft Windows(Nt 4.0, 95, 98).

We won't cover much about FLTK in here, since we will be using FLUID to generate the FLTK source code. But it is good to learn the basic of FLTK so that you can be more familiar with Fluid later on. For this, refer to the to see the complete FLTK Programming Manual.

Naming

All public symbols in FLTK start with the charaters 'F' and 'L'

• Function names examples are Fl::foo() or fl_foo().
• Class and type names are capitalized: Fl_foo
• Constant enumeration: FL_FOO
• All headers start with <FL/...>

SimpleProgram

Here is a simple Hello World program that I get from the FLTK Programming Manual.

	#include <FL/Fl.H>
	#include <FL/Fl_Window.H>
	#include <FL/Fl_Box.H>

	int main(int argc, char **argv) {
	  FL_Window *window = new Fl_Window(300, 180);
	  FL_Box *box = new Fl_Box(20, 40, 260, 100, "Hello World!");
	  box->box(FL_UP_BOX);
	  box->labelsize(36);
	  box->labelfont(FL_BOLD);
	  box->labeltype(FL_SHADOW_LABEL);
	  window->end();
	  window->show(argc, argv);
	  return Fl::run();
	}

The statement "FL_Window *window = ..." will create a window with the specified size(300 by 180). The next statement will create a box with the "Hello World!" string in it. To format the box and string, we can use "labelfont", "labeltype", etc.

Autumn 2014 maintenance by Dun-Yu Hsiao (contact info on personnel page) CSE P 557 Trends in Computer Graphics Autumn Quarter 2014       Last modified: Friday, 26-Sep-2014 11:09:04 PDT