GUI’s Part Two wxWidgets components. Resources for wxWidgets Sample code on course website wxWidgets web site.

Slides:



Advertisements
Similar presentations
Microsoft Expression Web-Illustrated Unit J: Creating Forms.
Advertisements

Information System Design Lab 5&6. User Interface Design.
What is a Dialog box? A Dialog box is a window or “form” that contains other child windows or “controls” that have a specific appearances and pre-defined.
Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.
Java Programming, 3e Concepts and Techniques Chapter 5 Arrays, Loops, and Layout Managers Using External Classes.
Programming Based on Events
A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.
COMP 102 Topics in support of programming Windowed applications on the eagle unix server: wxWidgets and event driven programming.
Introduction To Form Builder
Chapter 19 – Macromedia Dreamweaver MX 2004
Exploring the Basics of Windows XP
COMPREHENSIVE Excel Tutorial 8 Developing an Excel Application.
CST JavaScript Validating Form Data with JavaScript.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
>To add a component via Page Editor, go to the View tab and check the Designing checkbox to enter Designing mode. >Next, simply click the Component button.
Database-Driven Web Sites, Second Edition1 Chapter 8 Processing ASP.NET Web Forms and Working With Server Controls.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Programming with Microsoft Visual Basic 2012 Chapter 12: Web Applications.
Combo Box, Check Boxes, and Radio Buttons. Radio Buttons User can click radio buttons, just like other buttons BUT Radio buttons are mutually exclusive.
Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy
Chapter 12: Using Controls. Examining the IDE’s Automatically Generated Code A new Windows Forms project has been started and given the name FormWithALabelAndAButton.
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Java Software Solutions Lewis and Loftus Chapter 10 1 Copyright 1997 by John Lewis and William Loftus. All rights reserved. Graphical User Interfaces --
CIS 200 Test 02 Review. Windows Forms, GUI Programming  Elements  Textboxes  Tab Groups  Checkboxes  Fields  Event Handlers  Visual Studio Designer.
Getting Started The structure of a simple wxWidgets program, Look at where and how a wxWidgets application starts and ends, how to show the main window,
Multi-Part Requests/ Parent & Child Service Items.
Introduction to MS WORD.
GUI Widgets Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
1. Chapter 25 Protecting and Preparing Documents.
Creating a Form on a Web Page
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
{ Dating Service ActionHandler Listener class details.
Visual C# 2012 How to Program © by Pearson Education, Inc. All Rights Reserved.
CNS 1410 Graphical User Interfaces. Obectives Students should understand the difference between a procedural program and an Event Driven Program. Students.
Microsoft FrontPage 2003 Illustrated Complete Creating a Form.
1 Creating Windows GUIs with Visual Studio. 2 Creating the Project New Project Visual C++ Projects Windows Forms Application Give the Project a Name and.
Visual C# 2012 How to Program © by Pearson Education, Inc. All Rights Reserved.
Microsoft Access Lesson 2 Lexington Technology Center February 13, 2003 Bob Herring On the Web at
Copyright © Curt Hill More Components Varying the input of Dev-C++ Windows Programs.
GUI development with Matlab: GUI Front Panel Components GUI development with Matlab: Other GUI Components 1 Other GUI components In this section, we will.
Copyright © 2015 Pearson Education, Inc. Publishing as Pearson Addison-Wesley C H A P T E R 13 GUI Programming.
Object-Oriented Application Development Using VB.NET 1 Chapter 10 VB.NET GUI Components Overview.
COMPUTER PROGRAMMING I 3.02 Apply Properties Associated with the Controls.
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.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Chapter 9 Quick Links Slide 2 Performance Objectives Understanding Forms Planning Forms Creating Forms Creating Text Fields Creating Hidden Fields Creating.
Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.
Copyright © – Curt Hill Building Windows Applications in wxDev-C++
Chapter 5 Introduction To Form Builder. Lesson C Objectives  Use sequences to automatically generate primary key values in a form  Create lists of values.
MATLAB and SimulinkLecture 61 To days Outline Graphical User Interface (GUI) Exercise on this days topics.
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
Notes for Assignment #2 Assn2: GUI Database Interface Corresponds with Chapters 28, 29, 31.
Interstage BPM v11.2 1Copyright © 2010 FUJITSU LIMITED FORMS.
Visual Basic/ Visual Studio Brandon Large. Connecting to prior knowledge In your notes write down what the two main parts of the computer are. The “software”
Excel Tutorial 8 Developing an Excel Application
Chapter 5 Validating Form Data with JavaScript
A First Look at GUI Applications Radio Buttons and Check Boxes
Topics Graphical User Interfaces Using the tkinter Module
Chap 7. Building Java Graphical User Interfaces
Graphical User Interfaces -- Introduction
AWT Components and Containers
Topics Graphical User Interfaces Using the tkinter Module
Constructors, GUI’s(Using Swing) and ActionListner
TA: Nouf Al-Harbi NoufNaief.net :::
Presentation transcript:

GUI’s Part Two wxWidgets components

Resources for wxWidgets Sample code on course website wxWidgets web site

Hint: Until you feel comfortable with wxWidgets code, start with some code that you know works, and add/modify the code to add new function.

wxApp The wxApp class represents the application itself. Its major function is to implement the windowing system message or event loop. Application processing is started by calling the OnInit( ) function. You should use the macro IMPLEMENT_APP(appClass) in your application implementation file to tell wxWindows to create an instance of your application class. #include

wxFrame A frame is a window whose size and position can (usually) be changed by the user. It usually has thick borders and a title bar, and can optionally contain a menu bar, toolbar and status bar. A frame can contain any window that is not a frame or dialog. #include

wxPanel A panel is a window on which controls are placed. It is usually placed within a frame. It contains minimal extra functionality over and above its parent class wxWindow; its main purpose is to provide a two-dimensional space into which other components (buttons, lists, etc) can be placed. #include

wxPanel(wxWindow* parent, wxWindowID id = -1, const wxPoint& pos = wxDefaultPosition, const wxSize& size = wxDefaultSize, long style = wxTAB_TRAVERSAL, const wxString& name = "panel") Constructor

wxButton A button is a control that contains a text string, and is one of the commonest elements of a GUI. It may be placed on a panel, or indeed almost any other window. Buttons generate “button clicked” events. #include Event Table Entry EVT_BUTTON(id, function)

wxButton(wxWindow* parent, wxWindowID id, const wxString& label, const wxPoint& pos, const wxSize& size = wxDefaultSize, long style = 0, const wxValidator& validator, const wxString& name = "button") Constructor

wxStaticText A static text control displays one or more lines of read-only text. Generally they are used for labels. #include

wxStaticText(wxWindow* parent, wxWindowID id, const wxString& label, const wxPoint& pos, const wxSize& size = wxDefaultSize, long style = 0, const wxString& name = "staticText") Constructor

wxTextCtrl A text control creates a field of text that may be edited. #include You can use the stream insertion operator to insert data into a wxTextCtrl. wxTextCtrl *control = new wxTextCtrl(...); *control << << " some text\n";

wxTextCtrl(wxWindow* parent, wxWindowID id, const wxString& value = "", const wxPoint& pos = wxDefaultPosition, const wxSize& size = wxDefaultSize, long style = 0, const wxValidator& validator = wxDefaultValidator, const wxString& name = wxTextCtrlNameStr) Constructor

void AppendText ( const wxString text); Appends the text to the end of the text currently displayed in the control. void Clear( ); Clears all text from the control. wxString GetLineText ( long lineno ) const; Returns the text at line lineno. wxString GetValue( ); Returns the value stored in the control. Other useful functions

wxRadioButton A button that represents one of a mutually exclusive set of options. Usually represented as a round button’ with a text label alongside. Radio buttons generate “radiobutton selected” events. #include medium large small Event Table Entry EVT_RADIOBUTTON(id, function)

wxRadioButton(wxWindow* parent, wxWindowID id, const wxString& label, const wxPoint& pos = wxDefaultPosition, const wxSize& size = wxDefaultSize, long style = 0, const wxValidator& validator = wxDefaultValidator, const wxString& name = "radioButton") Constructor

bool GetValue ( ); If the button is selected, it returns TRUE.

wxCheckBox A checkbox is a labeled field that is either on (contains a checkmark) of off (no checkmark). Checkboxes generate “checkbox clicked” event. #include sausage extra cheese pepperoni Event Table Entry EVT_CHECKBOX(id, function)

wxCheckBox(wxWindow* parent, wxWindowID id, const wxString& label, const wxPoint& pos = wxDefaultPosition, const wxSize& size = wxDefaultSize, long style = 0, const wxValidator& val, const wxString& name = "checkBox") Constructor

bool GetValue ( ); If the box is checked, it returns TRUE. bool IsChecked( ); Performs the same function as GetValue( );

wxChoice Allows the user to select one of a list of strings. Only the current selection is visible until the user pulls down the list of choices. A Choice object generates “choice selected” events. #include Event Table Entry EVT_CHOICE(id, function) large medium small

wxChoice(wxWindow *parent, wxWindowID id, const wxPoint& pos, const wxSize& size, int n, const wxString choices[], long style = 0, const wxValidator& validator = wxDefaultValidator, const wxString& name = "choice") Constructor

int GetSelection ( ); Returns the index of the selected string or -1 if none is selected.

Write some code… Sample code is available in the “Case Studies” tab on the Course web site.