YAML Cheat Sheet Edit Cheat Sheet Links. YAML 1.2 Spec; Online YAML Linter (Ruby) Online YAML Parser (Python) kwalify - YAML schema validator (Ruby). Download this handy cheat sheet of top mobile app controls to help you speak each device platform’s language, and make sure to check out our Xamarin.Forms Control Gallery for an in-depth look at pages, layouts, views and cells used to build Xamarin.Forms user interfaces.
Xamarin released a great cheat sheet over a year ago if you were going from Android to iOS to Windows Phone. It is great but doesn’t help if you are using Xamarin Forms because they have an entire different set of terminology for their controls. While it doesn’t take long to memorize them, for new starters here is a quick cheat sheet for Xamarin Forms.
Wpf Binding Cheat Sheet
iOS | Android | Windows Phone | Xamarin Forms | |
---|---|---|---|---|
Alerts | UIAlertView | AlertDialog | MessageBox | DisplayAlert |
Buttons | UIButton | Button | Button | Button |
Date Pickers | UIDatePicker | DatePickerDialog | DatePicker | DatePicker |
Grid | UICollectionView | GridView | LongListSelector | ListView |
Images | UIImageView | ImageView | Image | Image |
Labels | UILabel | TextView | TextBlock | Label |
Maps | MKMapView | GoogleMap | Map | maps:Map |
Pickers | UIPicker | Spinner | ListPicker | Picker |
Progress Bars | UIProgressView | ProgressBar | ProgressBar | ProgressBar |
Scroll Views | UIScrollView | ScrollView | ScrollViewer | ScollView |
Search Bars | UISearchBar | SearchView | PhoneTextBox | SearchBar |
Sliders | UISlider | SeekBar | Slider | Slider |
Switches | UISwitch | Switch | ToggleSwitch | Switch |
Tables | UITableView | ListView | LongListSelector | TableView or ListView |
Tabs | UITabBar | ActionBar Tabs | Pivot | TabbedPage |
Text Entries | UITextField | EditText | TextBox | Entry |
Time Pickers | UITimePicker | TimePickerDialog | TimePicker | TimePicker |
Web Browser | UIWebView | WebView | WebBrowser | WebView |
How to Use in XAML
The easiest way to use the Segoe MDL2 (Microsoft Design Language 2.0) Assets font is with the
TextBlock
element.Xaml Comment Syntax
Some icons are broken into multiple icons and can be overlapped.
Creating Custom Glyphs
All glyphs in the font are produced on a 16x16 grid (a few toward the end are 32x16). These are all vector based so each pixel space could be comprised of more details when they are scaled. For example the keyboard has rounded edges.
Other Resources
Wpf Xaml Cheat Sheet
Guidelines for Segoe MDL2 icons - MSDN
Segoe MDL2 Assets - XAML / CS Lists - Scott Lovegrove
Hamburger Menu Overview - Jerry Nixon