Deep Dive into the Quick Start of Xamarin.Forms Multiscreen

How to expand the Xamarin.Forms Phoneword to a Multiscreen App:

  1. Add a new ContentPage XAML, CallHistoryPage, as the second page. ListView of the called phone numbers are programmed in the StackLayout of the CallHistoryPage.xaml to show the numbers list in the second page.
  2. Modify App.xaml.cs as below:
    1. In multiscreen App, NavigationPage class manages the stack of Page objects. So, to show MainPage firstly after launching the App, modify “MainPage = new MainPage();” to “MainPage = new NavigationPage(new MainPage());”.
    2. To display and interact with the phone number data, some code about Data Binding are added in this file. Those are a little bit difficult to understand for me, so I will study them more deeply later.
  3. Add the OnCallHistory button to move the CallHistoryPage in the MainPage.xaml.
  4. Add some code with PushAsync method of NavigationPage class in MainPage.xaml.cs to move the CallHistoryPage when OnCallHistory button is tapped.

コメント

コメントを投稿

このブログの人気の投稿

Get the Color Code from an Image Pixel

イメージ
Keywords:  Xamarin.Forms, Image Class, Pan Gesture, Pinch Gesture, SkiaSharp, SKBitmap, SKBitmp.GetPixel, Slider I developed an App to easily get the color code from a image pixel, because when I found an App with good coloring sense, I wanted to know some color codes in the App.  Getting the color from image is very common function, and there are many Apps and Webs.  But I wanted to make it by myself, I wanted to learn image data handling in Xamarin.Forms, so I have tried to do it anyway. The screenshot just after launching this App (left), a screenshot (middle) when the image is dragged by Pan Gesture, and a screenshot (right) when the image is scaled by Pinch Gesture.  You can see a figure like a rifle sight.  The color code of the pixel on the center of the figure are shown below the image. MainPage.xaml <? xml  version = " 1.0 "  encoding = " UTF-8 " ?> < ContentPage   xmlns = " http://xamarin.com/schemas/2014/forms "       
続きを読む

PCL Storage (1)

イメージ
In the sample programs of  ListView (1) and (2) , new book titles can be added to the book list, so I naturally wanted to build the new function to save the book list. I found that there are some ways to save data processed in App. Store data in Cloud, such as Azure and OneDrive Link with Web service Use local SQLite database Use the file system plugin, PCL Storage Dictionary Properties(?) Cloud or Web service is the best choice to save various type of data, but it will be necessary to save data in device. So, firstly, I started to study PCL Storage. MainPage.xaml <? xml  version = " 1.0 "  encoding = " UTF-8 " ?> < TabbedPage   xmlns = " http://xamarin.com/schemas/2014/forms "            xmlns : x = " http://schemas.microsoft.com/winfx/2009/xaml "            xmlns : local = " clr-namespace:PCLStrg;assembly=PCLStrg "            x : Class = " PCLStrg.MainPage " >      <!--  1st tabbed pag
続きを読む

Prolog Interpreter

イメージ
Keywords: Xamarin.Forms, Prolog, C#Prolog, CSProlog, PCL Storage, Command Prompt I didn't update this blog for a while, but I came to want to enjoy Prolog programming and I re-started application development.  First of all, I post an application, Prolog Interpreter, that I almost developed before.  The Prolog Interpreter App has been developed with a Xamarin Library, CSProlog, based on the Command Prompt App that I posted before. The source code is here . Since MainPage.xaml, MainPage.xaml.cs, ComInterpreter.cs, CommandExecute.cs, PCLStorage.cs are the same as the ones in Command Prompt App , I skip their description and introduce Prolog.cs beriefly below. I developed Prolog.cs with reference to some sample programs.  Obviously, one of the NuGet packages, CSProlog, are added to this project. Prolog.cs //using System.Text; //#define SystemIO #define PCLStorage // #define iOS using System.Collections.Generic; using System.Linq; #if SystemIO     using Sy
続きを読む