第1个Android应用程序 Android制作简单单页导航

2019-12-10 17:49:18王旭

本例子演示如何添加一个简单的单页导航,在此基础上,再演示如何在第2个页面中显示第1个页面中拨打过的所有电话号码。

(1)通过该例子理解Android App的基本架构。

(2)通过该例子理解实现Android多屏幕导航的基本技术。

本例子只是为了让我们对Android App开发有一个较全面的感性认识,读者不必一开始就纠结于代码中的细节问题,涉及到的相关概念在后面还会分别介绍。

运行截图

运行截图(Api19、Api21、Api23的实现代码都相同):

Android,Android应用程序,Android单页导航

Android,Android应用程序,Android单页导航

界面操作

单击“将文本转换为数字”,观察结果。

单击【转换】按钮,如果转换成功,则【拨号】按钮可用,单击【拨号】按钮,观察弹出的对话框。

如果单击【拨号】按钮,就会自动拨号。

下面介绍主要设计步骤。

1、新建项目

选择模板:Blank App (Android),项目名:PhonewordApp。

Android,Android应用程序,Android单页导航

项目创建成功后,删除GettingStarted.Xamarin(广告文件)。

2、界面设计

(1)双击打开Main.axml,分别观察设计界面【Design】和源码【Source】的内容。

Android,Android应用程序,Android单页导航

(2)按Delete键删除【Hello World,Click Me】按钮。

(3)从【工具箱】中拖放一个【Text (Large)】到设计界面,修改下面的属性:

id:@+id/PhoneText

text:电话

注:此时系统会自动在【Source】中添加对应的代码(下同)。

(4)从【工具箱】中拖放一个【Plain Text】到设计界面,放到【Text (Large)】的下方,修改下面的属性:

id:@+id/PhoneNumberText

text:138 4912 2599

(5)从【工具箱】中拖放一个【Button】到设计界面,放到【Plain Text】的下方,修改下面的属性:

id:@+id/buttonTranslate

text:转换

(6)从【工具箱】中拖放一个【Button】到设计界面放到上一个按钮的下方,修改属性:

id:@+id/buttonCall

text:拨号

经过以上步骤后,即得到下图所示的设计界面: