|
5 | 5 | <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
6 | 6 | <link type="text/css" rel="stylesheet" href="bootstrap.min.css" />
|
7 | 7 | <title>Development Guide</title>
|
8 |
| -<style type="text/css"> |
9 |
| - |
10 |
| - |
11 |
| -</style> |
12 | 8 | </head>
|
13 | 9 |
|
14 | 10 | <body>
|
15 | 11 |
|
| 12 | +<style type="text/css"> |
| 13 | +div.image-container > p { |
| 14 | + margin-top: -5px; |
| 15 | + font-style: italic; |
| 16 | + font-size: small; |
| 17 | + font-weight: 300; |
| 18 | + } |
| 19 | +</style> |
| 20 | + |
16 | 21 | <h3>Introduction</h3>
|
17 | 22 | <p>Xamarin is a cross-platform UI toolkit that allows developers to efficiently
|
18 | 23 | create native cross platform user interface layouts.<br>
|
@@ -71,37 +76,36 @@ <h4>Solution Structure (Layers)</h4>
|
71 | 76 | <p>After you <a href="/Download">download</a> your project, you will see 3 types
|
72 | 77 | of solutions;</p>
|
73 | 78 | <ul>
|
74 |
| - <li><strong>*.Mobile:</strong> Xamarin and related projects included.</li> |
75 |
| - <li><strong>*.Web:</strong> Web and related projects included.</li> |
76 |
| - <li><strong>*.All:</strong> All the projects included.</li> |
| 79 | + <li><strong>.Mobile</strong> Xamarin and related projects included.</li> |
| 80 | + <li><strong>.Web</strong> Web and related projects included.</li> |
| 81 | + <li><strong>.All</strong> All the projects included.</li> |
| 82 | +</ul> |
| 83 | +<p>For Xamarin development, you can open <b>.Mobile.sln</b>.</p> |
| 84 | + |
| 85 | +<div class="image-container"> |
| 86 | +<img class="img-thumbnail" alt="ASP.NET Zero Xamarin Architecture" src="images/xamarin-architecture.png" /> |
| 87 | +<p>Xamarin Architecture</p> |
| 88 | +</div> |
| 89 | + |
| 90 | +<div class="image-container"> |
| 91 | + <img class="img-thumbnail" alt="ASP.NET Zero Mobile Solution" src="images/mobile-solution-overview.png" /> |
| 92 | + <p>Mobile Solution</p> |
| 93 | +</div> |
| 94 | + |
| 95 | +<p>There are 6 projects in the mobile solution:</p> |
| 96 | +<ul> |
| 97 | + <li><strong>Core.Shared</strong> project basic <span lang="EN-US">primitive</span><span lang="EN-US" style="font-size: 12.0pt; line-height: 107%; font-family: 'Times New Roman',serif"> |
| 98 | + </span>types as consts, enums used in all layers of the solution.</li> |
| 99 | + <li><strong>Application.Shared</strong> project contains data transfer objects |
| 100 | + (DTOs) and interfaces of application services shared with application layer |
| 101 | + of the backend.</li> |
| 102 | + <li><strong>Application.Client</strong> project contains Web Api client (bridge |
| 103 | + between mobile app and host) and proxy classes of Application Services.</li> |
| 104 | + <li><strong>Mobile.Shared </strong>project houses the code shared by IOS and |
| 105 | + Android platforms, views, view models, localization and platform abstractions.</li> |
| 106 | + <li><strong>Mobile.iOS</strong> project contains IOS specific classes.</li> |
| 107 | + <li><strong>Mobile.Droid</strong> project contains Android specific classes.</li> |
77 | 108 | </ul>
|
78 |
| -<p>You can open <b>*.Mobile.sln</b> for Xamarin development. </p> |
79 |
| -<table width="100%" cellspacing="1"> |
80 |
| - <tr> |
81 |
| - <td width="228"> |
82 |
| - <img class="img-thumbnail" alt="ASP.NET Zero Xamarin Architecture" src="images/xamarin-architecture.png" /></td> |
83 |
| - <td valign="top"> |
84 |
| - <img class="img-thumbnail" alt="ASP.NET Zero Mobile Solution" src="images/mobile-solution-overview.png" /><p> </p> |
85 |
| - <p> There are 6 projects in the mobile solution:</p> |
86 |
| - <ul> |
87 |
| - <li><strong>Core.Shared</strong> project basic <span lang="EN-US">primitive</span><span lang="EN-US" style="font-size: 12.0pt; line-height: 107%; font-family: 'Times New Roman',serif"> |
88 |
| - </span>types as consts, enums used in all layers of the solution.</li> |
89 |
| - <li><strong>Application.Shared</strong> project contains data transfer |
90 |
| - objects (DTOs) and interfaces of application services shared with application |
91 |
| - layer of the backend.</li> |
92 |
| - <li><strong>Application.Client</strong> project contains Web Api client |
93 |
| - (bridge between mobile app and host) and proxy classes of Application |
94 |
| - Services.</li> |
95 |
| - <li><strong>Mobile.Shared </strong>project houses the code shared by |
96 |
| - IOS and Android platforms, views, view models, localization and platform |
97 |
| - abstractions.</li> |
98 |
| - <li><strong>Mobile.iOS</strong> project contains IOS specific classes.</li> |
99 |
| - <li><strong>Mobile.Droid</strong> project contains Android specific |
100 |
| - classes.</li> |
101 |
| - </ul> |
102 |
| - </td> |
103 |
| - </tr> |
104 |
| -</table> |
105 | 109 | <h4>Host</h4>
|
106 | 110 | <p>To start debugging Xamarin app you need to configure host settings. You can use
|
107 | 111 | either <b>Web.Mvc</b> or <b>Web.Host </b>to feed the Xamarin app.<br>
|
@@ -189,21 +193,19 @@ <h4>Debugging IOS</h4>
|
189 | 193 | <br>
|
190 | 194 | <br>
|
191 | 195 | <div class="bs-callout bs-callout-warning">
|
192 |
| - <p><i class="fa fa-warning"></i><a href="https://www.xamarin.com/live/">Xamarin |
| 196 | + <p><i class="fa fa-warning"></i> <a href="https://www.xamarin.com/live/">Xamarin |
193 | 197 | Live Player</a> currently does not support some of the key features. Thus Asp.Net
|
194 | 198 | Zero Xamarin application cannot be debugged on Xamarin Live Player. Further
|
195 | 199 | information read
|
196 | 200 | <a href="https://developer.xamarin.com/guides/cross-platform/live/limitations/">
|
197 | 201 | Xamarin Live Player limitations.</a></p>
|
198 |
| - <img class="img-thumbnail" alt="Debug IP Address" src="images/xamarin-api-url-config.png" /> |
199 | 202 | </div>
|
200 | 203 | <div class="bs-callout bs-callout-info">
|
201 |
| - <p><i class="fa fa-info-circle"></i><a href="https://www.livexaml.com/">LiveXAML</a> |
202 |
| - is a live Xaml previewer runs while you are debugging your application inside |
| 204 | + <p><i class="fa fa-info-circle"></i> <a href="https://www.livexaml.com/">LiveXAML</a> |
| 205 | + is a Xaml previewer runs while you are debugging your application inside |
203 | 206 | an emulator. Whenever you save any XAML file, it automatically updates the running
|
204 | 207 | application. If you want to purchase LiveXAML, Asp.Net Zero customers get %30
|
205 | 208 | discount. </p>
|
206 |
| - <img class="img-thumbnail" alt="Debug IP Address" src="images/xamarin-api-url-config.png" /> |
207 | 209 | </div>
|
208 | 210 | <h3>Xamarin.Forms</h3>
|
209 | 211 | <p>A key component of building cross-platform applications is being able to share
|
|
0 commit comments