|
Post by account_disabled on Jan 28, 2024 20:19:27 GMT -8
都喜欢源源不断地供应好茶或咖啡。在本文的下一部分中您将构建一个简单的茶计数器应用程序来跟踪用户喝了多少杯茶(冲泡)并让他们设置一个计时器来冲泡每杯茶。 您可以在GitHub上下载本教程的完整代码。 设计用户界面 构建任何 Android 应用程序的第一步就是设计和构建用户界面。以下是应用程序界面外观的快速草图: 大图 用户将能够使用+和-按钮以分钟为单位设置冲泡时间。当他们单击“开始”时将开始指定的分钟数倒计时。除非用户再次点击按钮取消冲泡否则当倒计时器达到 0 时冲泡计数将会增加。 构建界面 在 XML 文档中描述的Android 用户界面或布局res/layouts可以在该文件夹中找到。Eclipse 生成的模板代码已经声明了一个简单的布局res/layouts/m。 ain.xml您以前在应用程序在模拟器上运行时可能已经见过该布局。 Eclipse 有一个图形布局设计器允许您通过在屏幕上“拖”和“放”控件来构建界面。然而我经常发现用 XML 编写界面并使用图形布局来预览结果更容易。 现在让我们通过更改main.xml以匹配上面的设计草图 购买电话号码列表 来完成此操作: 在Package Explorerres/layouts/main.xml中双击它在 Eclipse 中将其打开。 单击main.xml屏幕底部的选项卡可切换到 XML 视图。 现在将内容更改main.xml为:正如您所看到的Android 的 XML 布局文件很冗长但允许您控制屏幕上元素的几乎每个方面。 Android 中最重要的界面元素之一是Layout容器例如LinearLayout本示例中使用的容器。这些元素对用户来说是不可见的但充当其他元素(例如Buttons和 )的布局容器TextViews。 。 布局视图有多种类型每种类型都用于构建不同类型的布局。除了LinearLayout和之外AbsoluteLayout还TableLayout允许使用复杂的基于网格的界面。您可以在API 文档的通用布局对象部分找到有关布局的更多信息。 将布局与代码链接 保存布局后尝试按Ctrl+F11再次在模拟器中运行应用程序或单击Eclipse 中的“运行”图标。现在您将看到 Android 现在显示应用程序的新界面而不是您之前看到的“Hello World”消息。 如果您单击任何按钮它们将按预期突出显示但尚未执行任何操作。让我们通过在界面布局后面编写一些代码来解决这个问题: 复制 监听事件 为了检测用户何时点击其中一个按钮我们需要实现一个侦听器。您可能熟悉来自其他事件驱动平台的侦听器或回调例如 Javascript/jQuery 事件或 Rails 的回调。
|
|