Skip to content

HomeScreenView

Overview

Shows the home screen for a multi-screen simulation, which lets the user see all of the screens and select one.

@author Sam Reid (PhET Interactive Simulations)

Class HomeScreenView

import { HomeScreenView } from 'scenerystack/sim';

Constructor

new HomeScreenView( simNameProperty : TReadOnlyProperty<string>, model : HomeScreenModel, providedOptions? : HomeScreenViewOptions )

Instance Methods

focusHighlightedScreenButton()

For a11y, highlight the currently selected screen button

getVoicingOverviewContent() : TReadOnlyProperty<string>

To support voicing.

getVoicingDetailsContent() : string

To support voicing.

getVoicingHintContent() : TReadOnlyProperty<string>

To support voicing.

Instance Properties

screenButtons : HomeScreenButton[]

Static Properties

LAYOUT_BOUNDS : Bounds2

(readonly)

NOTE: In https://github.com/phetsims/joist/issues/640, we attempted to use ScreenView.DEFAULT_LAYOUT_BOUNDS here. Lots of problems were encountered, since both the Home screen and navigation bar are dependent on this value. If/when joist is cleaned up, this should be ScreenView.DEFAULT_LAYOUT_BOUNDS.

TITLE_FONT_FAMILY

(readonly)

iPad doesn't support Century Gothic, so fall back to Futura, see http://wordpress.org/support/topic/font-not-working-on-ipad-browser

Source Code

See the source for HomeScreenView.ts in the joist repository.