Utvidgare

En Expander gör att en användare kan visa en rubrik och expandera rubriken för att se ytterligare information, eller dölja ett avsnitt upp till en rubrik. Kontrollen Expander ger ett sätt att presentera innehåll i ett utökningsbart område som liknar ett fönster och innehåller en rubrik.

En skärmbild av olika typer av expanderkontroller.

Titel Description
Skapa en expander med en ScrollViewer Lär dig hur du skapar en Expander-kontroll som innehåller komplext innehåll med en ScrollViewer.

Ange riktningen för det expanderande innehållsområdet

Du kan ange innehållsområdet för en Expander kontroll så att det expanderas i någon av fyra riktningar: Down, Up, Lefteller Right med hjälp ExpandDirection av egenskapen . När innehållsområdet har komprimerats visas bara Expander rubriken och dess växlingsknapp. En Button kontroll som visar en riktningspil används som en växlingsknapp för att expandera eller fälla ihop innehållsområdet. När den expanderas försöker den Expander visa allt innehåll i ett fönsterliknande område.

Kontrollera storleken på en expander i en panel

Om en Expander kontroll finns i en layoutkontroll som ärver från Panel, såsom StackPanel, ange inte en HeightExpander när ExpandDirection-egenskapen är inställd på Down eller Up. På samma sätt ska du inte ange en WidthExpander när den egenskapen är inställd på ExpandDirection eller Left.

När du anger en storleksdimension på en Expander kontroll i den riktning som det expanderade innehållet visas, Expander tar kontrollen över det område som används av innehållet och visar en kantlinje runt det. Kantlinjen visas även när innehållet är komprimerat. Om du vill ange storleken på det expanderade innehållsområdet anger du storleksdimensioner för innehållet i Expander, eller om du vill bläddra på den ScrollViewer som omsluter innehållet.

När en Expander kontroll är det sista elementet i en DockPanel, anger Windows Presentation Foundation (WPF) automatiskt dimensionerna Expander till lika med det återstående området i DockPanel. Om du vill förhindra det här standardbeteendet, ange egenskapen på LastChildFill-objektet till DockPanel, eller kontrollera att false inte är det sista elementet i en Expander.

Skapa rullningsbart innehåll

Om innehållet är för stort för innehållsområdets storlek kan du omsluta innehållet i en Expander i en ScrollViewer för att tillhandahålla rullningsbart innehåll. Kontrollen Expander ger inte automatiskt rullningsfunktion.

När du placerar en Expander-kontroll i en ScrollViewer, anger du dimensionsegenskapen ScrollViewer som motsvarar den riktning i vilken Expander-innehållet öppnas, till Expander-innehållets storlek. Om du till exempel anger ExpandDirection egenskapen på Expander till Down (innehållsområdet öppnas nedåt) anger du Height egenskapen på ScrollViewer kontrollen till den höjd som krävs för innehållsområdet. Om du i stället anger höjddimensionen för själva innehållet känner ScrollViewer du inte igen den här inställningen och tillhandahåller därför inte rullningsbart innehåll.

Använda justeringsegenskaperna

Du kan justera innehållet genom att ange egenskaperna HorizontalContentAlignment och VerticalContentAlignmentExpander kontrollen. När du anger dessa egenskaper gäller justeringen för rubriken och även det expanderade innehållet.

Formatmallar och stilar

Du kan ändra stilar och mallar för Expander-kontrollen för att ge den ett unikt utseende. Mer information finns i Vad är formatmallar och mallar? och Hur skapar du en mall för en kontroll.

Innehållsegenskap

Innehållsegenskapen Expander för är Content, som representerar innehållet som visas i kontrollens expanderade område.

Delar

Kontrollen Expander har följande namngivna del:

Delnamn Deltyp Description
Huvudwebbplats Växlingsknapp Växlingsknappen som expanderar och fäller ihop expandern.

Visuella tillstånd

I följande tabell visas de visuella tillstånden Expander för kontrollen.

VisualState-namn VisualStateGroup-namn Description
Normalt CommonStates Kontrollen är i sitt normala tillstånd.
Musöver CommonStates Musen är över kontrollen.
Disabled CommonStates Kontrollen är inaktiverad.
Focused FocusStates Kontrollen har tangentbordsfokus.
Ofokuserat FocusStates Kontrollen har inte tangentbordsfokus.
Expanded ExpansionStates Kontrollen expanderas.
Ihopfallit ExpansionStates Kontrollen är komprimerad.
ExpanderaNeråt ExpandDirectionStates Kontrollen expanderar nedåt.
ExpandUp ExpandDirectionStates Kontrollen expanderar uppåt.
Utöka åt vänster ExpandDirectionStates Kontrollfältet expanderar åt vänster.
ExpandRight ExpandDirectionStates Kontrollen expanderar till höger.
Giltigt ValidationStates Kontrollen är giltig och har inga verifieringsfel.
OgiltigFocus ValidationStates Kontrollen har ett verifieringsfel och har tangentbordsfokus.
OgiltigInteIFokus ValidationStates Kontrollen har ett verifieringsfel men har inte tangentbordsfokus.

Se även