InvestmentDataSampleApp

Xamarin

InvestmentDataSampleApp

This sample app demonstrates the following new features in Xamarin.Forms:

CollectionView + RefreshView (iOS) UIModalPresentationStyle FormSheet CollectionView + RefreshView (Android) SwipeView (Android)
CollectionView + RefreshView Demo, iOS iOS Modal Page Demo CollectionView + RefreshView Demo, Android SwipeView Android

UI Design

This sample app was made to demonstrate how to port a Desktop App to a Mobile App. This project had an existing Desktop application. They provided us a mock up of their mobile app (see below) which did not follow iOS UI best-practices. We created a sample app to demonstrate how to adhere to mobile UI while still maintaining a workflow familiar to their desktop app.

This app utilizes a SQLite databse, MVVM, along with these Xamarin.Forms controls: Carousel Page, Search Bar, Picker, Grid, StackLayout, Navigation Page, ListView, ViewCell. It also shows how to tweak the UI to best appear on larger tablet screens. It also includes a Shake Listener, and will display a pop-up whenever the user shakes the device.

Original Desktop App Mockup

The customer provided us this wireframe as the initial design for their mobile application. Their goal was to replicate their existing desktop app . Original App Mockup

Sample App on iPhone

This is the sample app we provided as it appears on a phone iPhone Sample App

Visit original content creator repository https://github.com/TheCodeTraveler/InvestmentDataSampleApp

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *