Card View¶
| Category | Requires | Version |
|---|---|---|
| Layout > General | API 21, Android 5.0 Lollipop | 4 |
Overview¶
A visible component that lets the user group other components as a Card.
Cards are panels with a set elevation and border radius, meant to draw the user''s attention to their content.
Events¶
Click¶
Event to detect that a user has done a simple "Click".
Long Click¶
Event to detect that a user has done a simple "Long click".
Touch Down¶
Event to detect that a user has done a simple touch down on the card.
Touch Up¶
Event to detect that a user has done a simple touch up on the card.
Properties¶
Align Horizontal¶
Number Default: 1 
Read Write - Designer Blocks
A number that encodes how contents of the arrangement are aligned horizontally. The choices are: 1 = left aligned, 2 = right aligned, 3 = horizontally centered. Alignment has no effect if the arrangement's width is automatic.
Align Vertical¶
Number Default: 1 Write - Designer Blocks
Property for AlignVertical
Background Color¶
Color Default: #FFFFFFFF Read Write - Designer Blocks
Specifies the card view background color.
Content Padding Bottom¶
Number Default: 8 Read Write - Designer Blocks
Sets the bottom padding between the card view edges and the children of CardView.
Content Padding Left¶
Number Default: 8 Read Write - Designer Blocks
Sets the left padding between the card view edges and the children of card view.
Content Padding Right¶
Number Default: 8 Read Write - Designer Blocks
Sets the right padding between the card view edges and the children of card view.
Content Padding Top¶
Number Default: 8 Read Write - Designer Blocks
Sets the top padding between the card view edges and the children of card view.
Corner Radius¶
Number Default: 2 Read Write - Designer Blocks
The corner radius from the card view.
Elevation¶
Number Default: 2 Read Write - Designer Blocks
The card view elevation value.
Full Clickable¶
Boolean Default: False Read Write - Designer Blocks
If set to true, the card will consume all click events. This means if you have added as example buttons into the card, then will the card consume the touch event on the button. And this means that the button would not be clickable, but only the entire card.
Height¶
Number Read Write - Blocks
Specifies the component's vertical height, measured in pixels.
Height Percent¶
Number Write - Blocks
Specifies the component's vertical height as a percentageof the height of its parent Component.
Stroke Color¶
Color Default: #CCCCCCFF Read Write - Designer Blocks
The stroke color for the card view.
Stroke Width¶
Number Default: 0 Read Write - Designer Blocks
The stroke width for the card view.
Touch Color¶
Available as Advanced Property
Color Default: #CCCCCCFF Write - Designer
Set the touch color also known as ripple color to the card view component.
Visible¶
Boolean Default: True Read Write - Designer Blocks
Returns true iff the component is visible.
Width¶
Number Read Write - Blocks
Specifies the component's horizontal width, measured in pixels.
Width Percent¶
Number Write - Blocks
Specifies the component's horizontal width as a percentageof the Width of its parent Component.