Initial XAML for Add Item Screen

In less than an hour I was able to add a Forms ContentPage XAML to my Viand project by right clicking on the Viand project, selecting Add -> New File -> Forms -> Forms Content Page Xaml, and adding the XAML below to the screen.

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="" xmlns:x="" x:Class="Viand.AddItemPage"
	Title="Add Item">
		<ToolbarItem Name="Save" />
		<StackLayout Orientation="Vertical">
			<StackLayout Orientation="Horizontal">
				<Label>Save to Add list</Label>
				<Switch IsToggled="true"></Switch>

And here’s the iPhone and Android screens created from that XAML.

Viand-Add-Item-iOS-1  Viand-Add-Item-Android-1

Remaining tasks to finish this screen:

  • Display keyboard when screen is displayed; keep displayed when switch state changes
  • Change “Save to Add/Buy list” label based on switch state
  • Enabling Save function
  • Formatting screen elements
This entry was posted in Side Projects, Software Development and tagged , , , , , . Bookmark the permalink.