({{, (RefLink[FlipView, paclet:ref/FlipView])[{(Subscript[expr, 1]),(Subscript[expr, 2])}] 
represents an object which flips between displaying (Subscript[expr, 1]) and (Subscript[expr, 2]) each time it is clicked.}, {, (RefLink[FlipView, paclet:ref/FlipView])[{(Subscript[expr, 1]),(Subscript[expr, 2]),…}] 
cyclically flips through successive (Subscript[expr, i]).}, {, (RefLink[FlipView, paclet:ref/FlipView])[{(Subscript[expr, 1]),(Subscript[expr, 2]),…},i] 
makes (Subscript[expr, i]) be the object currently displayed.}})

OpenersNotesSection(Spacer1)Details and Options

Clicking anywhere inside a (RefLink[FlipView, paclet:ref/FlipView]) advances to the next object.

Shift-clicking goes to the previous object.

(RefLink[FlipView, paclet:ref/FlipView])[list,(RefLink[Dynamic, paclet:ref/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:

With the default option setting (RefLink[ImageSize, paclet:ref/ImageSize])->(RefLink[Automatic, paclet:ref/Automatic]), (RefLink[FlipView, paclet:ref/FlipView]) leaves space only for the (Subscript[expr, i]) currently being displayed.

With (RefLink[ImageSize, paclet:ref/ImageSize])->(RefLink[All, paclet:ref/All]), (RefLink[FlipView, paclet:ref/FlipView]) always leaves space for the largest of the (Subscript[expr, i]) to be displayed, so that its overall size does not change.

Controls such as (RefLink[Button, paclet:ref/Button]) and (RefLink[Slider, paclet:ref/Slider]) are not clickable inside (RefLink[FlipView, paclet:ref/FlipView]).

(RefLink[EventHandler, paclet:ref/EventHandler]) intercepts mouse clicks, but passes them through to (RefLink[FlipView, paclet:ref/FlipView]) if the setting (RefLink[PassEventsDown, paclet:ref/PassEventsDown])->(RefLink[True, paclet:ref/True]) is given.

The settings for (RefLink[BaseStyle, paclet:ref/BaseStyle]) are appended to the default style typically given by the "FlipView" style in the current stylesheet.

OpenersPrimaryExamplesSection(Spacer1)Examples  (22)

OpenersExampleSection0(Spacer1)Basic Examples  (1)

Flip between two expressions whenever one is clicked:

FlipView[{x+y,a+b}]

OpenersExampleSection1(Spacer1)Scope  (6)

OpenersExampleSubsection0(Spacer1)FlipView Content  (3)

Flip between several expressions:

FlipView[{a,b,c,d}]

Flip between graphics or any other expressions:

FlipView[Table[Plot[Sin[n x],{x,0,10}],{n,5}]]

By default, (RefLink[FlipView, paclet:ref/FlipView]) resizes for each pane:

d=Table[Graphics[Circle[],ImageSize->s],{s,20,50,10}]

{FlipView[d],FlipView[d,3]}

With (RefLink[ImageSize, paclet:ref/ImageSize])->(RefLink[All, paclet:ref/All]), (RefLink[FlipView, paclet:ref/FlipView]) leaves enough space to display without ever resizing:

{FlipView[d,ImageSize->All],FlipView[d,3,ImageSize->All]}

OpenersExampleSubsection1(Spacer1)FlipView Control  (3)

Start by displaying the third slide:

FlipView[{a,b,c,d},3]

The setting is based on position:

{FlipView[{a,b,c,d},Dynamic[x]],Dynamic[x]}

Connect (RefLink[FlipView, paclet:ref/FlipView]) to a slider:

{FlipView[{a,b,c,d},Dynamic[i]],Slider[Dynamic[i],{1,4,1}]}

OpenersExampleSection2(Spacer1)Options  (10)

OpenersExampleSubsection2(Spacer1)Alignment  (1)

Center the expression:

FlipView[{a,b,c,d},Background->Pink,ImageSize->{30,30},Alignment->Center]

Align the expression to several positions:

Table[FlipView[{a,b,c,d},Background->Pink,ImageSize->{30,30},Alignment->{j,i}],{i,{Top,Center,Bottom}},{j,{Left,Center,Right}}]//Grid

OpenersExampleSubsection3(Spacer1)AutoAction  (1)

(RefLink[FlipView, paclet:ref/FlipView]) advances as the cursor moves over it:

FlipView[{a,b,c,d},AutoAction->True,ContinuousAction->False,ImageMargins->30,Background->Gray]

OpenersExampleSubsection4(Spacer1)Background  (1)

Set background color:

Table[FlipView[{a,b,c,d},Background->x],{x,{Pink,Green,Gray,Yellow}}]

OpenersExampleSubsection5(Spacer1)BaselinePosition  (1)

Align with the surrounding text:

Row[Table[FlipView[{a,b,c,d},BaselinePosition->x],{x,{Bottom,Center,Top}}],"xxx"]

OpenersExampleSubsection6(Spacer1)Enabled  (1)

By default (RefLink[FlipView, paclet:ref/FlipView]) is enabled:

FlipView[{a,b,c,d}]

By setting (RefLink[Enabled, paclet:ref/Enabled]) ->(RefLink[False, paclet:ref/False]), (RefLink[FlipView, paclet:ref/FlipView]) is disabled but visible in its current state:

FlipView[{a,b,c,d},3,Enabled->False]

OpenersExampleSubsection7(Spacer1)FrameMargins  (1)

Add margins within the view:

Table[FlipView[{a,b,c,d},Background->Gray,FrameMargins->x],{x,{0,5,10,20}}]

OpenersExampleSubsection8(Spacer1)ImageMargins  (1)

Add margins outside the view:

Table[Framed@FlipView[{a,b,c,d},Background->Gray,ImageMargins->x],{x,{0,5,10,20}}]

OpenersExampleSubsection9(Spacer1)ImageSize  (3)

Use (RefLink[ImageSize, paclet:ref/ImageSize]) to control the width:

Table[FlipView[{a,b,c,d},Background->Gray,ImageSize->x],{x,{10,20,50}}]

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

Table[FlipView[{a,b,c,d},Background->Gray,ImageSize->{Automatic,x}],{x,{10,20,50}}]

A fully custom image size:

Table[FlipView[{a,b,c,d},Background->Gray,ImageSize->x],{x,{{10,20},{20,50},{50,25}}}]

OpenersExampleSection3(Spacer1)Applications  (3)

Select a function by its graph:

DynamicModule[{fl={Sin,Tan,Exp,Sqrt}},
{FlipView[Table[Plot[f[ x],{x,0,10}],{f,fl}],Dynamic[x]],Dynamic[fl[[x]]]}]

Flip through the first 25 1D cellular automata behaviors:

FlipView[Table[ArrayPlot[CellularAutomaton[i,{{1},0},{25,All}]],{i,25}]]

Flip through country flags:

FlipView[{#,CountryData[#,"Flag"]}&/@CountryData[]]

Flip through country shapes:

FlipView[{#,Rasterize@CountryData[#,"Shape"]}&/@CountryData[]]

OpenersExampleSection4(Spacer1)Properties & Relations  (1)

(RefLink[FlipView, paclet:ref/FlipView]) is a special form of (RefLink[Toggler, paclet:ref/Toggler]):

Toggler[1,Table[i->Plot[{Sin,Tan,Exp,Sqrt}[[i]][ x],{x,0,10}],{i,4}]]

FlipView[Table[Plot[f[ x],{x,0,10}],{f,{Sin,Tan,Exp,Sqrt}}],1]

OpenersExampleSection5(Spacer1)Neat Examples  (1)

Flip through different polyhedra:

FlipView[Panel[PolyhedronData[#],PolyhedronData[#,"Name"],ImageSize->{250,250},Alignment->Center]&/@PolyhedronData[]]

({{DocumentationFooterIconsRelatedFunction.png, ({{See Also}, {(RefLink[OpenerView, paclet:ref/OpenerView])  ▪  (RefLink[SlideView, paclet:ref/SlideView])  ▪  (RefLink[PopupView, paclet:ref/PopupView])  ▪  (RefLink[PaneSelector, paclet:ref/PaneSelector])  ▪  (RefLink[Mouseover, paclet:ref/Mouseover])  ▪  (RefLink[Toggler, paclet:ref/Toggler])  ▪  (RefLink[Overlay, paclet:ref/Overlay])}})}})

({{DocumentationFooterIconsRelatedTutorial.png, ({{Tutorials}, {▪(RefLinkPlain[Views, paclet:tutorial/Views])}})}})

({{DocumentationFooterIconsRelatedGuide.png, ({{Related Guides}, {▪(RefLinkPlain[Viewers and Annotation, paclet:guide/ViewersAndAnnotation])}, {▪(RefLinkPlain[Dynamic Visualization, paclet:guide/DynamicVisualization])}, {▪(RefLinkPlain[Notebook Document Generation, paclet:guide/DocumentGeneration])}, {▪(RefLinkPlain[Annotating & Combining Graphics, paclet:guide/AnnotatingAndCombiningGraphics])}})}})