Xamarin.Forms-CardView
ATTENTION - ALERT
This package is not currently under maintenance due to heavy workload on my part. If you feel there's an error or bug somewhere and you can fix it, feel free to contribute. I'll be more than happy to accept them. Thank you.
A Package to create a CardView using Xamarin.Forms that works on the three platforms (Android, iOS, UWP) It is simple to use in a straight forward fashion. You may either use it in C#, or in XAML.
To Install this nuget package (.Net Framework):
PM> Install-Package XamarinForms.CardView
To Install package (.Net Standard 2.0)
PM> Install-Package XamarinForms.CardView.NetStandard
CardView Bindable Properties
Property | Property Name | Property Type | Usage | Default Value |
---|---|---|---|---|
CardViewContentProperty | CardViewContent | View | CardView Content | None |
CardViewHeightRequestProperty | CardViewHeightRequest | double | Height Request | -1 |
CardViewOutlineColorProperty | CardViewOutlineColor | Color | Outline Color | Transparent |
CardViewInnerFrameOutlineColorProperty | CardViewInnerFrameOutlineColor | Color | Inner OutlineColor | Transparent |
CardViewOutlineColorThicknessProperty | CardViewOutlineColorThickness | Thickness | OutlineColor Thickness | 0 |
CardViewInnerFrameOutlineColorThicknessProperty | CardViewInnerFrameOutlineColorThickness | Thickness | Inner OutlineColor Thickness | 0 |
CardViewHasShadowProperty | CardViewHasShadow | bool | Card View Shadow | false |
IsSwipeToClearEnabledProperty | IsSwipeToClearEnabled | bool | Enable to clear Content With a Swipe | false |
CardViewHorizontalOptionsProperty | CardViewHorizontalOptions | LayoutOptions | Set Card View Horisontal Options | Start |
CardViewContent Example:
<CardView>
<CardView.CardViewContent>
<StackLayout>
<Label Text="Label inside StackLayout forming the CardViewContent"></Label>
</StackLayout>
</CardView.CardViewContent>
</CardView>
CardViewHeightRequest Example:
<cardView:CardView CardViewHeightRequest="100">
<cardView:CardView.CardViewContent>
<StackLayout>
<Label Text="I have 100 Height"></Label>
</StackLayout>
</cardView:CardView.CardViewContent>
</cardView:CardView>
CardViewOutlineColor Example:
<cardView:CardView CardViewHeightRequest="100" CardViewOutlineColor="Black" CardViewOutlineColorThickness="2">
<cardView:CardView.CardViewContent>
<StackLayout BackgroundColor="White">
<Label Text="I have 100 HeightRequest, and a black outline color"></Label>
</StackLayout>
</cardView:CardView.CardViewContent>
</cardView:CardView>
CardViewInnerFrameOutlineColor Example:
<cardView:CardView CardViewHeightRequest="100" CardViewOutlineColor="Black" CardViewOutlineColorThickness="2"
CardViewInnerFrameOutlineColor="Aqua" CardViewInnerFrameOutlineColorThickness="2">
<cardView:CardView.CardViewContent>
<StackLayout BackgroundColor="White">
<Label Text="I have 100 Height, and a black outline color, and an inline outline color Aqua"></Label>
</StackLayout>
</cardView:CardView.CardViewContent>
</cardView:CardView>
CardViewHasShadow Example:
<cardView:CardView CardViewHeightRequest="100" CardViewOutlineColor="Gray" CardViewOutlineColorThickness="2" CardViewHasShadow="True">
<cardView:CardView.CardViewContent>
<StackLayout BackgroundColor="White">
<Label Text="Gray Outline Color with Shadow"></Label>
</StackLayout>
</cardView:CardView.CardViewContent>
</cardView:CardView>
IsSwipeToClearEnabled Example:
<cardView:CardView CardViewHeightRequest="100" CardViewOutlineColor="Gray" CardViewOutlineColorThickness="2" CardViewHasShadow="True"
IsSwipeToClearEnabled="True">
<cardView:CardView.CardViewContent>
<StackLayout BackgroundColor="White">
<Label Text="Swipe me and I will go away"></Label>
</StackLayout>
</cardView:CardView.CardViewContent>
</cardView:CardView>