一招搞定Android人臉識別app—基於RxJava+Dagger高度解耦問題

首頁>技術>Android進階小劉2020-04-05 09:13

一招搞定Android人臉識別app—基於RxJava+Dagger高度解耦問題

前言

最近公司專案比較空，花了點時間寫了個人臉識別的app，可以檢視你的性別、年齡、顏值、情緒等資訊，利用的是 Face++ 的人臉識別API。本專案採用了 MVP 的架構，使用了 Retrofit、RxJava、Dagger、EventBus 等框架進行開發和解耦，利用 MaterialDesign 進行UI上的佈局設計。

主要的功能就是拍照，然後將照片傳至 Face++ 伺服器，進行人臉識別，獲取返回的資訊，對資訊進行處理。將人臉在照片上標出，並將資訊展示出來。

話不多說，先來看一下 app 的效果（吳彥祖還是帥啊，哈哈）。

面部識別主介面

面部識別詳情介面

多人臉識別

專案我已經放在 github 上，clone 下來即可編譯執行。github 地址: reggie1996 - FaceDetect 。下面文章主要介紹的是本專案的開發過程和碰到的坑。

過程

專案的整個流程很簡單無非就是三步，拍照片，傳照片獲取資料，然後對資料進行處理展示。

拍照獲取照片拍照需要獲取系統許可權，我封裝了一個方法，來判斷App是否有拍照相關的許可權，如果沒有就去動態請求許可權，並返回 false，如果有就返回 true。

public&nbsp;static&nbsp;boolean&nbsp;checkAndRequestPermission(Context&nbsp;context,&nbsp;int&nbsp;requestCode)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(context.checkSelfPermission(&nbsp;Manifest.permission.WRITE_EXTERNAL_STORAGE)&nbsp;!=&nbsp;PackageManager.PERMISSION_GRANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;context.checkSelfPermission(Manifest.permission.READ_EXTERNAL_STORAGE)&nbsp;!=&nbsp;PackageManager.PERMISSION_GRANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;context.checkSelfPermission(Manifest.permission.CAMERA)&nbsp;!=&nbsp;PackageManager.PERMISSION_GRANTED)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;((Activity)&nbsp;context).requestPermissions(new&nbsp;String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE,&nbsp;Manifest.permission.READ_EXTERNAL_STORAGE,&nbsp;Manifest.permission.CAMERA},&nbsp;requestCode);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}

獲取到拍照許可權後就可以拍照了，但是拍照得到的照片我們需要通過 FileProvider 獲取。FileProvider 相關的內容就不作介紹了，Android 7.0 之後都得用這個。

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;provider&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:name=&#34;android.support.v4.content.FileProvider&#34;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:authorities=&#34;com.chaochaowu.facedetect.provider&#34;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:exported=&#34;false&#34;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:grantUriPermissions=&#34;true&#34;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta-data&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:name=&#34;android.support.FILE_PROVIDER_PATHS&#34;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:resource=&#34;@xml/file_paths&#34;&nbsp;/&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/provider&gt;

拍照之後從檔案中讀取照片，我們可以得到一個 BitMap 物件。這裡就有一個很大的坑，如果手機是三星的話，照片從檔案裡讀出來，最後得到的照片會被旋轉 90°！！！，這個賊坑啊，調了我好久，以為是自己手機的故障，後來網上查了一下，也請教了一下前輩，原來三星的手機都有這個問題，所以說我們要對檔案中取出來的照片進行一下處理。

/**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;讀取圖片的旋轉的角度&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;path&nbsp;圖片絕對路徑&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@return&nbsp;圖片的旋轉角度&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;static&nbsp;int&nbsp;getBitmapDegree(String&nbsp;path)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;degree&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;try&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;從指定路徑下讀取圖片，並獲取其EXIF資訊&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ExifInterface&nbsp;exifInterface&nbsp;=&nbsp;new&nbsp;ExifInterface(path);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;獲取圖片的旋轉資訊&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;orientation&nbsp;=&nbsp;exifInterface.getAttributeInt(ExifInterface.TAG_ORIENTATION,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ExifInterface.ORIENTATION_NORMAL);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch&nbsp;(orientation)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;ExifInterface.ORIENTATION_ROTATE_90:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;degree&nbsp;=&nbsp;90;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;ExifInterface.ORIENTATION_ROTATE_180:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;degree&nbsp;=&nbsp;180;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case&nbsp;ExifInterface.ORIENTATION_ROTATE_270:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;degree&nbsp;=&nbsp;270;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;default:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;degree&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;catch&nbsp;(IOException&nbsp;e)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.printStackTrace();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;degree;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;/**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;將圖片按照某個角度進行旋轉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;bm&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;需要旋轉的圖片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;degree&nbsp;旋轉角度&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@return&nbsp;旋轉後的圖片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;static&nbsp;Bitmap&nbsp;rotateBitmapByDegree(Bitmap&nbsp;bm,&nbsp;int&nbsp;degree)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bitmap&nbsp;returnBm&nbsp;=&nbsp;null;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;根據旋轉角度，生成旋轉矩陣&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Matrix&nbsp;matrix&nbsp;=&nbsp;new&nbsp;Matrix();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;matrix.postRotate(degree);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;try&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;將原始圖片按照旋轉矩陣進行旋轉，並得到新的圖片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;returnBm&nbsp;=&nbsp;Bitmap.createBitmap(bm,&nbsp;0,&nbsp;0,&nbsp;bm.getWidth(),&nbsp;bm.getHeight(),&nbsp;matrix,&nbsp;true);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;catch&nbsp;(OutOfMemoryError&nbsp;|&nbsp;Exception&nbsp;e)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.printStackTrace();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(returnBm&nbsp;==&nbsp;null)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;returnBm&nbsp;=&nbsp;bm;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(bm&nbsp;!=&nbsp;returnBm)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bm.recycle();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;returnBm;&nbsp;&nbsp;&nbsp;&nbsp;}

封裝了兩個方法，依次呼叫可以解決三星手機照片的問題。兩個方法主要的工作就是，得到取出來的照片被旋轉的角度，然後再將角度旋轉回去，就可以得到原來的照片。因為並不是所有的手機在獲取照片時，照片都會被旋轉，所以得先判斷一下照片有沒有被旋轉，再決定是否需要將它旋轉調整。

行，這樣最後就獲得到了正確的 BitMap 照片，可以進行下一步了。

傳照片獲取資料傳照片獲取資料，主要是運用了 Retrofit 和 RxJava 的封裝。請求的引數可以參考 Face++ 的官方文件。

/**&nbsp;*&nbsp;retrofit&nbsp;面部識別請求的網路服務&nbsp;*&nbsp;@author&nbsp;chaochaowu&nbsp;*/public&nbsp;interface&nbsp;FaceppService&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;/**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;apikey&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;apiSecret&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;imageBase64&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;returnLandmark&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@param&nbsp;returnAttributes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;@return&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;@POST(&#34;facepp/v3/detect&#34;)&nbsp;&nbsp;&nbsp;&nbsp;@FormUrlEncoded&nbsp;&nbsp;&nbsp;&nbsp;Observable&lt;FaceppBean&gt;&nbsp;getFaceInfo(@Field(&#34;api_key&#34;)&nbsp;String&nbsp;apikey,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Field(&#34;api_secret&#34;)&nbsp;String&nbsp;apiSecret,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Field(&#34;image_base64&#34;)&nbsp;String&nbsp;imageBase64,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Field(&#34;return_landmark&#34;)&nbsp;int&nbsp;returnLandmark,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Field(&#34;return_attributes&#34;)&nbsp;String&nbsp;returnAttributes);}

照片需要進行 base64 轉碼後上傳至伺服器，封裝了一個照片base64轉碼方法。

&nbsp;public&nbsp;static&nbsp;String&nbsp;base64(Bitmap&nbsp;bitmap){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ByteArrayOutputStream&nbsp;baos&nbsp;=&nbsp;new&nbsp;ByteArrayOutputStream();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bitmap.compress(Bitmap.CompressFormat.JPEG,&nbsp;100,&nbsp;baos);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;byte[]&nbsp;bytes&nbsp;=&nbsp;baos.toByteArray();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;Base64.encodeToString(bytes,&nbsp;Base64.DEFAULT);&nbsp;&nbsp;&nbsp;&nbsp;}

處理完成之後就可以進行網路請求獲取資料。

@Override&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;void&nbsp;getDetectResultFromServer(final&nbsp;Bitmap&nbsp;photo)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;String&nbsp;s&nbsp;=&nbsp;Utils.base64(photo);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;faceppService.getFaceInfo(BuildConfig.API_KEY,&nbsp;BuildConfig.API_SECRET,&nbsp;s,&nbsp;1,&nbsp;&#34;gender,age,smiling,emotion,beauty&#34;)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.subscribeOn(Schedulers.io())&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.observeOn(AndroidSchedulers.mainThread())&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.subscribe(new&nbsp;Observer&lt;FaceppBean&gt;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Override&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;void&nbsp;onSubscribe(Disposable&nbsp;d)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mView.showProgress();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Override&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;void&nbsp;onNext(FaceppBean&nbsp;faceppBean)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;handleDetectResult(photo,faceppBean);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Override&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;void&nbsp;onError(Throwable&nbsp;e)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mView.hideProgress();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Override&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public&nbsp;void&nbsp;onComplete()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mView.hideProgress();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;}

Face++ 伺服器會對我們上傳的照片進行處理，分析照片中的人臉資訊，並以 json 形式返回，返回的資料將被放入我們定義的bean類中。

/**&nbsp;*&nbsp;面部識別結果的bean&nbsp;*&nbsp;@author&nbsp;chaochaowu&nbsp;*/public&nbsp;class&nbsp;FaceppBean&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;/**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;image_id&nbsp;:&nbsp;Dd2xUw9S/7yjr0oDHHSL/Q==&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;request_id&nbsp;:&nbsp;1470472868,dacf2ff1-ea45-4842-9c07-6e8418cea78b&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;time_used&nbsp;:&nbsp;752&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;faces&nbsp;:&nbsp;[{&#34;landmark&#34;:{&#34;mouth_upper_lip_left_contour2&#34;:{&#34;y&#34;:185,&#34;x&#34;:146},&#34;contour_chin&#34;:{&#34;y&#34;:231,&#34;x&#34;:137},&#34;right_eye_pupil&#34;:{&#34;y&#34;:146,&#34;x&#34;:205},&#34;mouth_upper_lip_bottom&#34;:{&#34;y&#34;:195,&#34;x&#34;:159}},&#34;attributes&#34;:{&#34;gender&#34;:{&#34;value&#34;:&#34;Female&#34;},&#34;age&#34;:{&#34;value&#34;:21},&#34;glass&#34;:{&#34;value&#34;:&#34;None&#34;},&#34;headpose&#34;:{&#34;yaw_angle&#34;:-26.625063,&#34;pitch_angle&#34;:12.921974,&#34;roll_angle&#34;:22.814377},&#34;smile&#34;:{&#34;threshold&#34;:30.1,&#34;value&#34;:2.566890001296997}},&#34;face_rectangle&#34;:{&#34;width&#34;:140,&#34;top&#34;:89,&#34;left&#34;:104,&#34;height&#34;:141},&#34;face_token&#34;:&#34;ed319e807e039ae669a4d1af0922a0c8&#34;}]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;String&nbsp;image_id;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;String&nbsp;request_id;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;int&nbsp;time_used;&nbsp;&nbsp;&nbsp;&nbsp;private&nbsp;List&lt;FacesBean&gt;&nbsp;faces;&nbsp;&nbsp;&nbsp;&nbsp;...顯示部分內容

bean 類中有人臉識別得到的性別、年齡、顏值、情緒等資訊，還有每張人臉在照片中的座標位置。接下來的工作就是對這些資料進行處理。

獲取資訊後的資料處理資料的處理主要就兩件事，一個是將資料以文字的形式展現，這個很簡單，就不介紹了，還有一個就是將人臉在照片中標示出來，這個需要對 BitMap 進行處理，利用資料中人臉在照片中的座標位置，我們用方框將人臉標識出來。

private&nbsp;Bitmap&nbsp;markFacesInThePhoto(Bitmap&nbsp;bitmap,&nbsp;List&lt;FaceppBean.FacesBean&gt;&nbsp;faces)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bitmap&nbsp;tempBitmap&nbsp;=&nbsp;bitmap.copy(Bitmap.Config.ARGB_8888,&nbsp;true);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Canvas&nbsp;canvas&nbsp;=&nbsp;new&nbsp;Canvas(tempBitmap);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paint&nbsp;paint&nbsp;=&nbsp;new&nbsp;Paint();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;paint.setColor(Color.RED);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;paint.setStyle(Paint.Style.STROKE);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;paint.setStrokeWidth(10);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(FaceppBean.FacesBean&nbsp;face&nbsp;:&nbsp;faces)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FaceppBean.FacesBean.FaceRectangleBean&nbsp;faceRectangle&nbsp;=&nbsp;face.getFace_rectangle();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;top&nbsp;=&nbsp;faceRectangle.getTop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;left&nbsp;=&nbsp;faceRectangle.getLeft();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;height&nbsp;=&nbsp;faceRectangle.getHeight();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;width&nbsp;=&nbsp;faceRectangle.getWidth();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;canvas.drawRect(left,&nbsp;top,&nbsp;left&nbsp;+&nbsp;width,&nbsp;top&nbsp;+&nbsp;height,&nbsp;paint);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;tempBitmap;&nbsp;&nbsp;&nbsp;&nbsp;}

封裝了一個方法，運用 Canvas 在照片上進行繪製，因為照片中的人臉可能不止一個，所以用for迴圈遍歷。獲取人臉在照片中的座標，利用人臉左上角的座標以及人臉的寬高，在照片中繪製一個方框將人臉標出。

剩餘資訊我這邊採用 RecyclerView 來展示。左右滑動可以檢視每張人臉的資訊。RecyclerView 的 item 上展示的是簡要資訊，可以點選 item 進入詳情頁面檢視面部識別的詳細資訊。RecyclerView 以及詳情介面的實現就不作介紹了，很基本的操作。我這邊也就只使用了 SharedElement 讓介面切換看起來舒服一點。具體的實現可以看 github 上的程式碼。

其他就沒什麼操作了，還可以看一下我的專案架構。由於用了各種框架進行解耦，所以程式碼檔案數量變多了，但是單個檔案中的程式碼會變少一點，清晰易讀一點，這也是解耦的目的，也方便之後的維護。

注：具體實現的細節可以看 github 上面的程式碼~

最後

寫完這個APP後，我一直在思考一個問題，APP給吳彥祖的顏值打分80多，那100分的顏值會是怎樣？

最後祝大家生活愉快~

人臉識別

Android

最新評論

劇多