Styled View
Last updated
Last updated
⚙️ Powered by Rock RMS
Inherits from PancakeView
Ever wished you could make your layouts do... more? A little more pizzazz, a little more wow factor, a little more... style. This view lets you do just that. Most of it's functionality centers on borders and what you can do with them. However, it's not just about adding a border. Because you can do that now. The power really comes when you start to apply things like corner radius to individual corners, add gradients to your border color, gradient background colors, and much more.
Property
Type
Description
BackgroundGradientAngle
int
A value between 0-360 to define the angle of the background gradient.
BackgroundGradientStartColor
The start color of the background gradient.
BackgroundGradientEndColor
The end color of the background gradient.
BackgroundGradientStops
A list of GradientStop objects that define a multi color background gradient.
BorderColor
The color of the border.
BorderGradientAngle
int
A value between 0-360 to define the angle of the border gradient.
BorderGradientStartColor
The start color of the border gradient.
BorderGradientEndColor
The end color of the border gradient.
BorderGradientStops
A list of GradientStop objects that define a multi color border gradient.
BorderIsDashed
boolean
Whether or not the border needs to be dashed.
BorderThickness
float
The thickness of the border.
CornerRadius
CornerRadius
The radius of each of the four corners. Specified as "topLeft,topRight,bottomLeft,bottomRight".
HasShadow
bool
Whether or not to draw a shadow beneath the control. Note: For this to work we need to clip the view. This means that individual corner radii will be lost. In this case the TopLeft value will be used for all corners.
Elevation
int
The Material Design elevation desired. Note: For this to work we need to clip the view. This means that individual corner radii will be lost. In this case the TopLeft value will be used for all corners.
OffsetAngle
double
The rotation of the StyledView when Sides
is not its default value of 4.
Sides
int
The number of sides to the shape. Default is 4.
Property
Type
Description
Color
The color to use for this segment of the gradient.
Offset
float
Value between 0 and 1 that specifies the stop point offset.
This can be applied to more than StyledViews: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/brushes/lineargradient
[]
[]