FLTK. Оконная система, DWM XWindows (Linux/UNIX) Windows DWM (Win Vista, 7, 8)

Slides:



Advertisements
Similar presentations
Chapter 16 Graphical User Interfaces
Advertisements

Chapter 12 A display model Bjarne Stroustrup
Chapter 13 Graphics classes Bjarne Stroustrup
Microsoft Expression Web-Illustrated Unit J: Creating Forms.
Chapters 12 and 13 A Display Model and Graphics Classes John Keyser’s Modifications of Slides by Bjarne Stroustrup
Chapter 16 Graphical User Interfaces John Keyser’s Modifications of Slides by Bjarne Stroustrup
Computer and Communication Fundamental Basic web programming Lecture 8 Rina Zviel-Girshin.
FLUID  The Fast Light User Interface Designer, or FLUID, is a graphical editor that is used to produce FLTK source code  Creates C++ code  Compile.fl.
Chapter 6 Graphical User Interface (GUI) and Object-Oriented Design (OOD)
© Copyright 2000, Julia Hartman 1 Scatterplot Output: Editing the Graph You can edit the output to display the entire variable label. Click inside the.
Using Graphics Libraries Lecture 3 Mon, Sep 1, 2003.
ACM/JETT Workshop - August 4-5, ExceptionHandling and User Interfaces (Event Delegation, Inner classes) using Swing.
Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy
Introduction to OpenGL and GLUT GLUT. What is OpenGL? An application programming interface (API) A (low-level) Graphics rendering API Generate high-quality.
Java Programming: From Problem Analysis to Program Design, Second Edition1  Learn about basic GUI components.  Explore how the GUI components JFrame,
FLTK Tutorial.
Lecture 5: Interaction 1  Principles of Interactive Graphics  CMSCD2012  Dr David England, Room 711,  ex 2271 
GUI Widgets Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
FLTK Help Session By Richard Yu Gu CS 638 -Graphics Fall, 1999.
Lecture 3 OpenGL.
Keyboard and Events. What about the keyboard? Keyboard inputs can be used in many ways---not just for text The boolean variable keyPressed is true if.
1 Input and Interaction. 2 Input Devices Physical input devices Keyboard devices and pointing devices Logical input devices.
Introduction to MATLAB Damon Tomlin February 22, 2008 Lecture 3: Data Visualization & User Interfaces.
CSCE 121: Introduction to Program Design and Concepts, Honors Dr. J. Michael Moore Spring 2015 Set 15: GUIs 1.
MSc Workshop - © S. Kamin, U. ReddyLect 3 - GUI -1 Lecture 3 - Graphical User Interfaces r GUI toolkits in Java API r JFrame r GUI components.
FLTK. Objectives Install and Use FLTK Widgets ◦Callbacks Handling event ◦System events ◦Mouse events ◦Keyboard events.
1 Chapter 12 GUI C/C++ Language Programming Wanxiang Che.
Spring 2010Topics in Computer Graphics FLTK and OpenGL Jyun-Ming Chen.
Lesson 10 Using AutoShapes, WordArt, and Comments Lesson 10 Using AutoShapes, WordArt, and Comments.
There are seven main components of a database in Access 2000: Tables. Use tables to store database information. Forms Use forms to enter or edit the information.
Dale Roberts Introduction to Visual Programming Dale Roberts, Lecturer Computer Science, IUPUI Department of Computer and.
© Copyright 2012 by Pearson Education, Inc. All Rights Reserved. Chapter 9 GUI Programming Using Tkinter 1.
Java Applets: GUI Components, Events, Etc. Ralph Westfall June, 2010.
Introduction to OpenGL and GLUT. What’s OpenGL? An Application Programming Interface (API) A low-level graphics programming API – Contains over 250 functions.
To begin click: File, New, then select Design Familiarize yourself with the controls on the page. Then use the maximise button the make the window fill.
3461A Widgets More GUI goo. 3461A Outline  What is a widget?  Buttons  Combo boxes  Tool bars  Text components  Sliders  Scrollbars.
HTML Forms. Slide 2 Forms (Introduction) The purpose of input forms Organizing forms with a and Using different element types to get user input A brief.
Copyright © Curt Hill More Components Varying the input of Dev-C++ Windows Programs.
Copyright © 2010 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Starting Out with Programming Logic & Design Second Edition by Tony Gaddis.
Program 2 due 02/01  Be sure to document your program  program level doc  your name  what the program does  each function  describe the arguments.
UofC Large Display Framework Part II: Toolkit & Usage Fabrício Anastácio September, 2007.
Computer Graphics: Programming, Problem Solving, and Visual Communication Steve Cunningham California State University Stanislaus and Grinnell College.
Copyright © 2015 Pearson Education, Inc. Publishing as Pearson Addison-Wesley C H A P T E R 13 GUI Programming.
Tkinter Basics. Initial Stuff To get the package: from tkinter import * To make a window, give it a title and operate it: windowVar = Tk() windowVar.title(“your.
GUIs Basic Concepts. GUI GUI : Graphical User Interface Window/Frame : a window on the screen Controls/Widgets : GUI components.
HTML FORMS The TEXT Object Presented By: Ankit Gupta.
Creating a Window. A basic window in Java is represented by an object of the class Window in the package java.awt.
Chapter 16 Designing Effective Input Systems Analysis and Design Kendall and Kendall Fifth Edition.
Web Page-Chapter 6 Forms. Inserting a Form  Display the Insert bar  Click the arrow to the right of the display category on the Insert bar and then.
1 Mapping Coordinates Find the x- and y- coordinates for the images, relative to the x-axis and y-axis In a coordinate pair, the first number is the x-coordinate.
OpenGL in FLTK  .
William H. Bowers Imperative and Selection Gizmos.
MATLAB and SimulinkLecture 61 To days Outline Graphical User Interface (GUI) Exercise on this days topics.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
HTML Structure II (Form) WEEK 2.2. Contents Table Form.
July FLTK The Fast Light Toolkit • A C++ graphical user interface toolkit • Can be used under X, Windows, MacOS • Supports OpenGL • Provides: – Interactive.
Topics Graphical User Interfaces Using the tkinter Module
Chapter Topics 15.1 Graphical User Interfaces
FLTK The Fast Light Toolkit
GUI Using Python.
Event Driven Programming
Qt Programming.
Advanced Menuing, Introduction to Picking
TEXT TEXT TEXT Animated rectangles curve up and grow in sequence
Chapter 13 Sights and Sounds.
Windows Tutorial 7 Managing Multimedia Files
Topics Graphical User Interfaces Using the tkinter Module
Chapter 15: GUI Applications & Event-Driven Programming
Graphics and FLTK CSCE 121 J. Michael Moore
Visual C# - GUI and controls - 1
Presentation transcript:

FLTK

Оконная система, DWM XWindows (Linux/UNIX) Windows DWM (Win Vista, 7, 8)

Windows/DWM

Xwindows/KDE

GUI API Win32 API (Windows) MFC (Windows) Qt (Linux, Windows) KDE (Linux) FLTK (Linux, Windows) OpenGL (Linux, Windows) DirectX (Windows)

API Работа с файловой системой Работа с виртуальной памятью Работа с сетью Графический вывод (GUI) Отслеживание действий пользователя Управление системой Управление периферийными устройствами Управление выполнением программы

FLTK Fast Light Toolkit — кросс-платформенная библиотека инструментов с открытым исходным кодом (лицензия LGPL) для построения графического интерфейса пользователя (GUI). Платформы: UNIX/Linux X11 Microsoft Windows MacOS X

Создание проекта в VS C

Установка свойств проекта

Кнопки (Buttons) Fl_Button - A standard push button. Fl_Check_Button - A button with a check box. Fl_Light_Button - A push button with a light. Fl_Repeat_Button - A push button that repeats when held. Fl_Return_Button - A push button that is activated by the Enter key. Fl_Round_Button - A button with a radio circle.

Callback

Текстовые поля (Text) Fl_Input - A one-line text input field. Fl_Output - A one-line text output field. Fl_Multiline_Input - A multi-line text input field. Fl_Multiline_Output - A multi-line text output field. Fl_Text_Display - A multi-line text display widget. Fl_Text_Editor - A multi-line text editing widget. Fl_Help_View - A HTML text display widget.

Valuators Fl_Counter - A widget with arrow buttons that shows the current value. Fl_Dial - A round knob. Fl_Roller - An SGI-like dolly widget. Fl_Scrollbar - A standard scrollbar widget. Fl_Slider - A scrollbar with a knob. Fl_Value_Slider - A slider that shows the current value.

Box стили

Таймер (Timer)

Графика Добавьте в класс MainWindow метод draw.

Графические примитивы void fl_point(int x, int y) Draw a single pixel at the given coordinates. void fl_rectf(int x, int y, int w, int h) Color a rectangle that exactly fills the given bounding box. void fl_rect(int x, int y, int w, int h) Draw a 1-pixel border inside this bounding box. void fl_line(int x, int y, int x1, int y1) Draw one or two lines between the given points. void fl_circle(double x, double y, double r) void fl_draw(const char *, int x, int y)

Обработка сообщений (Event handlers) Добавьте в класс MainWindow метод handle. ev – код события (FL_PUSH, etc.)

Сообщения мыши FL_PUSH FL_RELEASE FL_DRAG FL_MOVE FL_MOUSEWHEEL Fl::event_x() Fl::event_y().

События клавиатуры FL_KEYBOARD FL_KEYDOWN FL_KEYUP FL_SHORTCUT Fl::event_key() Fl::event_text() Fl::event_length()