- Xamarin的应用程序图标和启动屏幕
- 介绍与Xamarin的Android开发
在这个由两部分组成的指南,我们建立我们的第一次Xamarin的。 Android应用程序使用Xamarin的工作室或Visual Studio和发展的理解与Xamarin的Android应用程序开发的基本原理。 一路上我们将介绍工具,概念,构建和部署Xamarin的所需的步骤。 Android应用程序。
你好,Android快速入门
在这个场景,我们创建一个应用程序,将用户输入的一个字母数字的电话号码转换为一个数字电话号码,,然后调用这个数字。 最终的应用程序看起来像这样:
让我们开始吧!
加速Android模拟器
:本指南是一个跨平台开发系列的一部分。 我们接你好,iOS预排离开和Android应用程序添加到一个共同的解决方案。 如果你有兴趣学习iOS和Android,我们建议从你好,iOS指南。 如果你宁愿专注于安卓系统,我们添加了一些步骤来帮助你建立Android-only解决方案。 一旦设置您的解决方案,您可以完成你好,Android和你好,Android新潮的指南。
配置您的模拟器使用硬件加速。 说明
- 最新版本的OS X山狮以上Xamarin的工作室。
- 最新版本的Windows 7以上Xamarin的工作室。
集。 Xamarin的。 安卓系统安装 导游。
在我们开始之前,请下载 Windows 7及以上与Visual Studio 2010专业或更高版本。 Xamarin的应用程序图标和启动屏幕
配置模拟器
Android模拟器有几个选项。 标准的安卓 设置仿真器是最简单的,但跑得慢。 Xamarin的建议 你使用的高性能 指南。 Xamarin的Android的球员 需求 。 如果你不使用Xamarin的Android的球员,你应该 这个预排假设Xamarin的最新版本。 安装和运行在Android平台的选择。 Xamarin的安装指南。 Android,参考 请注意
可选的设置——Android应用程序
如果你遵循这些步骤没有完成了 你好,iOS 预排。 如果你已经配置 Phoneword 解决方案,你可以继续下面的介绍。
-
让我们启动Visual Studio,这将打开启动屏幕:
-
点击 开始>新项目 创建一个新的解决方案:
-
在 新项目 对话框中,单击 其他项目类型> Visual Studio解决方案 。 选择 空白的解决方案 模板。 名新解决方案
Phoneword
:
现在我们已经配置我们的解决方案,我们可以继续介绍我们的解决方案添加一个Android应用程序。
预排
-
Phoneword 解决方案如果不开放了。 在 (左边的区域),打开右边的灰色的齿轮图标 (右边的区域),右键单击 : 添加>新项目… 从 解决方案和选择 对话框中,让我们选择
-
: 在 接下来,让我们扩大 Visual c# > Android 并选择
添加新项目
模板。 我们将新项目名称 -
在设计表面和按下 按钮 打开它的Android设计师。 这是我们的布局文件 屏幕: 接下来,让我们扩大 资源 布局 文本
-
删除 文本(大) 文本
的
财产的 工具箱 (左边的区域),输入“文本(大)
“在搜索字段并拖动 控制在设计表面(区域中心): 控制在设计表面(区域中心): -
与 文本(大) 控制选择表面上的设计,我们可以使用 属性 面板中改变 文本 财产的 文本(大) 控制”
输入一个Phoneword:
”: -
接下来,让我们拖 纯文本 控制的 工具箱 设计表面和下面 文本(大) 控制:
-
与 纯文本 控制选择表面上的设计,我们可以使用 属性 面板中改变 ID 财产的 纯文本 控制
@ + id / PhoneNumberText
和改变 文本 属性”1 - 855 - xamarin的
”: -
让我们把 按钮 控制的 工具箱 设计表面和下面 纯文本 控制:
-
与 按钮 选择表面上的设计,我们可以使用 属性 面板中改变 ID 财产的 按钮 来
@ + id / TranslateButton
和改变 文本 属性”翻译
”: -
接下来,让我们拖到另一个 按钮 控制的 工具箱 设计表面和下面 按钮 TranslateButton
- 控制选择表面上的设计,我们可以使用 改变 解决方案垫 窗格 项目 按钮 和改变
项目通过点击旁边的灰色的齿轮图标
与 : 文本调用
”:让我们拯救我们的工作按
Ctrl + S
现在,让我们添加一些代码翻译电话号码从字母数字到数字。 我们将添加一个新文件 -
Phoneword_Droid 在 解决方案资源管理器 PhoneTranslator 窗格中,选择 添加>新项目… :
-
项目 添加新文件 对话框中,让我们选择 Visual c#代码> >类 和名称的新文件
PhoneTranslator.cs
: -
这将创建一个新的空c#类。 让我们消除所有的模板代码,代之以以下代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54using System.Text; using System; namespace Core { public static class PhonewordTranslator { public static string ToNumber(string raw) { if (string.IsNullOrWhiteSpace(raw)) return ""; else raw = raw.ToUpperInvariant(); var newNumber = new StringBuilder(); foreach (var c in raw) { if (" -0123456789".Contains(c)) newNumber.Append(c); else { var result = TranslateToNumber(c); if (result != null) newNumber.Append(result); } // otherwise we‘ve skipped a non-numeric char } return newNumber.ToString(); } static bool Contains (this string keyString, char c) { return keyString.IndexOf(c) >= 0; } static int? TranslateToNumber(char c) { if ("ABC".Contains(c)) return 2; else if ("DEF".Contains(c)) return 3; else if ("GHI".Contains(c)) return 4; else if ("JKL".Contains(c)) return 5; else if ("MNO".Contains(c)) return 6; else if ("PQRS".Contains(c)) return 7; else if ("TUV".Contains(c)) return 8; else if ("WXYZ".Contains(c)) return 9; return null; } } }
Ctrl + S 保存 文件,点击 文件>保存
(或按
保存您的更改 -
接下来我们将添加代码来连接用户界面。 让我们支持代码添加到 MainActivity 类。 双击 MainActivity.cs 在 首先连接了 解决方案资源管理器
-
MainActivity
TranslateButton
。 在类,找到
oncreate
方法。 我们将添加按钮代码内部oncreate
,低于base.OnCreate(包)
和SetContentView(Resource.Layout.Main)
调用。 因此,删除模板代码oncreate
方法类似于下面的代码:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25using System; using Android.App; using Android.Content; using Android.Runtime; using Android.Views; using Android.Widget; using Android.OS; namespace Phoneword_Droid { [Activity (Label = "Phoneword_Droid", MainLauncher = true)] public class MainActivity : Activity { protected override void OnCreate (Bundle bundle) { base.OnCreate (bundle); // Set our view from the "main" layout resource SetContentView (Resource.Layout.Main); // Our code will go here } } }
-
接下来,我们需要控制我们的引用在布局文件中创建使用Android的设计师。 在添加以下代码
oncreate
方法:1
2
3
4// Get our UI controls from the loaded layout EditText phoneNumberText = FindViewById<EditText>(Resource.Id.PhoneNumberText); Button translateButton = FindViewById<Button>(Resource.Id.TranslateButton); Button callButton = FindViewById<Button>(Resource.Id.CallButton);
-
现在让我们添加代码来响应用户按第一个按钮时,我们命名
TranslateButton
。 下面添加以下代码内部控制定义oncreate
方法:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21// Disable the "Call" button callButton.Enabled = false; // Add code to translate number string translatedNumber = string.Empty; translateButton.Click += (object sender, EventArgs e) => { // Translate user’s alphanumeric phone number to numeric translatedNumber = Core.PhonewordTranslator.ToNumber(phoneNumberText.Text); if (String.IsNullOrWhiteSpace(translatedNumber)) { callButton.Text = "Call"; callButton.Enabled = false; } else { callButton.Text = "Call " + translatedNumber; callButton.Enabled = true; } };
-
接下来让我们添加代码来响应用户迫切的第二个按钮时,我们命名
CallButton
。 我们将以下代码下面的代码TranslateButton
:1
2
3
4
5
6
7
8
9
10
11
12
13
安卓系统清单
文件。 通过双击打开安卓清单callButton.Click += (object sender, EventArgs e) => { // On "Call" button click, try to dial phone number. var callDialog = new AlertDialog.Builder(this); callDialog.SetMessage("Call " + translatedNumber + "?"); callDialog.SetNeutralButton("Call", delegate { // Create intent to dial phone var callIntent = new Intent(Intent.ActionCall); callIntent.SetData(Android.Net.Uri.Parse("tel:" + translatedNumber)); StartActivity(callIntent); }); callDialog.SetNegativeButton("Cancel", delegate { }); // Show the alert dialog to the user and wait for response. callDialog.Show(); };
-
许可: 打开它: ,检查 Phoneword_Droid 在 成功。 解决方案资源管理器 。 选择Android清单节点:
下 属性 构建>构建所有 构建>重建解决方案 让我们拯救我们的工作,然后通过选择构建应用程序
-
让我们拯救我们的工作,然后通过选择重建应用程序 或按
CTRL-SHIFT-B
“如果有错误,我们可以通过前面的步骤和纠正任何错误,直到应用程序构建
-
我们现在有一个工作应用程序和它的时间添加收尾工作! 让我们开始通过编辑 标签 2
3
”: 1 为我们的的顶部
MainActivity
类,改变 标签 成功。Phoneword
标签)。 如果我们的应用程序编译,我们将得到一条成功消息在左下角的Visual Studio:
MainActivity
。 的
7
4
和删除现有的
6
文件夹下namespace Phoneword_Droid { [Activity (Label = "Phoneword", MainLauncher = true)] public class MainActivity : Activity { ... } }
-
你可以设置应用程序名称和图标在Android清单:
让我们开始通过改变应用程序的名字“Phoneword”:
-
接下来,让我们来设置应用程序图标。 首先,下载 Xamarin的应用程序图标设置 。 接下来,扩大 可拉的 其 通过右键单击它并选择 文件夹中。 选择 : 从选择对话框中,让我们浏览目录并打开解压Xamarin的应用程序图标
可拉的 : 文件夹并选择
-
文件夹下 和删除现有的 可拉的 :
-
当对话框出现时,点击 添加>现有项目…… 删除
对话框中,选择
其 -
可拉的- * 文件夹 @drawable /图标
从 文件夹:
Visual Studio中的文件夹 应用程序图标 这些文件夹现在所示您的项目的一部分 面板: 到项目中。 这些文件夹图标的提供不同的决议,呈现不同的设备有不同的屏幕上正确的密度。
解决方案资源管理器 接下来,让我们添加其余的Xamarin的应用程序图标 :
-
项目作为你的创业项目,右键单击项目
集
从 应用程序图标 : -
设置为启动项目 你好,iOS Xamarin的Android的球员 并选择
角落的IDE: 的 这个截图所示,我们已经选择了 应用程序 Phoneword_Droid 右键单击项目作为你的创业项目 如果你工作完成后通过本指南Phoneword_Droid 项目 解决方案资源管理器 设置说明。
Xamarin的虚拟设备运行Android的球员。 最后,我们可以测试我们的应用程序被部署到一个Android模拟器。 如果你还没有配置模拟器,请参阅 节点的 属性 。 下 编译使用Android版本: ,选择一个API水平等于或小于模拟器您想要使用的API级别。 选择的模拟器 目标Android设备工具栏上的下拉菜单。 在这个例子中,我们使用 MonoForAndroid_API_10 模拟器,我们编译该项目使用API级别10:
-
点击 开始 启动模拟器,并部署应用程序。 下面的截图说明了Phoneword模拟器中运行的应用程序。 在一些模拟器,您可能需要点击按钮或回家 菜单 按钮查看运行的应用程序。 单击 翻译 按钮更新的文本 调用 按钮,点击 调用 Xamarin的见解
在应用程序列表中,您可以看到Phoneword与前面配置的图标显示应用程序:
xamarin.forms 祝贺你完成你的第一个Xamarin的。 Android应用程序! 现在是时候解剖我们刚刚学到的的工具和技巧 Xamarin的工作室