android 蓝牙锁应用开发实例（二）客户端基本页面

本人水平有限，文章中如果出现什么不正确或者模糊的地方，还请各位小伙伴留下评论，多多指教 : )

概述

从本文开始起就正式进入到代码部分的编写，这篇文章主要介绍的是android客户端基本页面的编写，将包含如下几个内容

开机时的图形锁界面

Fragment的使用

“我的蓝牙锁”界面的编写及相关listview的使用

下面将具体展开讲解

图形锁界面

进入应用前的界面是一个九宫格型的图形锁，由于这部分内容是参考另外一片博客，所以我这里就不说具体代码了，这里附上博文连接—— Android之高仿手机QQ图案解锁博文里面提供了图形锁的源码下载。有兴趣的小伙伴可以仔细去研究一下这些代码实现的原理。

我们这里只要把它加入到应用当中就好了。在android studio 中选择File->New->new Module ->Android Library,完成创建后打开Module文件夹下的bulid.gradle 修改成如下形式：

apply plugin: 'com.android.library'
android {
compileSdkVersion 18
buildToolsVersion "19.1.0"

defaultConfig {
minSdkVersion 15
targetSdkVersion 23
versionCode 1
versionName "1.0"

}

buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.txt'
}
}
}

修改完gradle文件后，我们导入的项目就变成了一个lib，此时项目会报错，需要常量表达式。报错的原因是我们module的代码当中有使用switch case的结构，修改成对应的if esle 就可以解决问题。再接着在主应用中添加依赖File ->Project Structure ->Modules ->app ->Dependencies 即可

我们需要实现的功能是用户是第一次进入应用吗？引导界面：解锁界面；对应流程图是：

Created with Raphaël 2.1.0开始用户使用是否第一次进入应用？进入引导界面进入解锁界面进入应用主界面yesno

只需要相应的修改intent的跳转就可以了。

protected void onResume() {
super.onResume();

if(!App.getInstance().getLockPatternUtils().savedPatternExists()) {//用户第一次进入app
startActivity(new Intent(this, GuideGesturePasswordActivity.class));
finish();
}
}

public void onPatternDetected(List<LockPatternView.Cell> pattern) {
if (pattern == null)
return;
if (App.getInstance().getLockPatternUtils().checkPattern(pattern)) {
mLockPatternView
.setDisplayMode(LockPatternView.DisplayMode.Correct);
Intent intent = new Intent(UnlockGesturePasswordActivity.this,
MainActivity.class);
// 打开新的Activity
startActivity(intent);
showToast("解锁成功");
finish();
……

稍微阅读一下lockPattern的代码，就能弄清楚活动与活动之间的关系，接来下根据自己的项目需求设置intent的跳转即可。

Fragment的使用

如图是我们要实现的一个效果



分为 底部导航栏和与之对应的三个fragment。

关于Fragment的基本概念，可以参考Android 开发 之 Fragment 详解通过这篇博文，应该了解：

1、Fragment与Activity之间是什么样的关系？

2、Fragment与Activity的通信方式

3、Fragment的生命周期

4、Fragment的事务管理