Xamarin环境搭建与app各种demo实例 ——Xamarin.forms（一）

￡神魔★判官ぃ 2022-04-11 11:16 435阅读 0赞

# 一、 前言 #

这半个月来对Xamarin的学习踩了很多的坑，说来也是一把心酸泪，下面为大家一 一道来，并提供这些天收集到的能用的实例源码，放在文末分享给大家，都是完整带包的解决方案可能会比较大（大多是过墙找到的，也有个仿新闻的app是国人写的）。

# 二、 后续更新预览 #

1、 [Xamarin.forms环境搭建][Xamarin.forms]

2、 [启动页（含图片加载）][Link 1]

3、 [页面跳转][Link 2]

这篇文章是 2018-12-13 19:17:29 写的，现在已经是2020年6月了，也就是说对于 Xamarin 我已经快两年没接触过了，我也一直在从事 Java 的工作，所以对于大家的一些提问，我已是无能为力，抱歉！还望理解！本人当时所学的都在这几篇文档里面了。

# 三、 Xamarin介绍 #

如果您对介绍不感兴趣，可以跳过此段。

1、 Xamarin可跨Android、IOS、Windows（手机）三端。

2、 Xamarin微软收购的，原来是收费的，现在免费了。

3、 Xamarin的前身是mono，所以编译的时候会用到mono的包。

4、 我们现在使用的是Xamarin.forms而不是Xamarin了。

5、 用Xamarin开发安卓app的朋友请收藏：[.NET API browser | Microsoft Docs][.NET API browser _ Microsoft Docs]

# 四、 完整环境搭建 #

首先，为了避免给大家带来不必要的麻烦，我把我的环境介绍一下（但不是说您一定需要这样的环境）：

VS2017 Enterprise，Windows10 1809

VS2017安装的首页把Xamarin勾上安装，如果你忘了勾选Xamarin，如下图打开installer，把Xamarin勾选上。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70][]

## 1、 安装Xamarin的插件 ##

![20181212181218150.png][]

##  2、 下载Xamarin.Andriod Templates Pack ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 1][]

## 3、 检查是否安装了Xamarin.Android SDK ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 2][]

## 4、 安装指定版本的安卓SDK ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 4][]

当时我是不懂，为了适应下载下来的项目，所以下载很多的SDK。这个坑我踩过了，经验是选指定需要的SDK版本就可以了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 5][]

环境到这里就完成了，只是如果项目后面需要一些Nugget包，再逐个下载。

## 附加：真机调试 ##

电脑上插上数据线连接电脑，在手机上面开启开发者模式。

选择USB配置MIDI：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 6][]

然后查看VS上面的运行是否变成了你手机的名称；如果是，直接运行就可以了。

# 五、 所有app源码demo #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 7][]

给大家讲一下这些实例有哪些地方找哪个demo参考，希望能给你节约一些时间。

## 1、 Topeka ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 8][]

## 2、 DemoApp ##

这是一个有很多功能页面的例子，布局那些都可以参考一下。下面简单抓了两个图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 9][]

## 3、 TabbedNavigate ##

页面跳转和基础导航栏的生成的方式。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 10][]

## 4、 快递大师 ##

这个主要参考如何嵌入HTML代码在Xamarin.forms里面。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 11][]

## 5、 仿某新闻app的Demo ##

除了登录页面，可以参考启动页，下部导航栏，个人页面布局，加号弹出模态框，还有！就是初始安装的三张引导页面。唯一的不足是存在bug。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 12][]

## 6、 Xamarin.TV Scripts ##

这个主要是参考SQLite数据库的使用方式，还有就是页面布局。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 13][]

## 7、 IntelligentWorld ##

参考一下启动页和侧滑页面。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 14][]

我本来设置的是1积分就可以下载的。

源码来源不易，有积分的话点这里：[Xamarin多个运行app实例demo\_xamarin案例-Android代码类资源-CSDN下载][Xamarin_app_demo_xamarin_-Android_-CSDN]

没有积分点这里：[百度网盘 请输入提取码][Link 3]   提取码：qy1v  
最后，感谢您的阅读。

[Xamarin.forms]: https://blog.csdn.net/qq_41647999/article/details/84844357
[Link 1]: https://blog.csdn.net/qq_41647999/article/details/84994900
[Link 2]: https://blog.csdn.net/qq_41647999/article/details/84995540
[.NET API browser _ Microsoft Docs]: https://developer.xamarin.com/api/root/MonoAndroid-lib/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70]: /images/20220411/e343ce42c6a140fdb52f5afe0358bd9a.png
[20181212181218150.png]: /images/20220411/356e70c4a7b146d199e3438a3326f872.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 1]: /images/20220411/cbf61e680a3b4e9ea839933b89f523d2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 2]: /images/20220411/d451df1f6b334873ad343c5dc57169b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 3]: /images/20220411/c1be147dfd374db58728ca84e17c71b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 4]: /images/20220411/e587c65b47f64c9784a4497cdfda8587.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 5]: /images/20220411/97aeac4a50464278bb1eac3b547b79a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 6]: /images/20220411/599c2fa240ee496a8bc063e5ddbb3b6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 7]: /images/20220411/ffb1de0292a7417b8342ad755c0a2eaa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 8]: /images/20220411/0be01188d15d41019987be94a5cdfc6d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 9]: /images/20220411/f55b8f4bc61c47e786143649bbe6b30a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 10]: /images/20220411/b66340cdcec3454cb2e39b0cb28b7bd8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 11]: /images/20220411/d8ab2efd1527402d922aaf94f909ddcd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 12]: /images/20220411/f24791f5c3c344b989dd80242f5e8843.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 13]: /images/20220411/57331f37cb7f4ed4b5d422a573e40d63.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 14]: /images/20220411/23276cedcfc148a8ad6bcd265ac1b66b.png
[Xamarin_app_demo_xamarin_-Android_-CSDN]: https://download.csdn.net/download/qq_41647999/10848828
[Link 3]: https://pan.baidu.com/s/1Na1LrHQ8piEfCpTxHNPxpA