#Example of auto text expander how to

The content of an Expander can be set to another Expander control, to enable multiple levels of expansion. The IsExpanded property becomes true when the Expander header is tapped, which results in the collapse icon being displayed:ДЇor more information about triggers, see Xamarin.Forms Triggers. In this example, the Image displays the expand icon by default: A DataTrigger can be attached to the Image, that changes the Source property based on the value of the Expander.IsExpanded property: Add an expansion indicatorДЄn Image can be added to an Expander header, to provide a visual indication of expansion state.

The advantage of this approach is that when a page contains multiple Expander objects, the content for an Expander is only created when expanded for the first time by the user. In this example, the Expander content is only inflated when the Expander expands for the first time. This can be accomplished by setting the Expander.ContentTemplate property to a DataTemplate that contains the content: Text = 'Baboons are African and Arabian Old World monkeys belonging to the genus Papio, part of the subfamily Cercopithecinae.',Д®xpander content can be created on demand, in response to the Expander expanding. For more information, see Create Expander content on demand.ДЄlternatively, an Expander can be created in code: Expander expander = new ExpanderДЇontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)) However, the Expander.ContentTemplate property can be set to content that only gets inflated when the Expander expands for the first time. When setting the Expander.Content property, either implicitly or explicitly, the Expander content is created when the page containing it is navigated to, even if the Expander is collapsed. When the Expander is expanded, tapping its header collapses the Expander. Tapping on the header results in the Expander expanding to reveal its content, which is a Grid containing child controls. In this example, the Expander is collapsed by default and displays a Label as its header.

#Example of auto text expander how to

The following example shows how to instantiate an Expander in XAML: As part of that move, the ExpanderState enum has been renamed to ExpandState Create an Expander The Expander has been part of Xamarin.Forms and has been moved to the Xamarin.CommunityToolkit. These properties are backed by BindableProperty objects, which means that they can be targets of data bindings, and styled. TouchCaptureView, of type View, which stores the view responsible for triggering the expansion/collapsing animation, by tap.This property uses the OneWayToSource binding mode. State, of type ExpandState, which represents the state of the Expander.This property uses the TwoWay binding mode, and has a default value of false. IsExpanded, of type bool, which determines if the Expander is expanded.Header, of type View, which defines the header content.

ForceUpdateSizeCommand, of type ICommand, which defines the command that's executed when the size of the Expander is force updated.

If this property is not set, then the AnimationLength value will be applied.

ExpandAnimationLength, of type uint, which defines the duration of the animation when the Expander expands.

ExpandAnimationEasing, of type Easing, which represents the easing function to be applied to the Expander content during expansion.

ContentTemplate, of type DataTemplate, which is the template used to dynamically inflate the content of the Expander.

Content, of type View, which defines the content to be displayed when the Expander expands.

CommandParameter, of type object, which is the parameter that's passed to the Command.

Command, of type ICommand, which is executed when the Expander header is tapped.

CollapseAnimationLength, of type uint, which defines the duration of the animation when the Expander is collapsing.

CollapseAnimationEasing, of type Easing, which represents the easing function to be applied to the Expander content when it's collapsing.

The default value of this property is 250ms.

AnimationLength, of type uint, which defines the duration of the animation when the Expander is expanding/collapsing.

AnimationEasing, of type Easing, which represents the easing function to be applied to the Expander content when it's expanding/collapsing if ExpandAnimationEasing/CollapseAnimationEasing is not set.

The Expander control defines the following properties: Therefore, it's available on all platforms supported by Xamarin.Forms. The Expander control is fully implemented in cross-platform code.