Xamarin.FormsSwipeView SwipeView

Descargar ejemplo Descargar el ejemploDownload Sample Download the sample

SwipeViewEs un control contenedor que se ajusta alrededor de un elemento de contenido y proporciona elementos de menú contextual que se revelan mediante un gesto de deslizar rápidamente:The SwipeView is a container control that wraps around an item of content, and provides context menu items that are revealed by a swipe gesture:

Captura de pantalla de SwipeView deslizar rápidamente los elementos en una CollectionView, en iOS y AndroidScreenshot of SwipeView swipe items in a CollectionView, on iOS and Android

SwipeViewestá disponible en Xamarin.Forms 4,4.SwipeView is available in Xamarin.Forms 4.4. Sin embargo, actualmente es experimental y solo se puede usar agregando la siguiente línea de código a la AppDelegate clase en iOS, a la MainActivity clase en Android o a la App clase en UWP, antes de llamar a Forms.Init :However, it's currently experimental and can only be used by adding the following line of code to your AppDelegate class on iOS, to your MainActivity class on Android, or to your App class on UWP, before calling Forms.Init:

Forms.SetFlags("SwipeView_Experimental");

SwipeView define las siguientes propiedades:SwipeView defines the following properties:

  • LeftItems, de tipo SwipeItems , que representa los elementos de deslizamiento que se pueden invocar cuando se pasa el dedo por el control hacia la izquierda.LeftItems, of type SwipeItems, which represents the swipe items that can be invoked when the control is swiped from the left side.
  • RightItems, de tipo SwipeItems , que representa los elementos de deslizamiento que se pueden invocar cuando se pasa el dedo por el control hacia la derecha.RightItems, of type SwipeItems, which represents the swipe items that can be invoked when the control is swiped from the right side.
  • TopItems, de tipo SwipeItems , que representa los elementos de deslizamiento que se pueden invocar cuando el control se desliza hacia arriba hacia abajo.TopItems, of type SwipeItems, which represents the swipe items that can be invoked when the control is swiped from the top down.
  • BottomItems, de tipo SwipeItems , que representa los elementos de deslizamiento que se pueden invocar cuando se pasa el dedo hacia arriba en el control.BottomItems, of type SwipeItems, which represents the swipe items that can be invoked when the control is swiped from the bottom up.

Estas propiedades están respaldadas por BindableProperty objetos, lo que significa que pueden ser destinos de enlaces de datos y con estilo.These properties are backed by BindableProperty objects, which means that they can be targets of data bindings, and styled.

Además, SwipeView hereda la Content propiedad de la ContentView clase.In addition, the SwipeView inherits the Content property from the ContentView class. La Content propiedad es la propiedad de contenido de la SwipeView clase y, por tanto, no es necesario establecer explícitamente.The Content property is the content property of the SwipeView class, and therefore does not need to be explicitly set.

La SwipeView clase también define cuatro eventos:The SwipeView class also defines four events:

  • SwipeStartedse desencadena cuando se inicia un deslizamiento.SwipeStarted is fired when a swipe starts. El SwipeStartedEventArgs objeto que acompaña a este evento tiene una SwipeDirection propiedad, de tipo SwipeDirection .The SwipeStartedEventArgs object that accompanies this event has a SwipeDirection property, of type SwipeDirection.
  • SwipeChangingse desencadena cuando se mueve el dedo.SwipeChanging is fired as the swipe moves. El SwipeChangingEventArgs objeto que acompaña a este evento tiene una SwipeDirection propiedad, de tipo SwipeDirection y una Offset propiedad de tipo double .The SwipeChangingEventArgs object that accompanies this event has a SwipeDirection property, of type SwipeDirection, and an Offset property of type double.
  • SwipeEndedse desencadena cuando finaliza un deslizamiento.SwipeEnded is fired when a swipe ends. El SwipeEndedEventArgs objeto que acompaña a este evento tiene una SwipeDirection propiedad, de tipo SwipeDirection .The SwipeEndedEventArgs object that accompanies this event has a SwipeDirection property, of type SwipeDirection.
  • CloseRequestedse desencadena cuando se cierran los elementos de deslizamiento.CloseRequested is fired when the swipe items are closed.

Además, SwipeView incluye Open métodos y Close , que abren y cierran los elementos de deslizamiento mediante programación, respectivamente.In addition, SwipeView includes Open and Close methods, which programmatically open and close the swipe items, respectively.

Nota

SwipeViewtiene una plataforma específica para iOS y Android, que controla la transición que se usa al abrir un SwipeView .SwipeView has a platform-specific on iOS and Android, that controls the transition that's used when opening a SwipeView. Para obtener más información, consulte el modo de transición de SwipeView con el dedo en iOS y SwipeView Deslice el modo de transición en Android.For more information, see SwipeView Swipe Transition Mode on iOS and SwipeView Swipe Transition Mode on Android.

Creación de un SwipeViewCreate a SwipeView

Un SwipeView debe definir el contenido que SwipeView rodea y los elementos de deslizamiento que se revelan por el gesto de deslizar rápidamente.A SwipeView must define the content that the SwipeView wraps around, and the swipe items that are revealed by the swipe gesture. Los elementos de deslizamiento son uno o más SwipeItem objetos que se colocan en una de las cuatro SwipeView colecciones direccionales: LeftItems , RightItems , TopItems o BottomItems .The swipe items are one or more SwipeItem objects that are placed in one of the four SwipeView directional collections - LeftItems, RightItems, TopItems, or BottomItems.

En el ejemplo siguiente se muestra cómo crear una instancia SwipeView de en XAML:The following example shows how to instantiate a SwipeView in XAML:

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems>
            <SwipeItem Text="Favorite"
                       IconImageSource="favorite.png"
                       BackgroundColor="LightGreen"
                       Invoked="OnFavoriteSwipeItemInvoked" />
            <SwipeItem Text="Delete"
                       IconImageSource="delete.png"
                       BackgroundColor="LightPink"
                       Invoked="OnDeleteSwipeItemInvoked" />
        </SwipeItems>
    </SwipeView.LeftItems>
    <!-- Content -->
    <Grid HeightRequest="60"
          WidthRequest="300"
          BackgroundColor="LightGray">
        <Label Text="Swipe right"
               HorizontalOptions="Center"
               VerticalOptions="Center" />
    </Grid>
</SwipeView>

El código de C# equivalente es el siguiente:The equivalent C# code is:

// SwipeItems
SwipeItem favoriteSwipeItem = new SwipeItem
{
    Text = "Favorite",
    IconImageSource = "favorite.png",
    BackgroundColor = Color.LightGreen
};
favoriteSwipeItem.Invoked += OnFavoriteSwipeItemInvoked;

SwipeItem deleteSwipeItem = new SwipeItem
{
    Text = "Delete",
    IconImageSource = "delete.png",
    BackgroundColor = Color.LightPink
};
deleteSwipeItem.Invoked += OnDeleteSwipeItemInvoked;

List<SwipeItem> swipeItems = new List<SwipeItem>() { favoriteSwipeItem, deleteSwipeItem };

// SwipeView content
Grid grid = new Grid
{
    HeightRequest = 60,
    WidthRequest = 300,
    BackgroundColor = Color.LightGray
};
grid.Children.Add(new Label
{
    Text = "Swipe right",
    HorizontalOptions = LayoutOptions.Center,
    VerticalOptions = LayoutOptions.Center
});

SwipeView swipeView = new SwipeView
{
    LeftItems = new SwipeItems(swipeItems),
    Content = grid
};

En este ejemplo, el SwipeView contenido es un Grid que contiene Label :In this example, the SwipeView content is a Grid that contains a Label:

Captura de pantalla del contenido de SwipeView, en iOS y AndroidScreenshot of SwipeView content, on iOS and Android

Los elementos de deslizamiento se utilizan para realizar acciones en el SwipeView contenido y se revelan cuando el control se desliza rápidamente desde el lado izquierdo:The swipe items are used to perform actions on the SwipeView content, and are revealed when the control is swiped from the left side:

Captura de pantalla de SwipeView deslizar rápidamente los elementos, en iOS y AndroidScreenshot of SwipeView swipe items, on iOS and Android

De forma predeterminada, un elemento de deslizamiento se ejecuta cuando el usuario lo puntea.By default, a swipe item is executed when it is tapped by the user. No obstante, se puede modificar este comportamiento.However, this behavior can be changed. Para obtener más información, consulte el modo de deslizar rápidamente.For more information, see Swipe mode.

Una vez que se ha ejecutado un dedo, se ocultan los elementos de deslizamiento y SwipeView se vuelve a mostrar el contenido.Once a swipe item has been executed the swipe items are hidden and the SwipeView content is re-displayed. No obstante, se puede modificar este comportamiento.However, this behavior can be changed. Para obtener más información, consulte el comportamiento de deslizamiento.For more information, see Swipe behavior.

Nota

El deslizamiento de contenido y el deslizamiento de los elementos se pueden colocar en línea o definirse como recursos.Swipe content and swipe items can be placed inline, or defined as resources.

Deslizar rápidamente los elementosSwipe items

Las LeftItems RightItems colecciones,, TopItems y BottomItems son de tipo SwipeItems .The LeftItems, RightItems, TopItems, and BottomItems collections are all of type SwipeItems. La SwipeItems clase define las siguientes propiedades:The SwipeItems class defines the following properties:

  • Mode, de tipo SwipeMode , que indica el efecto de una interacción de deslizar rápidamente.Mode, of type SwipeMode, which indicates the effect of a swipe interaction. Para obtener más información sobre el modo de deslizar rápidamente, vea el modo de deslizar rápidamente.For more information about swipe mode, see Swipe mode.
  • SwipeBehaviorOnInvoked, de tipo SwipeBehaviorOnInvoked , que indica cómo SwipeView se comporta una vez que se invoca un elemento de deslizamiento.SwipeBehaviorOnInvoked, of type SwipeBehaviorOnInvoked, which indicates how a SwipeView behaves after a swipe item is invoked. Para obtener más información sobre el comportamiento de los deslizamientos, vea deslizar el comportamiento.For more information about swipe behavior, see Swipe behavior.

Estas propiedades están respaldadas por BindableProperty objetos, lo que significa que pueden ser destinos de enlaces de datos y con estilo.These properties are backed by BindableProperty objects, which means that they can be targets of data bindings, and styled.

Cada elemento de deslizamiento se define como un SwipeItem objeto que se coloca en una de las cuatro SwipeItems colecciones direccionales.Each swipe item is defined as a SwipeItem object that's placed into one of the four SwipeItems directional collections. La SwipeItem clase se deriva de la MenuItem clase y agrega los siguientes miembros:The SwipeItem class derives from the MenuItem class, and adds the following members:

  • BackgroundColorPropiedad de tipo Color que define el color de fondo del elemento de deslizamiento.A BackgroundColor property, of type Color, that defines the background color of the swipe item. Esta propiedad está respaldada por una propiedad enlazable.This property is backed by a bindable property.
  • Un Invoked evento, que se desencadena cuando se ejecuta el elemento de deslizamiento.An Invoked event, which is fired when the swipe item is executed.

Importante

La MenuItem clase define varias propiedades, entre las que se incluyen Command ,, CommandParameter IconImageSource y Text .The MenuItem class defines several properties, including Command, CommandParameter, IconImageSource, and Text. Estas propiedades se pueden establecer en un SwipeItem objeto para definir su apariencia y para definir un ICommand que se ejecute cuando se invoque el elemento de deslizamiento.These properties can be set on a SwipeItem object to define its appearance, and to define an ICommand that executes when the swipe item is invoked. Para obtener más información, vea Xamarin.Forms MenuItem.For more information, see Xamarin.Forms MenuItem.

En el ejemplo siguiente se muestran dos SwipeItem objetos en la LeftItems colección de un objeto SwipeView :The following example shows two SwipeItem objects in the LeftItems collection of a SwipeView:

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems>
            <SwipeItem Text="Favorite"
                       IconImageSource="favorite.png"
                       BackgroundColor="LightGreen"
                       Invoked="OnFavoriteSwipeItemInvoked" />
            <SwipeItem Text="Delete"
                       IconImageSource="delete.png"
                       BackgroundColor="LightPink"
                       Invoked="OnDeleteSwipeItemInvoked" />
        </SwipeItems>
    </SwipeView.LeftItems>
    <!-- Content -->
</SwipeView>

La apariencia de cada SwipeItem se define mediante una combinación de las Text IconImageSource propiedades, y BackgroundColor :The appearance of each SwipeItem is defined by a combination of the Text, IconImageSource, and BackgroundColor properties:

Captura de pantalla de SwipeView deslizar rápidamente los elementos, en iOS y AndroidScreenshot of SwipeView swipe items, on iOS and Android

Cuando SwipeItem se puntea en, su Invoked evento se activa y se controla mediante su controlador de eventos registrado.When a SwipeItem is tapped, its Invoked event fires and is handled by its registered event handler. Como alternativa, la Command propiedad se puede establecer en una ICommand implementación que se ejecutará cuando SwipeItem se invoque.Alternatively, the Command property can be set to an ICommand implementation that will be executed when the SwipeItem is invoked.

Nota

Cuando se define la apariencia de un SwipeItem solo mediante las Text IconImageSource propiedades o, el contenido siempre se centra.When the appearance of a SwipeItem is defined only using the Text or IconImageSource properties, the content is always centered.

Además de definir los elementos de deslizar rápidamente como SwipeItem objetos, también es posible definir vistas de elemento de deslizamiento personalizado.In addition to defining swipe items as SwipeItem objects, it's also possible to define custom swipe item views. Para obtener más información, vea elementos de deslizamiento personalizado.For more information, see Custom swipe items.

Deslizar rápidamenteSwipe direction

SwipeViewadmite cuatro direcciones de deslizamiento diferentes, con la dirección de deslizamiento que se define en la colección direcciona SwipeItems a la que SwipeItem se agregan los objetos.SwipeView supports four different swipe directions, with the swipe direction being defined by the directional SwipeItems collection the SwipeItem objects are added to. Cada dirección de deslizamiento puede mantener sus propios elementos de deslizamiento.Each swipe direction can hold its own swipe items. Por ejemplo, en el ejemplo siguiente se muestra un SwipeView cuyos elementos de deslizamiento dependen de la dirección de deslizamiento:For example, the following example shows a SwipeView whose swipe items depend on the swipe direction:

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems>
            <SwipeItem Text="Delete"
                       IconImageSource="delete.png"
                       BackgroundColor="LightPink"
                       Command="{Binding DeleteCommand}" />
        </SwipeItems>
    </SwipeView.LeftItems>
    <SwipeView.RightItems>
        <SwipeItems>
            <SwipeItem Text="Favorite"
                       IconImageSource="favorite.png"
                       BackgroundColor="LightGreen"
                       Command="{Binding FavoriteCommand}" />
            <SwipeItem Text="Share"
                       IconImageSource="share.png"
                       BackgroundColor="LightYellow"
                       Command="{Binding ShareCommand}" />
        </SwipeItems>
    </SwipeView.RightItems>
    <!-- Content -->
</SwipeView>

En este ejemplo, el SwipeView contenido se puede deslizar hacia la derecha o hacia la izquierda.In this example, the SwipeView content can be swiped right or left. Al deslizar el dedo hacia la derecha, se mostrará el elemento de deslizar rápidamente el dedo, mientras que al pasar a la izquierda se mostrarán los elementos de deslizamiento favorito y de uso compartido .Swiping to the right will show the Delete swipe item, while swiping to the left will show the Favorite and Share swipe items.

Advertencia

Solo se puede establecer una instancia de una SwipeItems colección direccional a la vez en SwipeView .Only one instance of a directional SwipeItems collection can be set at a time on a SwipeView. Por lo tanto, no puede tener dos LeftItems definiciones en SwipeView .Therefore, you cannot have two LeftItems definitions on a SwipeView.

Los SwipeStarted SwipeChanging eventos, y SwipeEnded notifican la dirección de deslizamiento a través de la SwipeDirection propiedad en los argumentos del evento.The SwipeStarted, SwipeChanging, and SwipeEnded events report the swipe direction via the SwipeDirection property in the event arguments. Esta propiedad es de tipo SwipeDirection , que es una enumeración que consta de cuatro miembros:This property is of type SwipeDirection, which is an enumeration consisting of four members:

  • Rightindica que se ha producido un dedo a la derecha.Right indicates that a right swipe occurred.
  • Leftindica que se ha producido un deslizamiento a la izquierda.Left indicates that a left swipe occurred.
  • Upindica que se ha producido un deslizamiento hacia arriba.Up indicates that an upwards swipe occurred.
  • Downindica que se ha producido un deslizamiento hacia abajo.Down indicates that a downwards swipe occurred.

Modo de deslizar rápidamenteSwipe mode

La SwipeItems clase tiene una Mode propiedad, que indica el efecto de una interacción de deslizar rápidamente.The SwipeItems class has a Mode property, which indicates the effect of a swipe interaction. Esta propiedad debe establecerse en uno de los SwipeMode miembros de enumeración:This property should be set to one of the SwipeMode enumeration members:

  • Revealindica que un deslizador revela los elementos de deslizamiento.Reveal indicates that a swipe reveals the swipe items. Este es el valor predeterminado de la propiedad SwipeItems.Mode.This is the default value of the SwipeItems.Mode property.
  • Executeindica que un dedo ejecuta los elementos de deslizamiento.Execute indicates that a swipe executes the swipe items.

En el modo de visualización, el usuario desliza el dedo SwipeView para abrir un menú que consta de uno o varios elementos de deslizamiento y debe pulsar explícitamente en un elemento de deslizamiento para ejecutarlo.In reveal mode, the user swipes a SwipeView to open a menu consisting of one or more swipe items, and must explicitly tap a swipe item to execute it. Una vez que se haya ejecutado el dedo, se cerrarán los elementos de deslizamiento y SwipeView se volverá a mostrar el contenido.After the swipe item has been executed the swipe items are closed and the SwipeView content is re-displayed. En el modo de ejecución, el usuario desliza el dedo SwipeView para abrir un menú que consta de uno o varios elementos de deslizamiento, que se ejecutan automáticamente.In execute mode, the user swipes a SwipeView to open a menu consisting of one more swipe items, which are then automatically executed. Después de la ejecución, se cierran los elementos de deslizamiento y SwipeView se vuelve a mostrar el contenido.Following execution, the swipe items are closed and the SwipeView content is re-displayed.

En el ejemplo siguiente se muestra una SwipeView configurada para usar el modo de ejecución:The following example shows a SwipeView configured to use execute mode:

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems Mode="Execute">
            <SwipeItem Text="Delete"
                       IconImageSource="delete.png"
                       BackgroundColor="LightPink"
                       Command="{Binding DeleteCommand}" />
        </SwipeItems>
    </SwipeView.LeftItems>
    <!-- Content -->
</SwipeView>

En este ejemplo, el SwipeView contenido se puede deslizar hacia la derecha para mostrar el elemento de deslizar rápidamente, que se ejecuta inmediatamente.In this example, the SwipeView content can be swiped right to reveal the swipe item, which is executed immediately. Después de la ejecución, SwipeView se vuelve a mostrar el contenido.Following execution, the SwipeView content is re-displayed.

Comportamiento de deslizar rápidamenteSwipe behavior

La SwipeItems clase tiene una SwipeBehaviorOnInvoked propiedad, que indica cómo SwipeView se comporta una vez que se invoca un elemento de deslizamiento.The SwipeItems class has a SwipeBehaviorOnInvoked property, which indicates how a SwipeView behaves after a swipe item is invoked. Esta propiedad debe establecerse en uno de los SwipeBehaviorOnInvoked miembros de enumeración:This property should be set to one of the SwipeBehaviorOnInvoked enumeration members:

  • Autoindica que en modo de revelar SwipeView se cierra después de invocar un elemento de deslizamiento y en modo de ejecución, el SwipeView permanece abierto después de invocar un elemento de deslizamiento.Auto indicates that in reveal mode the SwipeView closes after a swipe item is invoked, and in execute mode the SwipeView remains open after a swipe item is invoked. Este es el valor predeterminado de la propiedad SwipeItems.SwipeBehaviorOnInvoked.This is the default value of the SwipeItems.SwipeBehaviorOnInvoked property.
  • Closeindica que SwipeView se cierra después de invocar un elemento de deslizamiento.Close indicates that the SwipeView closes after a swipe item is invoked.
  • RemainOpenindica que SwipeView permanece abierto después de invocar un elemento de deslizamiento.RemainOpen indicates that the SwipeView remains open after a swipe item is invoked.

En el ejemplo siguiente se muestra una SwipeView configurada para que permanezca abierta después de invocar un elemento de deslizamiento:The following example shows a SwipeView configured to remain open after a swipe item is invoked:

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems SwipeBehaviorOnInvoked="RemainOpen">
            <SwipeItem Text="Favorite"
                       IconImageSource="favorite.png"
                       BackgroundColor="LightGreen"
                       Invoked="OnFavoriteSwipeItemInvoked" />
            <SwipeItem Text="Delete"
                       IconImageSource="delete.png"
                       BackgroundColor="LightPink"
                       Invoked="OnDeleteSwipeItemInvoked" />
        </SwipeItems>
    </SwipeView.LeftItems>
    <!-- Content -->
</SwipeView>

Elementos deslizantes personalizadosCustom swipe items

Los elementos de deslizamiento personalizado se pueden definir con el SwipeItemView tipo.Custom swipe items can be defined with the SwipeItemView type. La SwipeItemView clase se deriva de la ContentView clase y agrega las siguientes propiedades:The SwipeItemView class derives from the ContentView class, and adds the following properties:

  • Command, de tipo ICommand , que se ejecuta cuando se puntea un elemento de deslizamiento.Command, of type ICommand, which is executed when a swipe item is tapped.
  • CommandParameter, de tipo object, que es el parámetro que se pasa a Command.CommandParameter, of type object, which is the parameter that's passed to the Command.

Estas propiedades están respaldadas por BindableProperty objetos, lo que significa que pueden ser destinos de enlaces de datos y con estilo.These properties are backed by BindableProperty objects, which means that they can be targets of data bindings, and styled.

La SwipeItemView clase también define un Invoked evento que se desencadena cuando se puntea el elemento, después de que Command se ejecute.The SwipeItemView class also defines an Invoked event that's fired when the item is tapped, after the Command is executed.

En el ejemplo siguiente se muestra un SwipeItemView objeto de la LeftItems colección de SwipeView :The following example shows a SwipeItemView object in the LeftItems collection of a SwipeView:

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems>
            <SwipeItemView Command="{Binding CheckAnswerCommand}"
                           CommandParameter="{Binding Source={x:Reference resultEntry}, Path=Text}">
                <StackLayout Margin="10"
                             WidthRequest="300">
                    <Entry x:Name="resultEntry"
                           Placeholder="Enter answer"
                           HorizontalOptions="CenterAndExpand" />
                    <Label Text="Check"
                           FontAttributes="Bold"
                           HorizontalOptions="Center" />
                </StackLayout>
            </SwipeItemView>
        </SwipeItems>
    </SwipeView.LeftItems>
    <!-- Content -->
</SwipeView>

En este ejemplo, el objeto SwipeItemView incluye un objeto StackLayout que contiene un objeto Entry y un objeto Label .In this example, the SwipeItemView comprises a StackLayout containing an Entry and a Label. Una vez que el usuario escribe la entrada en el Entry , se puede puntear en el resto de, SwipeViewItem que ejecuta la ICommand definida por la SwipeItemView.Command propiedad.After the user enters input into the Entry, the rest of the SwipeViewItem can be tapped which executes the ICommand defined by the SwipeItemView.Command property.

Abrir y cerrar un SwipeView mediante programaciónOpen and close a SwipeView programmatically

SwipeViewincluye Open Close métodos y, que abren y cierran los elementos de deslizamiento mediante programación, respectivamente.SwipeView includes Open and Close methods, which programmatically open and close the swipe items, respectively.

El Open método requiere un OpenSwipeItem argumento, para especificar la dirección desde la que se SwipeView abrirá.The Open method requires an OpenSwipeItem argument, to specify the direction the SwipeView will be opened from. La OpenSwipeItem enumeración tiene cuatro miembros:The OpenSwipeItem enumeration has four members:

  • LeftItems, que indica que se SwipeView abrirá a la izquierda para que se muestren los elementos de deslizamiento en la LeftItems colección.LeftItems, which indicates that the SwipeView will be opened from the left, to reveal the swipe items in the LeftItems collection.
  • TopItems, que indica que se SwipeView abrirá desde la parte superior para mostrar los elementos de deslizamiento en la TopItems colección.TopItems, which indicates that the SwipeView will be opened from the top, to reveal the swipe items in the TopItems collection.
  • RightItems, que indica que se SwipeView abrirá desde la derecha para mostrar los elementos que se desconectan en la RightItems colección.RightItems, which indicates that the SwipeView will be opened from the right, to reveal the swipe items in the RightItems collection.
  • BottomItems, que indica que se SwipeView abrirá desde la parte inferior, para mostrar los elementos de deslizamiento en BottomItems la colección.BottomItems, which indicates that the SwipeView will be opened from the bottom, to reveal the swipe items in the BottomItems collection.

Dado un SwipeView denominado swipeView , en el ejemplo siguiente se muestra cómo abrir un SwipeView para mostrar los elementos de deslizamiento en la LeftItems colección:Given a SwipeView named swipeView, the following example shows how to open a SwipeView to reveal the swipe items in the LeftItems collection:

swipeView.Open(OpenSwipeItem.LeftItems);

swipeViewA continuación, se puede cerrar con el Close método:The swipeView can then be closed with the Close method:

swipeView.Close();

Nota

Cuando Close se invoca el método, CloseRequested se desencadena el evento.When the Close method is invoked, the CloseRequested event is fired.

Deshabilitar un SwipeViewDisable a SwipeView

Una aplicación puede entrar en un estado en el que deslizar un elemento de contenido no es una operación válida.An application may enter a state where swiping an item of content is not a valid operation. En tales casos, SwipeView se puede deshabilitar estableciendo su IsEnabled propiedad en false .In such cases, the SwipeView can be disabled by setting its IsEnabled property to false. Esto impedirá que los usuarios puedan pasar el dedo por el contenido para mostrar los elementos de deslizamiento.This will prevent users from being able to swipe content to reveal swipe items.

Además, al definir la Command propiedad de un SwipeItem objeto o SwipeItemView , CanExecute se puede especificar el delegado de ICommand para habilitar o deshabilitar el elemento de deslizar rápidamente.In addition, when defining the Command property of a SwipeItem or SwipeItemView, the CanExecute delegate of the ICommand can be specified to enable or disable the swipe item.