Class BackdropFrontLayer

Represents BackdropFrontLayer class.

Inheritance

System.Object

SfView

SfContentView

BackdropLayerBase

BackdropFrontLayer

Implements

IDrawableLayout

Microsoft.Maui.Graphics.IDrawable

Microsoft.Maui.IAbsoluteLayout

Microsoft.Maui.ILayout

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IContainer

System.Collections.Generic.IList<Microsoft.Maui.IView>

System.Collections.Generic.ICollection<Microsoft.Maui.IView>

System.Collections.Generic.IEnumerable<Microsoft.Maui.IView>

System.Collections.IEnumerable

Microsoft.Maui.ISafeAreaView

Microsoft.Maui.IPadding

Microsoft.Maui.ICrossPlatformLayout

Microsoft.Maui.IVisualTreeElement

Inherited Members

SfContentView.Content

SfContentView.ContentProperty

SfContentView.OnContentChanged(Object, Object)

SfView.ArrangeContent(Rect)

SfView.ArrangeOverride(Rect)

SfView.Children

SfView.ClipToBounds

SfView.GetSemanticsNodesCore(Double, Double)

SfView.IDrawableLayout.DrawingOrder

SfView.IDrawableLayout.InvalidateDrawable()

SfView.MeasureContent(Double, Double)

SfView.MeasureOverride(Double, Double)

SfView.OnBindingContextChanged()

SfView.OnHandlerChanged()

SfView.Padding

Namespace: Syncfusion.Maui.Backdrop

Assembly: Syncfusion.Maui.Backdrop.dll

Syntax

public class BackdropFrontLayer : BackdropLayerBase, IDrawableLayout, IDrawable, IAbsoluteLayout, ILayout, IView, IElement, ITransform, IContainer, IList<IView>, ICollection<IView>, IEnumerable<IView>, IEnumerable, ISafeAreaView, IPadding, ICrossPlatformLayout, IVisualTreeElement, ISemanticsProvider, IThemeElement

Examples

• XAML
• C#

<backdrop:SfBackdropPage 
                         ...
                         xmlns:backdrop="clr-namespace:Syncfusion.Maui.Backdrop;assembly=Syncfusion.Maui.Backdrop">

    <backdrop:SfBackdropPage.FrontLayer>
        <backdrop:BackdropFrontLayer EdgeShape="Curve"
                                     EnableSwiping="False"
                                     LeftCornerRadius="20"
                                     RightCornerRadius="20"
                                     RevealedHeight="70"
                                     >
            <StackLayout>
                <Label Text="Subheader"
                       Padding="10,0,0,0" 
                       VerticalTextAlignment="Center" 
                       HeightRequest="48"/>
            </StackLayout>
        </backdrop:BackdropFrontLayer>
    </backdrop:SfBackdropPage.FrontLayer>

</backdrop:SfBackdropPage>

Constructors

BackdropFrontLayer()

Declaration

public BackdropFrontLayer()

Fields

EdgeShapeProperty

Identifies the EdgeShape bindable property.

Declaration

public static readonly BindableProperty EdgeShapeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for EdgeShape bindable property.

EnableSwipingProperty

Identifies the EnableSwiping bindable property.

Declaration

public static readonly BindableProperty EnableSwipingProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for EnableSwiping bindable property.

LeftCornerRadiusProperty

Identifies the LeftCornerRadius bindable property.

Declaration

public static readonly BindableProperty LeftCornerRadiusProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for LeftCornerRadius bindable property.

RevealedHeightProperty

Identifies the RevealedHeight bindable property.

Declaration

public static readonly BindableProperty RevealedHeightProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for RevealedHeight bindable property.

RightCornerRadiusProperty

Identifies the RightCornerRadius bindable property.

Declaration

public static readonly BindableProperty RightCornerRadiusProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for RightCornerRadius bindable property.

Properties

EdgeShape

Gets or sets a value that indicates the edge mode of the front layout.

Declaration

public EdgeShape EdgeShape { get; set; }

Property Value

Type	Description
EdgeShape	The edge shape for front layer. The default value is Curve.

Examples

• XAML
• C#

<backdrop:SfBackdropPage 
                         ...
                         xmlns:backdrop="clr-namespace:Syncfusion.Maui.Backdrop;assembly=Syncfusion.Maui.Backdrop">

    <backdrop:SfBackdropPage.FrontLayer>
        <backdrop:BackdropFrontLayer EdgeShape="Flat">
            <StackLayout>
                <Label Text="Subheader"
                       Padding="10,0,0,0" 
                       VerticalTextAlignment="Center" 
                       HeightRequest="48"/>
            </StackLayout>
        </backdrop:BackdropFrontLayer>
    </backdrop:SfBackdropPage.FrontLayer>

</backdrop:SfBackdropPage>

EnableSwiping

Gets or sets a value indicating whether the front layout able to swipe.

Declaration

public bool EnableSwiping { get; set; }

Property Value

Type	Description
System.Boolean	true if swiping enabled; otherwise, false. The default value is true.

Examples

• XAML
• C#

<backdrop:SfBackdropPage 
                         ...
                         xmlns:backdrop="clr-namespace:Syncfusion.Maui.Backdrop;assembly=Syncfusion.Maui.Backdrop">

    <backdrop:SfBackdropPage.FrontLayer>
        <backdrop:BackdropFrontLayer EnableSwiping="False">
            <StackLayout>
                <Label Text="Subheader"
                       Padding="10,0,0,0" 
                       VerticalTextAlignment="Center" 
                       HeightRequest="48"/>
            </StackLayout>
        </backdrop:BackdropFrontLayer>
    </backdrop:SfBackdropPage.FrontLayer>

</backdrop:SfBackdropPage>

LeftCornerRadius

Gets or sets a value of top left corner radius for the front layer.

Declaration

public double LeftCornerRadius { get; set; }

Property Value

Type	Description
System.Double	The left corner radius for front layer. The default value is 16.

Examples

• XAML
• C#

<backdrop:SfBackdropPage 
                         ...
                         xmlns:backdrop="clr-namespace:Syncfusion.Maui.Backdrop;assembly=Syncfusion.Maui.Backdrop">

    <backdrop:SfBackdropPage.FrontLayer>
        <backdrop:BackdropFrontLayer LeftCornerRadius="20">
            <StackLayout>
                <Label Text="Subheader"
                       Padding="10,0,0,0" 
                       VerticalTextAlignment="Center" 
                       HeightRequest="48"/>
            </StackLayout>
        </backdrop:BackdropFrontLayer>
    </backdrop:SfBackdropPage.FrontLayer>

</backdrop:SfBackdropPage>

RevealedHeight

Gets or sets a height of the front layer when the back layer revealed.

Declaration

public double RevealedHeight { get; set; }

Property Value

Type	Description
System.Double	The front layer revealed height. The default value is 50.

Examples

• XAML
• C#

<backdrop:SfBackdropPage 
                         ...
                         xmlns:backdrop="clr-namespace:Syncfusion.Maui.Backdrop;assembly=Syncfusion.Maui.Backdrop">

    <backdrop:SfBackdropPage.FrontLayer>
        <backdrop:BackdropFrontLayer RevealedHeight="100">
            <StackLayout>
                <Label Text="Subheader"
                       Padding="10,0,0,0" 
                       VerticalTextAlignment="Center" 
                       HeightRequest="48"/>
            </StackLayout>
        </backdrop:BackdropFrontLayer>
    </backdrop:SfBackdropPage.FrontLayer>

</backdrop:SfBackdropPage>

RightCornerRadius

Gets or sets a value of top right corner radius for the front layer.

Declaration

public double RightCornerRadius { get; set; }

Property Value

Type	Description
System.Double	The right corner radius for front layer. The default value is 16.

Examples

• XAML
• C#

<backdrop:SfBackdropPage 
                         ...
                         xmlns:backdrop="clr-namespace:Syncfusion.Maui.Backdrop;assembly=Syncfusion.Maui.Backdrop">

    <backdrop:SfBackdropPage.FrontLayer>
        <backdrop:BackdropFrontLayer RightCornerRadius="20">
            <StackLayout>
                <Label Text="Subheader"
                       Padding="10,0,0,0" 
                       VerticalTextAlignment="Center" 
                       HeightRequest="48"/>
            </StackLayout>
        </backdrop:BackdropFrontLayer>
    </backdrop:SfBackdropPage.FrontLayer>

</backdrop:SfBackdropPage>

Methods

OnDraw(ICanvas, RectF)

To draw curve or flat edge shape.

Declaration

protected override void OnDraw(ICanvas canvas, RectF dirtyRect)

Parameters

Type	Name	Description
Microsoft.Maui.Graphics.ICanvas	canvas	The canvas.
Microsoft.Maui.Graphics.RectF	dirtyRect	The dirty rect.

Overrides

SfView.OnDraw(ICanvas, RectF)

Implements

IDrawableLayout

Microsoft.Maui.Graphics.IDrawable

Microsoft.Maui.IAbsoluteLayout

Microsoft.Maui.ILayout

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IContainer

System.Collections.Generic.IList<>

System.Collections.Generic.ICollection<>

System.Collections.Generic.IEnumerable<>

System.Collections.IEnumerable

Microsoft.Maui.ISafeAreaView

Microsoft.Maui.IPadding

Microsoft.Maui.ICrossPlatformLayout

Microsoft.Maui.IVisualTreeElement