https://github.com/davidortinau/flexibility
Xamarin.Forms FlexLayout samples styled in a variety of ways: directly, XAML Styles, XAML Styles in a Resource Dictionary, CSS inline, and CSS loaded from a StyleSheet.
https://github.com/davidortinau/flexibility
css stylesheets visual-state-manager xamarin-forms
Last synced: over 1 year ago
JSON representation
Xamarin.Forms FlexLayout samples styled in a variety of ways: directly, XAML Styles, XAML Styles in a Resource Dictionary, CSS inline, and CSS loaded from a StyleSheet.
- Host: GitHub
- URL: https://github.com/davidortinau/flexibility
- Owner: davidortinau
- Created: 2018-03-15T03:17:21.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2021-02-02T03:21:56.000Z (over 5 years ago)
- Last Synced: 2025-02-27T10:35:39.397Z (over 1 year ago)
- Topics: css, stylesheets, visual-state-manager, xamarin-forms
- Language: C#
- Size: 11.3 MB
- Stars: 95
- Watchers: 10
- Forks: 32
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flexibility Sample App
A series of layout exercises to explore layouts that can be achieved with the new Flexbox inspired layout, aptly named FlexLayout. This layout doesn't replace all others, but is most appropriate for:
- promoting a flat, and thus more performant view hierarchy
- layouts that depend on spacing and distribution of content
- layouts that need to adapt to a variety of different screen dimentions
> FlexLayout and CSS require Xamarin.Forms 3.0.0+
I also styled each page with a slightly different method, including:
- direct styling
- XAML Style blocks
- XAML Styles loaded form a separate ResourceDictionary
- CSS loaded from a StyleSheet
- CSS in the XAML page
The LoginPage also demonstrates the new [VisualStateManager](https://github.com/xamarin/Xamarin.Forms/pull/1405).
