本文首發(fā)于公眾號(hào)“AntDream”，歡迎微信搜索“AntDream”或掃描文章底部二維碼關(guān)注，和我一起每天進(jìn)步一點(diǎn)點(diǎn)

SurfaceView 是一個(gè)非常強(qiáng)大但也相對(duì)復(fù)雜的 UI 組件，特別適用于對(duì)性能要求較高的繪制任務(wù)，如視頻播放、游戲等。

1. SurfaceView 原理

SurfaceView 是一種特殊的 View，它提供了一個(gè)獨(dú)立的繪制表面。與普通的 View 不同，它把繪制內(nèi)容和圖層的生成放在一個(gè)獨(dú)立的 Surface 上。SurfaceView 的主要特點(diǎn)是：

• 提供一個(gè)獨(dú)立的 Surface，避免與主 UI 線程的沖突。
• 通過(guò)獨(dú)立的 Surface，可以在獨(dú)立的線程進(jìn)行繪制，極大地提高了繪制的效率和性能。

2. Surface 類(lèi)

Surface 是一個(gè)圖形接口，用于在不同的線程間傳遞圖形緩沖區(qū)。Surface 類(lèi)常與 SurfaceView、SurfaceHolder 以及 SurfaceTexture 一起使用。

• Surface：代表一個(gè)基礎(chǔ)的繪圖表面。
• SurfaceHolder：用于訪問(wèn)和控制 SurfaceView 的 Surface。
• SurfaceTexture：用于管理基于 GPU 的紋理繪制。

3. SurfaceView 與 View 樹(shù)的關(guān)系

SurfaceView 在布局上存在于 View 樹(shù)中，但其內(nèi)容實(shí)際上是在獨(dú)立的 Surface 上進(jìn)行繪制的。這使得它與普通的 View 有很大的不同：

• 普通 View 的繪制一般是在 UI 線程上進(jìn)行的，而 SurfaceView 的繪制可以在獨(dú)立的線程上進(jìn)行。
• SurfaceView 在渲染時(shí)，實(shí)際的繪制表面位于自己的獨(dú)立層上，這層與 View 樹(shù)的其他部分是分離的。
• SurfaceView 可能會(huì)出現(xiàn)與其他 View 層次關(guān)系相關(guān)的問(wèn)題，如SurfaceView 總是出現(xiàn)在所有 View 的最上方。

4. SurfaceView 使用舉例

下面是一個(gè)簡(jiǎn)單的使用 SurfaceView 繪制一個(gè)移動(dòng)矩形的例子，使用 Kotlin 代碼展示：

import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.util.AttributeSet
import android.view.SurfaceHolder
import android.view.SurfaceViewclass CustomSurfaceView(context: Context, attrs: AttributeSet? = null) : SurfaceView(context, attrs), SurfaceHolder.Callback {private var drawingThread: Thread? = nullprivate var isRunning = falseprivate val paint = Paint().apply {color = Color.REDstyle = Paint.Style.FILL}private var positionX = 0private val speedX = 5init {holder.addCallback(this)}override fun surfaceCreated(holder: SurfaceHolder) {isRunning = truedrawingThread = Thread {while (isRunning) {val canvas: Canvas? = holder.lockCanvas()if (canvas != null) {synchronized(holder) {drawSomething(canvas)}holder.unlockCanvasAndPost(canvas)}}}drawingThread?.start()}private fun drawSomething(canvas: Canvas) {canvas.drawColor(Color.WHITE)canvas.drawRect(positionX.toFloat(), 100f, (positionX + 100).toFloat(), 200f, paint)positionX += speedXif (positionX > width) positionX = 0}override fun surfaceChanged(holder: SurfaceHolder, format: Int, width: Int, height: Int) {// Handle surface changes if needed}override fun surfaceDestroyed(holder: SurfaceHolder) {isRunning = falsedrawingThread?.join()}
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè) CustomSurfaceView，它繼承了 SurfaceView 并實(shí)現(xiàn)了 SurfaceHolder.Callback 接口。在 surfaceCreated() 方法中啟動(dòng)了一個(gè)線程，該線程在獨(dú)立的表面上繪制一個(gè)移動(dòng)的矩形。

5. 需要注意的問(wèn)題

使用 SurfaceView 時(shí)需要注意幾個(gè)問(wèn)題：

• 線程安全：確保繪圖線程能夠正常停止，防止內(nèi)存泄漏或異常。
• 雙重緩沖：如果需要實(shí)現(xiàn)平滑動(dòng)畫(huà)，建議使用雙緩沖技術(shù)。
• 生命周期：記得正確處理 SurfaceView 的生命周期方法，避免繪圖線程在 Surface 銷(xiāo)毀后仍然運(yùn)行。
• 與普通 View 疊加問(wèn)題：由于 SurfaceView 總是處在所有 View 的最上方，可能需要特殊處理才能正確顯示多層 View 的疊加效果。
• 性能優(yōu)化：在高性能場(chǎng)景中，注意優(yōu)化繪制代碼，避免在繪制方法中執(zhí)行耗時(shí)操作。

總結(jié)

SurfaceView 是一個(gè)非常適用于高性能繪制任務(wù)的組件，通過(guò)理解其原理、Surface 類(lèi)的作用以及與 View 樹(shù)的關(guān)系，可以更好地在實(shí)際項(xiàng)目中加以應(yīng)用。在使用過(guò)程中注意線程安全、生命周期管理以及性能優(yōu)化，以確保應(yīng)用的穩(wěn)定性和流暢性。

---

歡迎關(guān)注我的公眾號(hào)AntDream查看更多精彩文章！