返回索引目录

原文链接:Hello, Android_Quickstart.

译文链接:Xamarin.Android开发入门——Hello,Android快速上手

本部分介绍利用Xamarin开发Android应用程序

Hello, Android Quickstart

在指南的第一部分,我们创建一个打电话的应用,基础功能为:将输入含有字母和数字的电话号码转化为纯数字号码,然后拨打此号码。最终界面如下:

下面开始练习。

系统及环境要求

Xamarin.Android需要以下任一环境

  • 系统:OS X Yosemite及以上;最新版Xamarin Studio
  • 系统:Windows 7及以上;最新版Xamarin Studio
  • 系统:Windows 7及以上;Visual Studio专业版或更高版本

本教程假定您已安装最新版Xamarin.Android。Xamarin.Android安装教程:原文:Xamarin.Android Installation。开始前,请先下载并解压开发所需的资源文件:Xamarin App Icons & Launch Screens下载

模拟器配置

如果你使用Google的Android SDK模拟器,建议配置硬件加速。关于硬件加速配置的内容见:原文:Accelerating Android Emulators with HAXM

如果你使用Visual Studio的Android模拟器,则Hyper-V必须启用。关于Visual Studio Android 模拟器配置见:英:System Requirements for the Visual Studio Emulator for Android.中:Visual Studio Emulator for Android 系统要求

操作演练

1.启动Visual Studio

2.点击开始界面里的 开始-新建项目 来创建项目

3.在 新建项目 对话框中,点击 C#-Android ,然后选择Blank App(Android) 模板。将项目命名为 Phoneword 。点击 确定 创建新项目

4.项目创建成功后,在解决方案管理器中展开 Resources 文件夹里的 layout 文件夹。双击Main.axml 文件打开Android界面设计器,如下图所示:

5.选中设计界面中的Hello World,Click Me!按钮,并按Delete键删除它。

在工具箱(左侧区域)的搜索框中输入text,然后拖动控件 Text(Large) 到设计界面(中间区域)中:

注:新版模板里已没有按钮,可略过删除

6.选中 Text(Large) 控件,然后在属性面板中修改text属性值为Enter a Phoneword,如图所示:

7.下一步,在工具箱中拖动一个 Plain Text 控件到设计界面中,将它放置在 Text(Large) 控件下面。

注:可以通过搜索框帮助我们快速定位到具体的控件。

8.选中 Plain Text 控件,在属性面板中修改id属性值为@+id/PhoneNumberText,同时修改text属性值为1-855-XAMARIN

9.在工具箱中拖动一个 Button 到设计界面,并将其放置在 Plain Text 控件下面:

10.选中 Button ,在属性面板中修改id属性值为@+id/TranslateButton,同时修改text属性值为Translate

11.下一步,再从工具箱中拖动第二个 Button 到设计界面,并将其放置于 Translate 按钮下面:

12.选中新添加的 Button 控件,在属性面板中修改id属性值为@+id/CallButton,并将text属性值改为Call

按下CTRL+S键保存上述操作。

13.现在,我们添加转换电话号码的代码(从数字字母组合的号码到纯数字号码)。首先,我们添加一个新的文件:在解决方案管理器中,右击 Phoneword 项目,然后选择 添加—新建项...

14.在 添加新项 对话框中,选择 Visual C# > Code 中的 Code File ,并将其命名为PhoneTranslator.cs

注:最新中文版开发环境中,添加新项 下结构中,可以选择 Visual C#-代码 里的 代码文件,也可以选择 Visual C#-Android 里的 Class。—— 都是建立.cs文件

15.移除掉模板代码,并用以下代码替换:

新版模板文件本身就是个空文件

using 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键)来保存PhoneTranslator.cs文件。

重新生成解决方案,以保证没有编译错误。

16.接下来,我们添加代码与UI界面连接起来。

双击解决方案管理器中的MainActivity.cs文件,打开后在MainActivity类中添加后台代码:

17.首先配置 Translate 按钮。在MainActivity类中找到OnCreate方法。我们将会在OnCreate方法中的base.OnCreate(bundle)SetContentView(Resource.Layout.Main)之后添加代码。移除模板按钮处理代码(没有就不用管),最后代码类似于下面示例:

using System;
using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS; namespace Phoneword
{
[Activity (Label = "Phoneword", 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
}
}
}

18.下一步,我们需要为 layout 文件中的控件(之前界面设计器中拖的控件)添加对应的引用。在OnCreate方法中添加如下代码:(添加在SetContentView之后)

// 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);

19.首先,为 Translate 按钮添加点击事件处理。将如下代码添加至OnCreate方法中(在上一步的代码之后):

// 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;
}
};

20.其次,为 Call 按钮添加点击事件处理。在之前的 Translate 按钮事件代码之后添加如下代码:

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();
};

21.最后,我们需要给应用分配拨打电话的权限。我们可以通过Android Manifest来编辑应用的权限。双击解决方案管理器中 Phoneword 项目下的 Properties 项,然后选择 Android Manifest 打开界面:

Required Permissions 中,勾选 CALL_PHONE 权限

22.点击 文件-全部保存 (或者按CTRL+SHIFT+S键)来保存所有操作,然后点击 生成-重新生成解决方案 (或者按CTRL+SHIFT+B键)来编译应用程序。当程序编译完成后,Visual Studio会在其左下角显示编译成功的消息:

如果有错误,请检查是否按照以上步骤操作,修正至可以生成成功。如果遇到生成错误,例如:Resource does not exist in the current context,请校验MainActivity.cs中的命名空间与项目名称(Phoneword)是否一致,然后重新生成解决方案。如果仍然有生成错误,请确认你已安装的最新版的Xamarin.Android的更新。

23.现在我们已经建立的可用的应用程序,接下来我们完善应用程序的内容。首先,编辑MainActivityLabel值。此Label值显示在Android系统的页面顶部,表示用户正在使用哪个应用程序。在MainActivity类的顶部,将Label值修改为Phone Word,如下所示:

namespace Phoneword
{
[Activity (Label = "Phone Word", MainLauncher = true)]
public class MainActivity : Activity
{
...
}
}

24.然后,设置应用的图标。首先从 Xamarin App Icons set 下载并解压,展开 Resources 下的 drawable 文件夹,并将现有的Icon.png删除(右键-删除):

在以下弹出确认框中点击 OK :

25.然后,右击 drawable 文件夹,选择 添加-现有项...

26.在文件选择对话框中,浏览解压后的Xamarin App Icons目录,打开 drawable 文件夹,选择Icon.png并点击 添加

27.下一步,添加Xamarin App Icons中剩余的 drawable-* 的文件夹到项目中。那些文件夹为不同设备,不同分辨率提供不同的图标以便更好的显示。打开文件浏览窗口,定位到Xamarin App Icons的解压目录,然后选中 drawable-* 目录。

拖动这些文件夹至Visual Studio的 解决方案管理器 面板中的 Resources 文件夹上。至此,可以在右侧 解决方案管理器 中可以看到项目已经包含那些文件夹:

28.接下来,在Android Manifest界面中的 Application Icon 下拉框中选择@drawable/Icon作为应用的图标:

29.最后,我们可以通过将应用部署到模拟器上进行测试。在本文中,我们使用Android AVD Manager配置的虚拟设备(名称为 Nexus 5(KitKat) )——关于如何配置见:原文:Android SDK Emulator。同样,你也可以使用预置配置下拉框中的任意一个。

在将应用部署到模拟器之前,我们先配置下应用所支持的最低Android版本,以此保证可以在我们选择的虚拟设备上运行。在Visual Studio中,双击 Properties 打开 Application 页面。在 Minimun Android to target 配置中,选择匹配你虚拟设备的API Level。在本文示例中,我们选择API Level 19,所以应用将运行在 Nexus 5(KitKat) 虚拟设备上。(更多关于Android API Levels的信息见:原文:Understanding Android API Levels

30.下一步,点击工具栏中下拉菜单将应用部署到 Nexus 5(KitKat) ,如下图所示:

Visual Studio会在安装和启动应用之前将文档拷贝到模拟器。

31.下图展示了Phoneword应用在Android SDK模拟器上的运行效果。点击 Translate 按钮会更新 Call 按钮的text值,然后点击 Call 按钮会调用一个拨打电话确认框,如下面右图所示:

至此,第一个Xamarin.Android应用程序创建完成。下面将对此进行深入介绍理解:原文:Hello, Android Deep Dive译文:Hello, Android深入理解


参考:


译:奇葩史

[译]:Xamarin.Android开发入门——Hello,Android快速上手的更多相关文章

  1. [译]:Xamarin.Android开发入门——Hello,Android Multiscreen深入理解

    原文链接:Hello, Android Multiscreen_DeepDive. 译文链接:Xamarin.Android开发入门--Hello,Android Multiscreen深入理解. 本 ...

  2. [译]:Xamarin.Android开发入门——Hello,Android深入理解

    返回索引目录 原文链接:Hello, Android_DeepDive. 译文链接:Xamarin.Android开发入门--Hello,Android深入理解 本部分介绍利用Xamarin开发And ...

  3. [译]:Xamarin.Android开发入门——Hello,Android Multiscreen快速上手

    原文链接:Hello, Android Multiscreen Quickstart. 译文链接:Hello,Android Multiscreen快速上手 本部分介绍利用Xamarin.Androi ...

  4. [Android开发学iOS系列] 快速上手UIKit

    快速上手iOS UIKit UIKit是苹果官方的framework, 其中包含了各种UI组件, window和view, 事件处理, 交互, 动画, 资源管理等基础设施支持. 按照前面的介绍, 用U ...

  5. Android开发入门要点记录:四大组件

    cocos2dx跨平台开发中需要了解android开发,昨天快速的浏览了一本Android开发入门教程,因为之前也似懂非懂的写过Activity,Intent,XML文件,还有里面许多控件甚至编程思想 ...

  6. 教我徒弟Android开发入门(一)

    前言: 这个系列的教程是为我徒弟准备的,也适合还不懂java但是想学android开发的小白们~ 本系列是在Android Studio的环境下运行,默认大家的开发环境都是配置好了的 没有配置好的同学 ...

  7. Android开发入门经典【申明:来源于网络】

    Android开发入门经典[申明:来源于网络] 地址:http://wenku.baidu.com/view/6e7634050740be1e650e9a7b.html?re=view

  8. Android开发入门

    教我徒弟Android开发入门(一) 教我徒弟Android开发入门(二) 教我徒弟Android开发入门(三) 出处:http://www.cnblogs.com/kexing/tag/Androi ...

  9. Android开发周报:Android L默认加密用户数据

    Android开发周报:Android L默认加密用户数据 新闻 <iCloud前车之鉴,Android L默认开启加密功能>:iCloud 艳照风波再起,第二波女星照片流出,大量女星的裸 ...

随机推荐

  1. 利用vim查看日志,快速定位问题

    起因 在一般的情况下,如果开发过程中测试报告了一个问题,我一般会这么做: 1.在自己的开发环境下重试一下测试的操作,看看能不能重现问题.不行转2 2.数据库连接池改成测试库的地址,在自己的开发环境下重 ...

  2. 用swing也可以做出好看的界面

    用Swing做出的例子:JavaFX做出的界面:后来又做出了自己编写的一套基于Synth的L&F,其与直接在代码中重绘某个组件不同,最大优点是具有可插拔性,即在不改变原有程序代码的情况下,用户 ...

  3. 一些LINQ的使用

    var list = from staff in staffList from extraRecord in extraList where staff.staffID == extraRecord. ...

  4. href="javascript:;" 作用

    <a href="javascript:;" onclick="doExport(this)" class="easyui-linkbutton ...

  5. axios基本用法

    vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的基本用法. 首先就是引入axios,如果你使用es6,只需要安装axios ...

  6. Stm32F107VCT6硬件资源

    一直在用stm32系列的单片机,最近因为需要使用到以太网,所以采用了stm32f107vc这款芯片.对于存储资源一直不是非常清楚,今天专门到官网看了一下. 如下: RAM------>64kB ...

  7. css text-overflow:ellipsis 文字多余剪切

    text-overflow: ellipsis;多度剪切white-space: nowrap;禁止换行overflow: hidden;多余隐藏

  8. 怎么把Maven项目转为动态Web项目?

  9. mybatis调用存储过程 无参、带有输入输出参数,输出游标类型的 存储

    存储过程在小公司用的不多,但是如果业务比较复杂或者性能要求比较苛刻的时候存储过程就派上用场了,ibatis的前期的一些版本貌似不支持存储过程因此我选择了mybatis来做实验. 1.无输入和输出参数的 ...

  10. [转载] Java CheckBoxTree

    代码基本上是copy的.只是在使用上有一些自己的想法. 先上code吧! 虽然别的地方也有.但是还是转一份给自己. 出处:http://blog.csdn.net/joy_125/article/de ...