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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

droid

ios

About

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.


Languages

Language:C# 99.5%Language:CSS 0.5%