FlipView

FlipView[{expr₁,expr₂}]

represents an object which flips between displaying expr₁ and expr₂ each time it is clicked.

FlipView[{expr₁,expr₂,…}]

cyclically flips through successive expr_i.

FlipView[{expr₁,expr₂,…},i]

makes expr_i be the object currently displayed.

Details and Options

Clicking anywhere inside a FlipView advances to the next object.
Shift-clicking goes to the previous object.
FlipView[list,Dynamic[i]] takes the displayed object to be specified by the dynamically updated current value of i, with the value of i being reset if a new object is displayed.
The following options can be given:

Alignment	Automatic	how to align objects in the display area
Background	None	background color to use
BaselinePosition	Automatic	how to align with a surrounding text baseline
BaseStyle	{}	base style specifications for the FlipView
Enabled	Automatic	whether controls are enabled
FrameMargins	Automatic	margins inside the overall frame
ImageMargins	0	margins around the display area
ImageSize	Automatic	the overall image size for the display area

With the default option setting ImageSize->Automatic, FlipView leaves space only for the expr_i currently being displayed.
With ImageSize->All, FlipView always leaves space for the largest of the expr_i to be displayed, so that its overall size does not change.
Controls such as Button and Slider are not clickable inside FlipView.
EventHandler intercepts mouse clicks, but passes them through to FlipView if the setting PassEventsDown->True is given.
The settings for BaseStyle are appended to the default style typically given by the "FlipView" style in the current stylesheet.

Examples

open allclose all

Basic Examples (1)

Flip between two expressions whenever one is clicked:

Scope (6)

FlipView Content (3)

Flip between several expressions:

Flip between graphics or any other expressions:

By default, FlipView resizes for each pane:

With ImageSize->All, FlipView leaves enough space to display without ever resizing:

FlipView Control (3)

Start by displaying the third slide:

The setting is based on position:

Connect FlipView to a slider:

Options (10)

Alignment (1)

Center the expression:

Align the expression to several positions:

AutoAction (1)

FlipView advances as the cursor moves over it:

Background (1)

Set background color:

BaselinePosition (1)

Align with the surrounding text:

Enabled (1)

By default FlipView is enabled:

By setting Enabled ->False, FlipView is disabled but visible in its current state:

FrameMargins (1)

Add margins within the view:

ImageMargins (1)

Add margins outside the view:

ImageSize (3)

Use ImageSize to control the width:

By setting the second element you can also control the height:

A fully custom image size:

Applications (3)

Select a function by its graph:

Flip through the first 25 1D cellular automata behaviors:

Flip through country flags:

Flip through country shapes:

Properties & Relations (1)

FlipView is a special form of Toggler:

Neat Examples (1)

Flip through different polyhedra:

Top