
<h2>A simple memo for deploying xamarin mobile app to Google Play Store</h2>
<h3>First, prepare following</h3>
<ul>
  <li>
    Create account at Google Play Console, you have to register as Android
    developer, pay $25 yearly.
  </li>
  <li>
    Following build, deploy are assume you're using your local machine as build
    and delopyment.
  </li>
  <li>Make sure you app is ready and able to deploy to app store.</li>
  <li>Assume you're using PC</li>
</ul>
<h3>Quick step to deploy to Google Play store.</h3>
<ol>
  <li>Right click Xamarin's Android project.</li>
  <li>
    Click Archive, which will build new version of archive and store all build
    files under your current PC.
  </li>
  <ol>
    <li>
      Following is the sample location which Android will store all the Archive
      build files include APK file.
    </li>
    <li>
      C:\Users\{YourLoginUserName}\AppData\Local\Xamarin\Mono for
      Android\Archives
    </li>
  </ol>
  <li>If you want to use existing Archive, then select the view Archieve.</li>
  <li>Selec&nbsp; Archive</li>
  <li>Select Disctribute, choose either AdHoc or Google Play</li>
  <ol>
    <li>
      If you want to upload your app to Google Play as Aplha, Beta or Production
      version, select Google Play
    </li>
  </ol>
  <li>Select Identity, if don't have one you need to create one.</li>
  <ol>
    <li>
      This is Android Keystore, very important, might be better to create backup
      file or backup password.
    </li>
    <li>
      If you loss the Android Keystore used for Google Play, you can't upload...
      you might end up create another version of your app by using different
      Android Keystore.
    </li>
    <li>So, backup keystore and password for Google Play.</li>
  </ol>
  <li>Click next, will generate build file and APK under follwoing location</li>
  <ol>
    <li>
      C:\Users\{YourLoginUserName}\AppData\Local\Xamarin\Mono for
      Android\Archives
    </li>
  </ol>
  <li>Login to Google Play Console</li>
  <li>Assume you're already create your app.</li>
  <li>
    Select you app, go to release's Aplha, submit your apk. Once sumit, opt-in
    url will showing and you can share the url for tester.
  </li>
  <ol>
    <li>
      https://play.google.com/apps/testing/{your app identity name, like
      com.yourid.yourapp}
    </li>
    <li>
      Your tester must be login as the register tester email account and try to
      download the app
    </li>
  </ol>
  <li>Upload to Beta</li>
  <ol>
    <li>once Aplha is done, at the Aplha page select Release to Beta.</li>
    <li>select Review at Beta page.</li>
    <li>select Start Rollout To Beta at Beta page.</li>
    <li>opt-in url will be the same as Alpha</li>
    <li>
      https://play.google.com/apps/testing/{your app identity name, like
      com.yourid.yourapp}
    </li>
    <li>once upgrae to beta, Aplha version is gone.</li>
  </ol>
  <li>Production release</li>
  <ol>
    <li>select Release to Production at Beta page.</li>
    <li>click Review at Beta Page.</li>
    <li>
      click Start Rollout to Production if want to deploy google play store.
    </li>
    <li>
      wait for Google Play's review, once finish should get notification
      message. (could be short as couple minutest to hours)
    </li>
  </ol>
</ol>
<h3>
  That's all the step if you use your development PC to release xamarin app to
  Google Play Store.
</h3>


How to deploy mobile app to Google Play Store with Xamarin.

Deploy Mobile App to Google Play Store with Xamarin


<h2>Xamarin Components</h2>
<p>
  <a href="https://github.com/xamarin/XamarinComponents" target="_blank"
    >Open Source Components for Xamarin</a
  >, has lots components for iOS and android or windows, such as Barcode
  Scanner, Bluetooth LE, Device Info, Fingerprint, Geolocator, Media. All these
  components are very helpful, if you choose to build your own then you have to
  imprement DependencyService, create interface at PCL project and imprement at
  each device, which is a lots work.
</p>
<p>
  Few things I think they need to improve are, more detail dodumentation, most
  of them has document and sample code, but sometime it's also what's dependency
  should I do if I use this library, such as registered google API, registerd
  Firebase to create a project.
</p>
<h2>Xamarin Samples</h2>
<p>
  <a href="https://developer.xamarin.com/samples-all/" target="_blank"
    >Xamarin Samples</a
  >, you can find lots of example from Xamarin.
</p>
<h2>Awesome-Xamarin</h2>
<p>
  &nbsp;<a
    href="https://github.com/benoitjadinon/awesome-xamarin"
    target="_blank"
    >Awesome-xamarin [Github]</a
  >, this github has lots useful information relative with Xamarin.Form.
</p>


Get Start with Xamarin.Form


<h2>Simple Guide to get start with Xamarin on PC</h2>
<p>
  Xamarin could access almost all the native iOS or android API, and it's able
  to build with C# by drop controls like old windows forms, or you could build
  WebView by use the cshtml, which you can add js, html inside the Xamarin. This
  blog demo how to get start with Xamarin.
</p>
<p><strong>Requirement</strong></p>
<ul>
  <li><strong>Visual Studio 2015 (Windows)</strong></li>
</ul>
<p>
  By Default, visula studio 2015 already contains Xamarin, but once when you try
  to create Xamarin project, it will ask you to download following software.
</p>
<ul>
  <li>Android SDK</li>
  <ul>
    <li>
      For running android, but it's better you also install the Android Studio,
      or Java SDK, Android Studio could build your app as APK file for deploy to
      android store and Java SDK is for android to build APK file.
    </li>
  </ul>
  <li>Xamarin</li>
  <li>Xamarin Profiler</li>
  <li>Xamarin Workbooks Inspector</li>
  <li>Remoted iOS Simulator</li>
  <ul>
    <li>Althought you install this but you will need iOS.</li>
  </ul>
</ul>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_bcrpp7tw7.png"
    alt=""
  />
</p>
<p>
  You don't have to do anything, but just click continue to download all these.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_jvbyzvhf0.png"
    alt=""
  />
</p>
<h5>
  If you developer are more familar with C#, visual studio and your app might
  want to consume as much as possible native API, then it might be good idea to
  use Xamarin because you can stay on C# and visual studio. However, if you're
  familar with Javascript and want to build hybrid app, create once deploy to
  everywhere, you don't have to access all the native API, you might want to
  try, <code>Phonegap</code>, <code>React Native</code>, <code>lonic</code>,
  React Native is use react.js, ionic is angular2, phonegap is just js, so you
  would use any javascript, they all use node.js backend for build process.
</h5>
<p><strong>References</strong></p>
<ul>
  <li>
    <strong
      ><a
        href="http://www.colbylwilliams.com/2016/09/27/xamarin-vs-native.html"
        target="_blank"
        >Xamarin vs Native</a
      ></strong
    >
  </li>
  <li>
    <strong
      ><a
        href="https://www.adobe.com/devnet/archive/html5/articles/getting-started-with-phonegap-in-xcode-for-ios.html"
        target="_blank"
        >Phonegap with iOS xCode</a
      ></strong
    >
  </li>
</ul>


Simple Guide to getting started with Xamarin on PC.

Get Start with Xamarin for iOS, Android and Windows App


<h2>Build and Distribute xamarin app with mobile center</h2>
<p>
  Following method is good for team mobile development, which you want whenever
  developer check-in have build to tell is either success or failed, also when
  developer getting latest they can get successfully build file. QA, tester can
  get latest APK whenever there's check-in and notifiy by email.
</p>
<p>
  This blog is shows how to use mobile center to manage Xamarin Build. The
  technology stacks are following. Mobile center contains Crashs and Analytics
  reports, Build, Test and Destribute. It is a center place for you to manage
  mobile application. It's support Android and iOS for now and will support
  windows in the future. Also, it's not only for Microsoft Xamarin, it's target
  for other mobile platiform, native, reactive native and phonegap app.
</p>
<p>
  This blog is just shows if you're using Visual studio to build Xamarin
  (Android or iOS) at windows, use visual studio TFS's Git as source control and
  want to build solution under mobile center.
</p>
<ul>
  <li>Mobile Center</li>
  <li>Visual studio</li>
  <li>Xamarin</li>
  <li>Git</li>
</ul>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_knaoy2ula.png"
    alt="mobile center"
  />
</p>
<h2>1. Make sure your code is connect to following source control service.</h2>
<p>
  You can choose, Github, Bitbucket or Visual Studio Team Services, which Visual
  Studio Team Serive is private and unlimit to host. Howeve mobile center only
  available for Git project.
</p>
<p>
  How to use Git is not part of this blog, but basically, once you'll have to
  clone the git repository at your local. WHen you make changes commit will to
  be your local git first, if you want to move to git server, push to master
  branch.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_6i7nklpv2.png"
    alt=""
  />
</p>
<p>&nbsp;</p>
<h2>2. setup Branch and create build definition</h2>
<ul>
  <li>Select project to build</li>
  <li>Choose either Debug or Release mode to build</li>
  <li>
    Choose build the project whenever check-in to Git TFS Service or manully
    build it.
  </li>
  <li>
    Sign Builds, if you wish to build with your sign certificate, you can upload
    keystore file and enter password
  </li>
  <li>Test on Real device</li>
  <li>Distribute builds</li>
  <ul>
    <li>
      Distribute Builds if you want to send email to whoever to download
      successfully build APK files. This is good for team enviroment, each
      check-in will build the latest code and if success then generate new apk
      and distribute to the testers.
    </li>
  </ul>
</ul>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_8vyin4p58.png"
    alt=""
  />
</p>


This blog is shows how to use mobile center to manage Xamarin Build.

Use Mobile Center to Build


<h2>Microsoft Mobile Center</h2>
<p>
  Mobile Center bring multiple service into single web based platform for
  developer, marketing person, manager. You can build, test, distribute and
  monitor app's analytics and crash report data, so far it's support Native
  Android, Native iOS, React Native and Xamarin SDK.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_w3xroryfu.png"
    alt="Mobile Center - Microsoft"
  />
</p>
<h3>How to use Mobile Center with Xamarin.Form</h3>
<h4>Register via https://mobile.azure.com</h4>
<p>
  Create your account and once login create apps for Android or iOS, at this
  point (4/15/2017) they don't have support for window yet, but based on their
  product Roadmap will do in the future. When create apps you will get app
  secret, add to your <code>app's OnStart() method</code>, app class should be
  inherit from <code>Xamarin.Forms.Application</code>. So following are the code
  you need to add.
</p>
<h6>Add nuget to Xamarin.Form project</h6>
<pre class="language-xml">
  &lt;package id="Microsoft.Azure.Mobile" version="0.7.0" targetFramework="portable45-net45+win8+wpa81" /&gt;
  &lt;package id="Microsoft.Azure.Mobile.Analytics" version="0.7.0" targetFramework="portable45-net45+win8+wpa81" /&gt;
  &lt;package id="Microsoft.Azure.Mobile.Crashes" version="0.7.0" targetFramework="portable45-net45+win8+wpa81" /&gt;
</pre>
<h6>Add code to Xamarin.Form app's onStart method</h6>
<pre class="language-csharp">
      MobileCenter.Start("ios={Your iOS app secret created at mobile center portal.};" +
                   "android={Your android app secret created at mobile center portal.};",
                   typeof(Analytics), typeof(Crashes));
</pre>
<p>
  Just adding nuget to Xamarin.Form porject and code, you might see following
  error on debug window. So you'll have to add nuget to Xamarin.Form's Android
  and iOS projects too.
</p>
<p>
  <strong>
    [0:] [MobileCenter] ASSERT: Cannot use Mobile Center on this target. If you
    are on Android or iOS, you must add the NuGet packages in the Android and
    iOS projects as well. Other targets such as Universal Windows Applications
    are not yet supported.
  </strong>
</p>
<p><strong>In Summary, to use Mobile Center at Xamarin.Form</strong></p>
<ol>
  <li><strong>Create account at https://mobile.azure.com</strong></li>
  <li><strong>Create an App for Android and an App for iOS</strong></li>
  <li>
    <strong
      >Add Nuget Package, Microsoft.Azure.Mobile,
      Microsoft.Azure.Mobile.Analytics,</strong
    ><strong
      >, Microsoft.Azure.Mobile.Crashes to Xamarin.Form, Android and iOS
      projects.<br
    /></strong>
  </li>
  <li><strong>Add Mobile Center start code at App.xaml.cs</strong></li>
  <li>
    <strong
      >Should see analytic data by run app on either emulator or actual
      device.</strong
    >
  </li>
</ol>
<h4>Reference</h4>
<ul>
  <li>
    <a href="https://docs.microsoft.com/en-us/mobile-center/" target="_blank"
      >About Mobile Center</a
    >
  </li>
  <li>
    <a
      href="https://docs.microsoft.com/en-us/mobile-center/general/roadmap"
      target="_blank"
      >Mobile Center Product Roadmap</a
    >
  </li>
  <li>
    <a
      href="https://docs.microsoft.com/en-us/mobile-center/general/pricing"
      target="_blank"
      >Mobile Center Pricing</a
    >
  </li>
</ul>
<p>&nbsp;</p>


Use Mobile Azure Center for Mobile Analytic Crash Reports and More


<p>
  I want to save my anroid, iOS app's information to local device with SQLite at
  Xamarin.Form. This blog provides how to set up an Enviroment to use SQLite.
</p>
<h2>Install Nuget package for SQLite</h2>
<p>
  Install nuget package <code>SQLite.Net-PCL</code>, Xamarin.Form, Android and
  iOS projects. Also, when run the previous <code>SQLite.Net-PCL</code> will
  install <code>SQLite.Net.Core-PCL</code> as well.
</p>
<pre
  class="language-csharp"
><code>&lt;package id="SQLite.Net.Core-PCL" version="3.1.1" targetFramework="monoandroid71" /&gt;
  &lt;package id="SQLite.Net-PCL" version="3.1.1" targetFramework="monoandroid71" /&gt;
</code></pre>
<h2>Xamarin Form Project's shared Interface</h2>
<p>
  First, let's define the interface at Xamarin Form project, so we could use
  dependency Service to implement device specific logic. At following example,
  we want to get the SQLiteConnection, however Android and iOS are different to
  setup the SQLiteConnection.
</p>
<pre class="language-csharp"><code>using SQLite.Net;

namespace YourXamarinFormProject.Interfaces
{
    public interface IDatabaseConnection
    {
       SQLiteConnection DbConnection();
    }
}

</code></pre>
<h2>Xamarin Android code for SQLite</h2>
<p>
  This code is just getting create SQLite connection at Xamarin Android by using
  Xmarin's DependencyService.
</p>
<pre class="language-csharp"><code>using YourXamarinAndroidApp ;
using SQLite.Net;
using System.IO;

[assembly: Xamarin.Forms.Dependency(typeof(DatabaseConnectionService))]
namespace YourXamarinAndroidApp .Services
{
    public class DatabaseConnectionService : IDatabaseConnection
    {
        public SQLiteConnection DbConnection()
        {
            var dbName = DbConst.SQLITE_DB_NAME;
            var path = Path.Combine(System.Environment.GetFolderPath(System.Environment.SpecialFolder.Personal), dbName);
            return new SQLiteConnection(new SQLite.Net.Platform.XamarinAndroid.SQLitePlatformAndroid(), path);
        }
    }
}
</code></pre>
<h2>Xamarin iOS code for SQLite</h2>
<p>
  This code is just getting create SQLite connection at Xamarin iOS by using
  Xmarin's DependencyService.
</p>
<pre class="language-csharp"><code>using YouXamariniOSProject;
using SQLite.Net;
using System;
using System.IO;

[assembly: Xamarin.Forms.Dependency(typeof(DatabaseConnectionService))]
namespace YouXamariniOSProject.Services
{
    public class DatabaseConnectionService : IDatabaseConnection
    {
        public SQLiteConnection DbConnection()
        {
            var dbName = DbConst.SQLITE_DB_NAME;
            string personalFolder = System.Environment.GetFolderPath(Environment.SpecialFolder.Personal);
            string libraryFolder = Path.Combine(personalFolder, "..", "Library");
            var path = Path.Combine(libraryFolder, dbName);
            return new SQLiteConnection(new SQLite.Net.Platform.XamarinIOS.SQLitePlatformIOS(), path);
        }
    }
}
</code></pre>
<h2>Use SQLite at Xamarin.Form project</h2>
<p>&nbsp;</p>
<pre class="language-csharp"><code>public class YouModelToSaveToSQLite
{
        [PrimaryKey, AutoIncrement]
        public int Id { get; set; }
        public double Price { get; set; }
}
// create table
_db = DependencyService.Get().DbConnection();
db.CreateTable();

// insert the table
_db.Insert(YouModelToSaveToSQLite);

// delete all
_db.DeleteAll();

// get all records
_db.Table().ToList();
</code></pre>
<h3>Reference Sites</h3>
<ul>
  <li>
    <a
      href="https://components.xamarin.com/gettingstarted/sqlite-net"
      target="_blank"
      rel="noopener"
      >SQLite-net Components</a
    >
  </li>
  <li>
    <a
      href="https://developer.xamarin.com/recipes/android/data/databases/sqlite-component/"
      target="_blank"
      rel="noopener"
      >sqlite-component</a
    >
  </li>
  <li>
    <a
      href="https://developer.xamarin.com/guides/ios/application_fundamentals/data/part_3_using_sqlite_orm/"
      target="_blank"
      rel="noopener"
      >https://developer.xamarin.com/guides/ios/application_fundamentals/data/part_3_using_sqlite_orm/</a
    >
  </li>
  <li>
    <a
      href="https://msdn.microsoft.com/en-us/magazine/mt736454.aspx"
      target="_blank"
      rel="noopener"
      >https://msdn.microsoft.com/en-us/magazine/mt736454.aspx</a
    >
  </li>
</ul>


This blog provides how to set up an Environment to use SQLite.

Use Sqllite at Xamarin.Form


<h2>Better Practice</h2>
<p>
  Yeah, hard to be the best, I think depend on the Enviroment or what you try to
  build the Practice of how to build Xamarin might end up differently.
</p>
<h3>
  <strong>avoid use <code>x:Name=</code> at the control</strong>
</h3>
<p>
  It's better to use Xamarin's MVVM model to bind value to the UI, so you don't
  have dependency of UI and backend Model. For instance, if you have x:Name on
  your XAML, you C# side is using that name, then if you just remove the entire
  XAML section and replace the new one, build failed. Your XAML is tired to the
  XAML.cs code.
</p>
<pre class="language-xml">
  &lt;Entry x:Name="MyName" Text="{Binding MyNameAtModel, Mode=TwoWay}" Placeholder="My Name is" Keyboard="Text"&gt;
                                &lt;/Entry&gt;
</pre>
<h3>Use <code>CachingStrategy="RecycleElement"</code> for ListView</h3>
<p>
  Use RecycleElement for ListView's CachingStrategy, this is better performance.
</p>
<pre>
    &lt;ListView CachingStrategy="RecycleElement" 
                              &gt;
</pre>


Few Xamarin Better Practice Tips


<h2>Issue : build visual studio solution show following error message.</h2>
<h4>
  Look like you might set invalid name at visual studio for android project,
  example senario is, I have change <code>@string/MyAppName</code> this at
  Android project file, and get following error, however if I change the name to
  <code>LoanCalc</code> at project file's application name, build is fine.
</h4>
<p>
  This example and fix was happened at Xamarin 4.4, Xamarin.Android 7.2.07,
  Xamarin.iOS 10.8.0.174 at windows 10.
</p>
<pre>
The file "obj\Debug\android\bin\packaged_resources" does not exist.
</pre>


Xamarin Troubleshooting Tip


<h1>Setup Xamarin</h1>
<p>
  If you want to build app for iOS, android and windows and still want to use C#
  and Visual Studio, also want to use maximum native API as possible, then
  Xamarin could be a very good choice for you.
</p>
<p>
  Well, that's the good part, however at 2017 right now, I think use Xamarin,
  you have to do lots research, check example apps, check documentation, but
  lots of documentation of describe certain technology is not very clear, end up
  like regular code comment, just describe what's the class, member and lacking
  the actual example.
</p>
<p>
  However, again, C#, visual studio able to use iOS simulator (Required Mac) are
  very good point. If you're mainly backend, C# developer not much known about
  front-end, go with Xamarin, but if you're ok with front-end technology, CSS,
  Javascript, Html, you could try Phonegap, which so far just a shell build
  js/html inside native app, or iOnic(angular2), or I would say try the React
  Native, which it will compile React Native to native Android and iOS.
</p>
<p>
  This blog shows how to setup Xamarin on Windows, first this example is based
  on windows 10 and use visaul studio 2015.
</p>
<h3>Xamarin download on Visual Studio 2015</h3>
<p>
  After you installed Visual Studio 2015, and create Xamarin project, you'll see
  following page, GetXamarin.xambe, click the
  <code>Download Xamarin</code> link to redirect to the actual download site to
  start download Xamarin.
</p>
<p>
  <img
    class="img-responsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1486752044/fpf98pbyunu66rec477q.png"
    alt=""
    width="924"
    height="638"
  />
</p>
<h3>Register Xamarin</h3>
<p>
  Download Xamarin required you to register, just put whatever name or company,
  put your actual email if you want to receive news letter or information from
  Xamarin.
</p>
<p>
  <img
    class="img-responsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1486752044/tnk59p9yvscwu77ddpfn.png"
    alt=""
  />
</p>
<p>&nbsp;</p>
<h3>Start install Xamarin on PC</h3>
<p>
  After download Xamarin file, you can start install to your pc, install process
  is very simple, you don't have to do most of the thing, I'll just explain what
  main software will be installed with this Xamarin. So
  <strong
    >Report errors and usage information to help Xamarin improve my
    experience.</strong
  >, I usually won't check this , because it might affect my pc's performance,
  but it's good if you want to send your data to help Xamarin to build better
  product.
</p>
<p>
  <img
    class="img-res ponsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1484088537/kmqlltswb8n5qyfpztfs.png"
    alt=""
  />
</p>
<h3>Still in process of install Xamarin</h3>
<p>Depend on your pc, might take a hour to install everything.</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_a5uobkzcn.png"
    alt=""
  />
</p>
<h3>Xamarin Installer - Product selection</h3>
<p>
  Just install both, <strong>Xamarin Workbooks Inspector</strong> help visualize
  and debug your app or live app. <strong>Remoted iOS Simulator</strong> help
  use iOS simulator at windows, however it required iOS device and also mano
  need to be installed on that iOS machine, you could just install xamarin
  studio at your Mac, a Mac version of visual studio.
</p>
<p>
  <img
    class="img-responsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1486752044/huimrq2cmo1kw4gbepoz.png"
    alt=""
  />
</p>
<p>&nbsp;</p>
<h3>Android SDK Installation</h3>
<p>
  Select a place to install your Android SDK. Android SDK will help you to
  download different version of Android as Simulator as testing your App.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_gk3j5qti3.png"
    alt=""
  />
</p>
<h3>Close Visual Studio</h3>
<p>
  During Xamarin installation, you have to close your Visual Studio, becaue it
  has to installed plugin to your Visual Studio.
</p>
<p>
  <img
    class="img-responsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1486752044/qentixgeoowzv3oc4m5h.png"
    alt=""
  />
</p>
<h3>Now, fun part and just wait for the installing</h3>
<p>
  Now, you just need to wait the whole installing to be finished, notice from it
  will install Android, Haxm, simulator, and Java. So the Java SDK it's for
  android, android require Java to be installed, for example when you build your
  android app, android use Java to create keystore and for generator Android
  <code>APK</code> file to android app store.
</p>
<p>
  <img
    class="img-responsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1486752044/c8km3fnwfuycd38sjqfs.png"
    alt=""
  />
</p>
<h3>Installation Complete</h3>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_9difeuje3.png"
    alt=""
  />
</p>
<p><strong>Reference</strong></p>
<ul>
  <li>
    <strong
      ><a
        href="https://developer.xamarin.com/guides/cross-platform/inspector/inspect/"
        target="_blank"
        >Inspecting Live Applications</a
      ></strong
    >
  </li>
  <li>
    <strong
      ><a
        href="../../blog/post/xamarin-cant-connect-to-mac-from-windows"
        target="_blank"
        >Xamarin - Can't connect to Mac from Windows</a
      ></strong
    >
  </li>
</ul>


Xamarin - Setup Xamarin on Windows


<h2>How to setup Google Map at Xamarin.Form project</h2>
<p>
  To use Google Map at Xamarin.Form, you'll need register google API account to
  get the key, add use permission on android's AndroidManifest.xml file, then
  add code to use.
</p>
<h3>Nuget package file at Xamarin.Form project</h3>
<pre class="language-xml">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;packages&gt;
  &lt;package id="Xamarin.Forms" version="2.3.3.180" targetFramework="portable45-net45+win8+wp8+wpa81" /&gt;
  &lt;package id="Xamarin.Forms.Maps" version="2.3.3.180" targetFramework="portable45-net45+win8+wp8+wpa81" /&gt;
&lt;/packages&gt;
</pre>
<h3>Start file, app.xaml.cs</h3>
<pre class="language-csharp">
using Xamarin.Forms;

namespace MapExample1
{
    public partial class App : Application
    {
        public static double ScreenHeight;
        public static double ScreenWidth;
        public App()
        {
            InitializeComponent();

            MainPage = new MapExample1.MapPage();
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

</pre>
<h3>xaml file for develop google map</h3>
<pre class="language-xml">
&lt;?xml version="1.0" encoding="utf-8" ?&gt;
&lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:local="clr-namespace:MapExample1;assembly=MapExample1"
             x:Class="MapExample1.MapPage"&gt;
  &lt;ContentPage.Content&gt;
    &lt;local:CustomMap x:Name="customMap" MapType="Street" WidthRequest="{x:Static local:App.ScreenWidth}" HeightRequest="{x:Static local:App.ScreenHeight}" /&gt;
  &lt;/ContentPage.Content&gt;
&lt;/ContentPage&gt;
</pre>
<h3>Map MapPage.xaml.cs code</h3>
<pre class="language-csharp">
using System.Collections.Generic;
using Xamarin.Forms;
using Xamarin.Forms.Maps;

namespace MapExample1
{
    public partial class MapPage : ContentPage
    {
        public MapPage()
        {
            InitializeComponent();

            var pin = new CustomPin
            {
                Pin = new Pin
                {
                    Type = PinType.Place,
                    Position = new Position(40.689249, -74.044500),
                    Label = "The Statue of Liberty in New York, USA",
                    Address = "New York, NY 10004",
                   
                },
                Id = "Xamarin",
                Url = "http://xamarin.com/about/",
                
            };

            customMap.CustomPins = new List&lt;CustomPin&gt; { pin };
            customMap.Pins.Add(pin.Pin);
            customMap.MoveToRegion(MapSpan.FromCenterAndRadius(new Position(40.689249, -74.044500), Distance.FromMiles(1.0)));
        }
    }
}
</pre>
<h3>Custom class for map object</h3>
<pre class="language-csharp">
using Xamarin.Forms.Maps;

namespace MapExample1
{
    public class CustomPin
    {
        public Pin Pin { get; set; }

        public string Id { get; set; }

        public string Url { get; set; }
    }
}

using System.Collections.Generic;
using Xamarin.Forms.Maps;

namespace MapExample1
{
    public class CustomMap : Map
    {
        public List CustomPins { get; set; }
    }
}
</pre>
<h2>
  Above are all the sample code you need at Xamarin.Form project, but you also
  need following if you want to run on Android.
</h2>
<h3>Xmarin.Form Android - nuget package file</h3>
<pre class="language-xml">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;packages&gt;
  &lt;package id="Xamarin.Android.Support.Animated.Vector.Drawable" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.Design" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.v4" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.v7.AppCompat" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.v7.CardView" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.v7.MediaRouter" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.v7.RecyclerView" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Android.Support.Vector.Drawable" version="23.3.0" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Forms" version="2.3.3.180" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.Forms.Maps" version="2.3.3.180" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.GooglePlayServices.Base" version="29.0.0.1" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.GooglePlayServices.Basement" version="29.0.0.1" targetFramework="monoandroid60" /&gt;
  &lt;package id="Xamarin.GooglePlayServices.Maps" version="29.0.0.1" targetFramework="monoandroid60" /&gt;
&lt;/packages&gt;
</pre>
<h3>Android - AndroidManifest.xml</h3>
<p>
  This is the important part, if you want to use Google API, you have to create
  API key and replace to following, also, add use permission to use.
</p>
<pre class="language-xml">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"&gt;
	&lt;uses-sdk android:minSdkVersion="15" /&gt;
	&lt;application android:label="MapExample1"&gt;
		&lt;meta-data android:name="com.google.android.geo.API_KEY" android:value="{Go to your google API to get a key and replace here.}" /&gt;
	&lt;/application&gt;
	&lt;!-- Google Maps for Android v2 requires OpenGL ES v2 --&gt;
	&lt;uses-feature android:glEsVersion="0x00020000" android:required="true" /&gt;
	&lt;uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /&gt;
	&lt;uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /&gt;
	&lt;uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /&gt;
	&lt;uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" /&gt;
	&lt;uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /&gt;
	&lt;uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /&gt;
	&lt;uses-permission android:name="android.permission.INTERNET" /&gt;
	&lt;!-- Google Maps for Android v2 will cache map tiles on external storage --&gt;
	&lt;uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /&gt;
	&lt;!-- Allow the application to access Google web-based services. --&gt;
	&lt;uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" /&gt;
&lt;/manifest&gt;
</pre>
<h2>That's it, all the code to run google map on Xamarin.</h2>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_i9aa29xwa.png"
    alt=""
  />
</p>


This blog shows how to set up Google Map at Xamarin.Form project.

Xamarin - Use Google Map


<p>
  If you use Xamarin at windows and want to build app for Android and iOS, you
  could use iOS simulator at your windows. However there's few software and
  setting you might have to do. I assume you're having problem at windows
  Xamarin Mac Agent and unable to connect to your mac.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_0l7ux5l96.png"
    alt=""
  />
</p>
<p>First make sure your windows have following software installed.</p>
<ul>
  <li>Window PC</li>
  <ul>
    <li>Visual Studio 2015</li>
    <li>Xamarin for Visual Studio 2015</li>
  </ul>
  <li>Mac</li>
  <ul>
    <li>Enable Remote login</li>
    <li>
      Xamarin Studio (Xamarin Mac Agent need your Mac to have Mono installed)
    </li>
  </ul>
  <li>Others</li>
  <ul>
    <li>Make sure Mac and Window are at the same network.</li>
    <li>Still can't not connect to Mac, download PuTTY to test connection</li>
    <li>
      Or check here to see xamarin error, you might found useful message when
      you can't connect to Mac. C:\Users\{Your Windows User
      Account}\AppData\Local\Xamarin\Logs\14.0
    </li>
  </ul>
</ul>
<p style="padding-left: 30px">&nbsp;</p>


Category Xamarin