前 言
移动应用开发又称App开发,是近年来的新兴软件开发行业。基于手机设备的特性,App开发与服务器开发、网页开发等传统软件开发有很大不同,将App开发相关技术称为一门新兴学科也不为过。
作为一门学科,必然要求建立一套理论体系,这个理论体系应当具有普遍性与适用性,不会随着工具的变迁而消亡。App开发就是如此,无论使用Android开发还是iOS开发,所采用的技术、要实现的功能都大同小异,区别在于需要使用不同的编程工具进行开发。对于用户来说,华为手机上的微信与苹果手机上的微信都是社交App,这两个微信在功能和使用上并没有显著区别。
笔者从事软件开发工作十几年,期间经历了多次编程方向的转型,先从C/C++开发转向Java开发,再从Java开发转向Android开 发,而Android开发先用ADT后用Android Studio。在多次转型过程中,笔者深深体会到,无论是编程语言还是开发工具,变化的都是技术实现手段,而不是人类愿景和系统原理。人类愿景是让生活更加便捷、让娱乐更加丰富,系统原理是让软件界面更加美观、让运行速度更加流畅。
本书的写作目的是教会读者Android开发,带领读者走进一个崭新的学科领域。市面上的Android开发书籍林林总总,写作风格各有千秋,不过讲解的基本是编程开发,有的还会讲解项目管理。本书除了介绍常规的Android开发外,还尝试从两方面加以拓展,一方面从产品经理的角度仔细分析App技术能帮用户做什么事情、能带给用户什么收获;另一方面从设计师的角度详细论述如何把千篇一律的页面变得生动活泼,如何让某个功能实现得更合理、高效。
全书的内容编排采用由浅入深、循序渐进的章节体例,不但考虑初学者的学习连续性,而且可以建立一个统一、连贯的学科体系。这么编排的好处是显而易见的,读者只要按照顺序学习,就能在学习过程中对已学部分不断复习巩固,同时提前预习后面的技术点,一方面衔接自然,另一方面提高学习效率。比如第3章末尾介绍实战项目“登录App”,紧接着第4章开头介绍如何实现登录页面的记住密码功能;第12章介绍“动画”,一方面为前一章的飞掠横幅补充动画效果,另一方面为后一章的相册切换动画埋下伏笔。
全书可分为两大部分,第一部分是第1~8章,主要介绍Android Studio的环境搭建,App开发的各种常用控件,App的数据存储方式。如何调试App并将App发布上线,这部分囊括了App开发的基础知识,特别详细说明App从开发到调试再到上线的企业级开发流程。第二部分是第9~16章,主要介绍App开发的高级部分,包括设备操作、网络通信、事件、动画、多媒体、融合技术、第三方开发包、性能优化等,这部分涵盖App开发的进阶内容,与第一部分相比就像是“鸟枪换炮”,让开发者完成从游击队到正规军的华丽转变。
建议初学者和在校学生完整学习第1~8章内容,因为这部分包含App开发的必备技能,只有打好基础,才能进一步学习。至于第9~16章内容,根据前面的学习情况和个人兴趣爱好选择相应的章节学习即可。如果倾向于学习工具类App的开发,就可以选择学习“第9章 设备操作”“第11章 事件”“第12章 动画”“第13章 多媒体”;如果倾向于学习企业类App的开发,就可以选择学习“第10章 网络通信”“第14章 融合技术”“第15章 第三方开发包”“第16章 性能优化”。
对于有经验的开发者来说,可以自行选择不熟悉的知识点拾遗补缺。另外,本书讲述的部分知识点很具特色,如卫星导航、Socket通信、多点触控、百叶窗动画、音乐播放器、蓝牙技术、支付SDK、图片缓存原理等,这些内容在同类Android入门书籍中鲜有论述,有兴趣的读者可重点关注。
当然,本书面向的读者不仅是开发人员和计算机专业学生,也包括移动互联网行业的其他从业人员。对于产品经理来说,可以了解一下某个功能使用的技术,看似简单的功能,也许并不容易实现。对于设计师来说,“他山之石,可以改玉”,可以参考一下别人的实现方式,也许正好可以激发你的灵感,其实不无裨益。对于测试人员来说,可以熟悉一下每项技术的优缺点,从而制订出更全面的测试方案,也许能发现更多BUG。
本书所有代码都基于Android Studio 2.2.3开发,并使用API 25的SDK(Android 7.1.1)编译与调试通过。读者在阅读本书时,若对书中内容有疑问,可在笔者的博客(http://blog.csdn.net/aqi00)留言。
本书范例的素材和代码下载地址为:http://pan.baidu.com/s/1dFEFEhF(注意区分数字和英文字母大小写)。如果下载有问题,请发送电子邮件至booksaga@126.com,邮件主题设置为“求从零基础到App上线下载资源”。
最后,感谢王金柱编辑的热情指点,感谢我的家人一直以来的支持,没有他们的鼎力相助,本书就无法顺利完成。
欧阳燊
2017年1月
欧阳燊 同济大学计算机科学与技术专业学士,浙江大学软件工程专业工程硕士,先后就职于福建新大陆软件工程公司、亚信科技有限公司杭州研发中心、福建福诺移动通信技术有限公司,历任系统分析师、高级软件工程师。具有12年以上软件开发经验,熟悉C/C++、Java及相关软件架构,两年Android开发经验,从事一款用户量超千万的App项目开发,对Android开发拥有丰富的实战经验。
目 录
第1章 Android Studio环境搭建 1
1.1 Android Studio简介 2
1.2 Android Studio的安装 2
1.2.1 开发机配置要求 2
1.2.2 安装依赖的软件 3
1.2.3 安装Android Studio 5
1.3 运行小应用Hello World 7
1.3.1 创建新项目 7
1.3.2 编译项目/模块 10
1.3.3 创建模拟器 10
1.3.4 在模拟器上运行App 11
1.4 App的工程结构 12
1.4.1 工程目录说明 12
1.4.2 编译配置文件build.gradle 13
1.4.3 App运行配置AndroidManifest.xml 15
1.4.4 在代码中操纵控件 15
1.5 准备开始 17
1.5.1 使用快捷键 17
1.5.2 安装SVN工具 18
1.5.3 安装常用插件 19
1.5.4 导入ADT工程 21
1.6 小结 22
第2章 初级控件 23
2.1 屏幕显示 24
2.1.1 像素 24
2.1.2 颜色 25
2.1.3 屏幕分辨率 26
2.2 简单布局 27
2.2.1 视图View的基本属性 27
2.2.2 线性布局LinearLayout 30
2.2.3 滚动视图ScrollView 32
2.3 简单控件 34
2.3.1 文本视图TextView 34
2.3.2 按钮Button 38
2.3.3 图像视图ImageView 39
2.3.4 图像按钮ImageButton 43
2.4 图形基础 45
2.4.1 Drawable 46
2.4.2 状态列表图形 47
2.4.3 形状图形 48
2.4.4 九宫格图片 51
2.5 实战项目:简单计算器 52
2.5.1 设计思路 53
2.5.2 小知识:日志Log/提示Toast 54
2.5.3 代码示例 55
2.6 小结 58
第3章 中级控件 59
3.1 其他布局 60
3.1.1 相对布局RelativeLayout 60
3.1.2 框架布局FrameLayout 64
3.2 特殊按钮 65
3.2.1 复选框CheckBox 65
3.2.2 开关按钮Switch 66
3.2.3 单选按钮RadioButton 67
3.3 适配视图基础 68
3.3.1 下拉框Spinner 68
3.3.2 数组适配器ArrayAdapter 69
3.3.3 简单适配器SimpleAdapter 70
3.4 编辑框 71
3.4.1 文本编辑框EditText 72
3.4.2 自动完成编辑框AutoCompleteTextView 77
3.5 Activity基础 78
3.5.1 Activity的生命周期 78
3.5.2 使用Intent传递消息 82
3.5.3 向下一个Activity传递参数 84
3.5.4 向上一个Activity返回参数 85
3.6 实战项目:登录App 88
3.6.1 设计思路 88
3.6.2 小知识:AlertDialog 89
3.6.3 代码示例 91
3.7 小结 94
第4章 数据存储 95
4.1 共享参数SharedPreferences 96
4.1.1 基本用法 96
4.1.2 实现记住密码功能 97
4.2 数据库SQLite 98
4.2.1 SQLite的基本用法 98
4.2.2 SQLiteOpenHelper 100
4.2.3 优化记住密码功能 106
4.3 SD卡文件操作 108
4.3.1 SD卡的基本操作 108
4.3.2 文本文件读写 110
4.3.3 图片文件读写 111
4.4 Application基础 112
4.4.1 Application的生命周期 112
4.4.2 利用Application操作全局变量 113
4.5 实战项目:购物车 115
4.5.1 设计思路 115
4.5.2 小知识:菜单Menu 116
4.5.3 代码示例 119
4.6 小结 125
第5章 高级控件 126
5.1 日期时间控件 127
5.1.1 日期选择器DatePicker 127
5.1.2 时间选择器TimePicker 128
5.2 列表类视图 129
5.2.1 基本适配器BaseAdapter 129
5.2.2 列表视图ListView 133
5.2.3 网格视图GridView 138
5.3 翻页类视图 142
5.3.1 翻页视图ViewPager 142
5.3.2 翻页标题栏PagerTitleStrip/PagerTabStrip 145
5.3.3 简单的启动引导页 147
5.4 碎片Fragment 150
5.4.1 静态注册 150
5.4.2 动态注册/碎片适配器FragmentStatePagerAdapter 154
5.4.3 改进的启动引导页 157
5.5 Broadcast基础 159
5.5.1 发送/接收临时广播 159
5.5.2 定时器AlarmManager 162
5.6 实战项目:日历/日程表 163
5.6.1 设计思路 163
5.6.2 小知识:震动器Vibrator 165
5.6.3 代码示例 165
5.7 小结 170
第6章 自定义控件 171
6.1 自定义视图 172
6.1.1 声明属性 172
6.1.2 构造对象 175
6.1.3 测量尺寸 176
6.1.4 绘制视图 179
6.2 自定义动画 184
6.2.1 任务Runnable 184
6.2.2 下拉刷新动画 185
6.2.3 圆弧进度动画 186
6.3 自定义对话框 190
6.3.1 对话框Dialog 190
第13章 多 媒 体
本章介绍App开发常见的多媒体技术,主要包括如何使用各种图像控件实现自定义相册、如何使用视频相关控件实现视频播放器,另外介绍四大组件之一的ContentProvider的基本概念与常见用法。最后结合本章所学的知识演示一个实战项目“音乐播放器——浪花音乐”的设计与实现。
13.1 相 册
本节介绍自定义相册的实现过程,首先说明使用画廊或循环视图如何实现简单相册;接着阐述使用图像切换器如何实现相册的左右滑动功能;然后分别介绍卡片视图与调色板的用法,并结合上述图像控件完成一个图片查看器——青青相册。
13.1.1 画廊Gallery
前几章使用文件对话框打开图片时只能看到图片的文件名,看不到图片的缩略图,对用户来说很不方便,因为光看文件名怎么知道这张图片什么模样呢?如果是在电脑上,就可以查看一组图片的缩略图列表,很容易找到想要的图片。在手机上可以使用相应的图像控件做出缩略图展示的相册效果。
画廊Gallery是专门用于展示图片列表的控件,左右滑动手势即可展示内嵌的图片列表,画面效果类似于一个平面万花筒。尽管Android将Gallery标记为Deprecation(表示已废弃),建议开发者采用HorizontalScrollView或ViewPager代替,不过Gallery用来轮播图片是一个挺好的选择。不妨了解一下Gallery控件,并结合其他控件加深对图像开发的理解。
下面是Gallery的常用方法说明。
? setSpacing:设置图片之间的间隔大小,对应的XML属性是spacing。
? setUnselectedAlpha:设置未选定图片的透明度,对应的XML属性是unselectedAlpha。取值范围为0.0~1.0,0.0表示完全透明,1.0表示完全不透明。
? setAdapter:设置画廊的适配器。
? getSelectedItemId:获取当前选中的视图序号。
? setSelection:设置当前选中第几个视图。
? setOnItemClickListener:设置单项的点击监听器。
使用画廊看起来很简单,接下来试着用Gallery结合ImageView实现观看画廊的相册效果。首先在布局文件中放置一个框架布局FrameLayout,里面放一个画廊控件与一个图像视图控件,ImageView设置为充满整个屏幕,Gallery放在屏幕下方;然后监听Gallery控件的单项点击事件,当用户点击指定图片项时,使用ImageView控件填充该图片,也就是点小图看大图。
下面是通过Gallery与ImageView实现简单相册的代码:
public class GalleryActivity extends AppCompatActivity implements OnItemClickListener {
private ImageView iv_gallery;
private Gallery gl_gallery;
private int[] mImageRes = { R.drawable.scene1, R.drawable.scene2, R.drawable.scene3,
R.drawable.scene4, R.drawable.scene5, R.drawable.scene6 };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_gallery);
iv_gallery = (ImageView) findViewById(R.id.iv_gallery);
iv_gallery.setImageResource(mImageRes[0]);
int dip_pad = Utils.dip2px(this, 20);
gl_gallery = (Gallery) findViewById(R.id.gl_gallery);
gl_gallery.setPadding(0, dip_pad, 0, dip_pad);
gl_gallery.setSpacing(dip_pad);
gl_gallery.setUnselectedAlpha(0.5f);
gl_gallery.setAdapter(new GalleryAdapter(this, mImageRes));
gl_gallery.setOnItemClickListener(this);
}
@Override
public void onItemClick(AdapterView parent, View view, int position, long id) {
iv_gallery.setImageResource(mImageRes[position]);
}
}
Gallery相册的画面效果如图13-1和图13-2所示。其中,图13-1所示为展示相册第一张图片时的画面;图13-2所示为点击第二张小图时,屏幕展示第二张大图的画面。
图13-1 画廊展示第一张图片 图13-2 画廊展示第二张图片
如果想用其他控件替代Gallery,就可以考虑使用功能强大的循环视图RecyclerView。具体实现时主要是定义一个水平方向的线性布局管理器,然后通过适配器填入图片列表。
使用RecyclerView与ImageView实现相册的代码很简单,举例如下:
public class RecyclerViewActivity extends AppCompatActivity implements OnItemClickListener {
private ImageView iv_photo;
private RecyclerView rv_photo;
private int[] mImageRes = { R.drawable.scene1, R.drawable.scene2, R.drawable.scene3,
R.drawable.scene4, R.drawable.scene5, R.drawable.scene6 };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_recycler_view);
iv_photo = (ImageView) findViewById(R.id.iv_photo);
iv_photo.setImageResource(mImageRes[0]);
rv_photo = (RecyclerView) findViewById(R.id.rv_photo);
LinearLayoutManager manager = new LinearLayoutManager(this);
manager.setOrientation(LinearLayout.HORIZONTAL);
rv_photo.setLayoutManager(manager);
PhotoAdapter adapter = new PhotoAdapter(this, mImageRes);
adapter.setOnItemClickListener(this);
rv_photo.setAdapter(adapter);
rv_photo.setItemAnimator(new DefaultItemAnimator());
rv_photo.addItemDecoration(new SpacesItemDecoration(20));
}
@Override
public void onItemClick(View view, int position) {
iv_photo.setImageResource(mImageRes[position]);
rv_photo.scrollToPosition(position);
}
}
使用RecyclerView方式实现的相册效果如图13-3和图13-4所示。其中,图13-3所示为展示相册第3张图片时的画面;图13-4所示为点击第4张小图时,屏幕展示第4张大图的画面。
图13-3 循环视图展示第3张图片 图13-4 循环视图展示第4张图片
13.1.2 图像切换器ImageSwitcher
可能读者已经发现,前面Gallery相册在切换大图时比较生硬,前后两张图片闪一下就切过去了,用户体验不够友好。有没有办法让图片切换自然一些呢,比如通过渐变动画的方式?答案肯定是有的,就是把占据整个屏幕的图像视图ImageView换成图像切换器ImageSwitcher,然后通过ImageSwitcher实现前后图片的切换动画。
ImageSwitcher继承自视图动画器ViewAnimator,用于承载前后两个图像的变换动画;与之对应的是,文本切换器 TextSwitcher承载前后两个文本的变换动画;第11章介绍的飞掠视图ViewFlipper是从ViewAnimator派生而来,读者已经知道它 用来承载前后两个视图的变换动画。
下面介绍ImageSwitcher的常用方法。
? setFactory:设置一个视图工厂。该视图工厂由ViewFactory派生而来,需重写makeView方法返回工厂的具体视图。对于ImageSwitcher来说,工厂返回的是ImageView对象。
? setImageResource:设置当前图像的资源ID。该方法与下面的setImageDrawable方法和setImageURI方法为三选一操作,调用了其中一个方法,就无须调用另外两个方法。
? setImageDrawable:设置当前图像的Drawable对象。
? setImageURI:设置当前图像的URI地址。
? setInAnimation:设置后一个图像的进入动画。
? setOutAnimation:设置前一个图像的退出动画。
这里运用的动画技术跟第11章和第12章的飞掠视图类似。首先,对前后图片的切换动画可以事先设置好集合动画,通过setInAnimation和setOutAnimation方法完成动画调用;其次,前后图片的切换操作不但可由Gallery控件的点击操作出发,而且可由手势的左滑和右滑操作触发,这要借助于手势检测器GestureDetector,通过检测左滑手势和右滑手势自动轮播 图片。
按照以上的设计思路使用ImageSwitcher实现相册切换动画的代码如下:
public void onItemClick(AdapterView parent, View view, int position, long id) {
is_switcher.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.fade_in));
is_switcher.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.fade_out));
is_switcher.setImageResource(mImageRes[position]);
}
public class ViewFactoryImpl implements ViewFactory {
@Override
public View makeView() {
ImageView iv = new ImageView(ImageSwitcherActivity.this);
iv.setBackgroundColor(0xFFFFFFFF);
iv.setScaleType(ScaleType.FIT_XY);
iv.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
return iv;
}
}
@Override
public boolean onTouch(View v, MotionEvent event) {
mGesture.onTouchEvent(event);
return true;
}