本系列文章提供简单Android应用开发实例方法,文章步骤如下所示:
1 获取应用所需的数据源
数据源一般来源于互联网、个人搜集或者其他方式
2 应用UI设计
每个应用软件都需要有一个简单的UI设计草图,便于开发者更好的实现编码
3 应用实现
实现完整的Android应用
特此说明:本系列文章的数据源均采用互联网方式获取,仅作为示例演示
应用介绍
提供各个高校历届的分数线录取查询功能,作为高考学子填写志愿的参考应用。最终效果图:
一、UI原型设计
根据Android开发实例-高校录取分数线应用(一)中的数据源获取,我们了解到查询共分为四个条件:学校所在省份、学校、用户所在地、文理科,查询结果为历届录取分数线的列表信息。
我们利用AxureRp进行基本的原型设计,设计原型图如下所示:
以上依次为:查询结果UI界面,选择省份下拉弹窗,选择学校下拉弹窗和选择科室下拉弹窗
二、Android UI布局实现
在实际实现中,我们不关心色调搭配,仅关心各个控件的布局信息。下面给出几个UI的简要描述:
- 四个选择条件,采用四分局方式布局
- 结果显示采用ListView自定义Item布局
- 每个条件选择弹窗采用PopupWindow实现
1 主布局控件(activity_main.xml)
先给出布局控件在Eclipse ADT中的预览效果:
我们把布局分为四个部分:标题栏,条件栏,查询按钮和结果栏
标题栏
采用填满父控件的TextView实现,并指定高度和背景等信息
<TextView
android:layout_width="match_parent"
android:layout_height="45dp"
android:background="@drawable/title_bg"
android:gravity="center"
android:text="@string/app_name"
android:textColor="@color/white"
android:textSize="16sp" />
条件栏
采用LinearLayout实现四分局布局,每个按钮的右下角提供一个下拉箭头作为提示