All Projects → davidortinau → Flexibility

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.

Projects that are alternatives of or similar to Flexibility

Googleanalyticsforxamarinforms
Google Analytics Plugin for Xamarin Forms
Stars: ✭ 65 (-30.85%)
Mutual labels:  xamarin-forms
Xamarincommunitytoolkit
The Xamarin Community Toolkit is a collection of Animations, Behaviors, Converters, and Effects for mobile development with Xamarin.Forms. It simplifies and demonstrates common developer tasks building iOS, Android, and UWP apps with Xamarin.Forms.
Stars: ✭ 1,189 (+1164.89%)
Mutual labels:  xamarin-forms
Bottomtabbedpage Xamarin Forms
A page control for Xamarin.Forms to place tabs at the bottom.
Stars: ✭ 90 (-4.26%)
Mutual labels:  xamarin-forms
Inthehand.forms
Extras for Xamarin Forms including MediaElement
Stars: ✭ 68 (-27.66%)
Mutual labels:  xamarin-forms
Xamarin.plugins
Cross-platform Native API Access from Shared Code!
Stars: ✭ 1,176 (+1151.06%)
Mutual labels:  xamarin-forms
Faceoff
An iOS, Android and UWP app created in Xamarin.Forms that uses Microsoft's Cognitive Emotion API Services to compare facial expressions
Stars: ✭ 79 (-15.96%)
Mutual labels:  xamarin-forms
Enhancedentry
Extended Xamarin Forms Entry with custom behaviours.
Stars: ✭ 64 (-31.91%)
Mutual labels:  xamarin-forms
Interfacss
The CSS-inspired styling and layout framework for iOS
Stars: ✭ 92 (-2.13%)
Mutual labels:  stylesheets
Bss
🎨 Better Style Sheets
Stars: ✭ 72 (-23.4%)
Mutual labels:  stylesheets
Ffimageloading
Image loading, caching & transforming library for Xamarin and Windows
Stars: ✭ 1,288 (+1270.21%)
Mutual labels:  xamarin-forms
Elmish.calculator
Calculator written using Elmish.XamarinForms (full Elmish, no XAML)
Stars: ✭ 70 (-25.53%)
Mutual labels:  xamarin-forms
Furnitureshop3d
Xamrin.Forms UI Challenge
Stars: ✭ 71 (-24.47%)
Mutual labels:  xamarin-forms
Xamuidemo
Xamarin Forms Login Page UI Kit
Stars: ✭ 82 (-12.77%)
Mutual labels:  xamarin-forms
Xxamarin
Repositório com ✨ 141 Exemplos de Implementações e 📦 13 Pacotes de Xamarin
Stars: ✭ 68 (-27.66%)
Mutual labels:  xamarin-forms
Uncss
Remove unused styles from CSS
Stars: ✭ 9,170 (+9655.32%)
Mutual labels:  stylesheets
Hunt
Hunt is a virtual scavenger hunt app where players can join a game, select a team and solve hints to acquire treasure. The team with the most points wins.
Stars: ✭ 65 (-30.85%)
Mutual labels:  xamarin-forms
Photobrowser.forms
Full screen image viewer(Xamarin.Forms) that includes "pinch to zoom" and "swipe to dismiss" gestures.
Stars: ✭ 75 (-20.21%)
Mutual labels:  xamarin-forms
Mytripcountdown
Xamarin.Forms goodlooking UI sample
Stars: ✭ 94 (+0%)
Mutual labels:  xamarin-forms
Xam.plugin.simplebottomdrawer
Just a nice and simple BottomDrawer for your Xamarin Forms project
Stars: ✭ 92 (-2.13%)
Mutual labels:  xamarin-forms
Barcodescanner.xf
Barcode Scanner using GoogleVision API for Xamarin Form
Stars: ✭ 82 (-12.77%)
Mutual labels:  xamarin-forms

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].