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="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="Viand.AddItemPage"
	Title="Add Item">
	<ContentPage.ToolbarItems>
		<ToolbarItem Name="Save" />
	</ContentPage.ToolbarItems>
	<ContentPage.Content>
		<StackLayout Orientation="Vertical">
			<Entry></Entry>
			<StackLayout Orientation="Horizontal">
				<Label>Save to Add list</Label>
				<Switch IsToggled="true"></Switch>
			</StackLayout>
		</StackLayout>
	</ContentPage.Content>
</ContentPage>

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.