maxinyu/SecurityDefenseDevice
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

人脸检测UI

Browse Source
This commit is contained in:
maxinyu
2026-04-27 17:03:56 +08:00
parent b47704b281
commit 1b62e4d264
9 changed files with 192 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/main/AndroidManifest.xml
View File

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-feature

16
app/src/main/java/com/example/defenseapplication/okhttp/ApiService.kt Normal file
View File

@@ -0,0 +1,16 @@
package com.example.defenseapplication.okhttp
import com.google.gson.Gson
import com.google.gson.reflect.TypeToken
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.withContext
import okhttp3.OkHttpClient
import okhttp3.Request
import java.io.IOException
object ApiService {
private const val BASE_URL = "https://stem-boozy-margarine.ngrok-free.dev"
private val client = OkHttpClient()
private val gson = Gson()
}

8
app/src/main/java/com/example/defenseapplication/okhttp/DataClass.kt Normal file
View File

@@ -0,0 +1,8 @@
package com.example.defenseapplication.okhttp
data class Post(
val userId: Int,
val id: Int,
val title: String,
val body: String
)

4
app/src/main/java/com/example/defenseapplication/okhttp/OkHttpClient.kt
View File

@@ -1,4 +0,0 @@
package com.example.defenseapplication.okhttp
class OkHttpClient {
}

44
app/src/main/java/com/example/defenseapplication/view/FaceOverlayView.kt
View File

@@ -4,20 +4,31 @@ import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.graphics.Path
import android.graphics.RectF
import android.util.AttributeSet
import android.view.View
import com.google.mlkit.vision.face.Face
class FaceOverlayView(context: Context, attrs: AttributeSet?) : View(context, attrs) {
private val paint = Paint().apply {
color = Color.GREEN
private val framePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = Color.WHITE
style = Paint.Style.STROKE
strokeWidth = 4f
strokeWidth = 6f
}
private val textPaint = Paint().apply {
color = Color.YELLOW
textSize = 40f
private val maskPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = Color.parseColor("#7A000000")
style = Paint.Style.FILL
}
private val facePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = Color.parseColor("#80FFFFFF")
style = Paint.Style.STROKE
strokeWidth = 3f
}
private val maskPath = Path()
private val frameRect = RectF()
private var faces = mutableListOf<Face>()
fun setFaces(faces: List<Face>) {
@@ -27,10 +38,27 @@ class FaceOverlayView(context: Context, attrs: AttributeSet?) : View(context, at
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
val cx = width / 2f
val cy = height * 0.45f
val radius = minOf(width, height) * 0.31f
maskPath.reset()
maskPath.addRect(0f, 0f, width.toFloat(), height.toFloat(), Path.Direction.CW)
maskPath.addCircle(cx, cy, radius, Path.Direction.CCW)
canvas.drawPath(maskPath, maskPaint)
canvas.drawCircle(cx, cy, radius, framePaint)
frameRect.set(cx - radius, cy - radius, cx + radius, cy + radius)
for (face in faces) {
val rect = face.boundingBox
canvas.drawRect(rect, paint)
canvas.drawText("Face", rect.left.toFloat(), rect.top - 10f, textPaint)
val clippedLeft = rect.left.coerceAtLeast(frameRect.left.toInt()).toFloat()
val clippedTop = rect.top.coerceAtLeast(frameRect.top.toInt()).toFloat()
val clippedRight = rect.right.coerceAtMost(frameRect.right.toInt()).toFloat()
val clippedBottom = rect.bottom.coerceAtMost(frameRect.bottom.toInt()).toFloat()
if (clippedRight > clippedLeft && clippedBottom > clippedTop) {
canvas.drawRect(clippedLeft, clippedTop, clippedRight, clippedBottom, facePaint)
}
}
}
}

6
app/src/main/res/drawable/bg_bottom_gradient.xml Normal file
View File

@@ -0,0 +1,6 @@
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#00000000"
android:endColor="#E0000000"
android:angle="90" />
</shape>

115
app/src/main/res/layout/face_verification_activity.xml
View File

@@ -6,7 +6,6 @@
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".login.FaceVerificationActivity">
<androidx.camera.view.PreviewView
android:id="@+id/previewView"
android:layout_width="match_parent"
@@ -17,4 +16,118 @@
android:layout_width="match_parent"
android:layout_height="match_parent" />
<View
android:id="@+id/statusBarPlaceholder"
android:layout_width="match_parent"
android:layout_height="36dp"
android:background="#26000000"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@+id/topContainer" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/topContainer"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingStart="16dp"
android:paddingTop="8dp"
android:paddingEnd="16dp"
android:paddingBottom="8dp"
app:layout_constraintTop_toBottomOf="@id/statusBarPlaceholder"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<ImageView
android:id="@+id/backIcon"
android:layout_width="24dp"
android:layout_height="24dp"
android:contentDescription="@null"
android:src="@drawable/ic_back_arrow"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="人脸采集"
android:textColor="@android:color/white"
android:textSize="22sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="@id/backIcon"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/backIcon" />
</androidx.constraintlayout.widget.ConstraintLayout>
<LinearLayout
android:id="@+id/hintContainer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal"
android:paddingStart="16dp"
android:paddingEnd="16dp"
app:layout_constraintBottom_toTopOf="@id/bottomContainer"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<ImageView
android:layout_width="12dp"
android:layout_height="12dp"
android:layout_marginEnd="8dp"
android:contentDescription="@null"
android:src="@drawable/ic_red_dot" />
<TextView
android:id="@+id/tvFaceHint"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="请将人脸放入圆形区域内"
android:textColor="@android:color/white"
android:textSize="20sp"
android:textStyle="bold"
android:letterSpacing="0.03" />
</LinearLayout>
<LinearLayout
android:id="@+id/bottomContainer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingHorizontal="24dp"
android:paddingTop="20dp"
android:paddingBottom="28dp"
android:background="@drawable/bg_bottom_gradient"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<android.widget.Button
android:id="@+id/btnCaptureFace"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="采集人脸"
android:textAllCaps="false"
android:textSize="17sp"
android:textStyle="bold"
android:background="@drawable/bg_capture_face_button"
android:textColor="#F2FFFFFF" />
</LinearLayout>
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyleLarge"
android:layout_width="48dp"
android:layout_height="48dp"
android:visibility="gone"
android:background="#AA000000"
android:indeterminateTint="@color/white"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

1
app/src/main/res/values/colors.xml
View File

@@ -10,5 +10,6 @@
<color name="face">#F0F0F0</color>
<color name="ic_selected">#000000 </color>
<color name="ic_normal">#999999 </color>
<color name="ic_gray">#99000000 </color>
</resources>