logo Use CA10RAM to get 10%* Discount.
Order Nowlogo
(5/5)

you will learn how to build programs that interact with your Canvas through the mouse and keyboard.

INSTRUCTIONS TO CANDIDATES
ANSWER ALL QUESTIONS

Introduction

Key & Mouse

In this unit you will learn how to build programs that interact with your Canvas through the mouse and keyboard.

Responding to Mouse Actions

When you want a canvas to respond to mouse actions you will need to add an event handler for each mouse action, that needs a response. An event handler is a class that dictates how a specific type of event should be handled. Below is a list of common mouse actions and the canvas methods that are used to track those actions:

 

Mouse Event

Method Name

Mouse button is pressed down

setOnMousePressed(EventHandler<MouseEvent> event)

A pressed mouse button is released

setOnMouseReleased(EventHandler<MouseEvent> event)

A mouse button is pressed downand then released, without the mouse moving.

setOnMouseClicked(EventHandler<MouseEvent> event)

The mouse moves

setOnMouseMoved(EventHandler<MouseEvent> event)

The mouse moves while a button isin the down state

setOnMouseDragged(EventHandler<MouseEvent> event)

 

Adding a MouseEventHandler Format the Long Way:

canvasName.mouseEventMethodName(new EventHandler<MouseEvent>() { public void handle (MouseEvent mouseEvent) {

// code to respond the event

}

});

 

Adding a MouseEventHandler Format the Short Way:

canvasName. mouseEventMethodName(mouseEvent->

// code to respond the event

);

 

Which Button Caused the Event?

After an event has occurred, you will can retrieve the button that caused the event by calling getButton().name() from the mouse event. Below are the String values that correspond to each event:

 

Button

Text

Left

PRIMARY

Middle

MIDDLE

Right

SECONDARY

Where did the Event Occur?

After an event has occurred, you will can retrieve the x and y locations of where the event occurred with the following two methods:

 

Return Type

Method Name

Description

double

getX()

Returns the x of where theevent occurred.

double

getY()

Returns the y of where theevent occurred.

Responding to Keys

When you want a canvas to respond to key actions you will need to add an event handler for each key action, that needs a response. Below is a list of key actions and the canvas methods that are used to track those actions:

Mouse Event

Method Name

A key is pressed down

setOnKeyPressed(EventHandler<KeyEvent> event)

A key pressed key goes up

setOnKeyReleased (EventHandler< KeyEvent > event)

A key goes down and they up

setOnKeyTyped(EventHandler< KeyEvent > event)

 

Adding a MouseEventHandler Format the Long Way:

canvasName. keyEventMethodName (new EventHandler<MouseEvent>() { public void handle (MouseEvent mouseEvent) {

// code to respond the event

}

});

 

Adding a MouseEventHandler Format the Short Way:

canvasName. keyEventMethodName (mouseEvent->

// code to respond the event

);

Which Key Caused the Event?

After an event has occurred, you will can retrieve the key that caused the event by calling getKeyCode().getName() from the key event. For non-displayable characters you will need to check the check the API Documentation to determine what those keys produce as an answer.

Loading & Drawing Images

For images we will be using the Image class.

We will load images using the below code:

image = new Image("file:fileName.fileType");

Example:

image = new Image("file:deadwumpus.gif");

Once an image has been loaded we will use the following GraphicsContext method to draw it to the

screen:

Return Type

Method Name

Description

void

drawImage(Image img,int x, int y)

Draws the given image to thescreen at (x,y).

 

(5/5)
Attachments:

Related Questions

. Introgramming & Unix Fall 2018, CRN 44882, Oakland University Homework Assignment 6 - Using Arrays and Functions in C

DescriptionIn this final assignment, the students will demonstrate their ability to apply two ma

. The standard path finding involves finding the (shortest) path from an origin to a destination, typically on a map. This is an

Path finding involves finding a path from A to B. Typically we want the path to have certain properties,such as being the shortest or to avoid going t

. Develop a program to emulate a purchase transaction at a retail store. This program will have two classes, a LineItem class and a Transaction class. The LineItem class will represent an individual

Develop a program to emulate a purchase transaction at a retail store. Thisprogram will have two classes, a LineItem class and a Transaction class. Th

. SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 1 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

. Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of Sea Ports. Here are the classes and their instance variables we wish to define:

1 Project 2 Introduction - the SeaPort Project series For this set of projects for the course, we wish to simulate some of the aspects of a number of

Ask This Question To Be Solved By Our ExpertsGet A+ Grade Solution Guaranteed

expert
Um e HaniScience

846 Answers

Hire Me
expert
Muhammad Ali HaiderFinance

886 Answers

Hire Me
expert
Husnain SaeedComputer science

860 Answers

Hire Me
expert
Atharva PatilComputer science

831 Answers

Hire Me
June
January
February
March
April
May
June
July
August
September
October
November
December
2025
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
SunMonTueWedThuFriSat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
00:00
00:30
01:00
01:30
02:00
02:30
03:00
03:30
04:00
04:30
05:00
05:30
06:00
06:30
07:00
07:30
08:00
08:30
09:00
09:30
10:00
10:30
11:00
11:30
12:00
12:30
13:00
13:30
14:00
14:30
15:00
15:30
16:00
16:30
17:00
17:30
18:00
18:30
19:00
19:30
20:00
20:30
21:00
21:30
22:00
22:30
23:00
23:30