Android-da Canvas: bu nima, Canvas klassi va draw metodlari

Android-da Canvas nima

Canvas — Android-da markaziy 2D grafik sinfi bo'lib, tekislikda chizish uchun metodlarni ta'minlaydi. Har bir Canvas Bitmap bilan bog'langan — chizish operatsiyalari natijalari yoziladigan xotira maydoni. View qayta chizilganda, tizim onDraw()-ga ushbu View-ning bufferi bilan bog'langan Canvas-ni uzatadi.

Canvas koordinatalar tizimida ishlaydi, bunda (0,0) yuqori chap burchak, X o'qi o'ngga, Y o'qi pastga ketadi. Barcha chizish operatsiyalari Canvas-ning joriy holatidan, jumladan transformatsiya matritsasi, kesish maydoni (clip) va Paint uslubidan foydalanadi. Android Documentation (2025) ma'lumotiga ko'ra, Canvas API turli grafik primitivlar uchun 30 dan ortiq draw* metodini o'z ichiga oladi.

Canvas va Hardware Acceleration

Android 3.0 (API 11) dan boshlab Canvas DisplayList orqali apparat tezlashtirishni qo'llab-quvvatlaydi. Tezlashtirilgan rejimda Canvas operatsiyalari DisplayList-ga yoziladi va keyin GPU-da bajariladi. Bu ishlashni sezilarli darajada oshiradi, lekin cheklovlar qo'yadi: ba'zi Canvas operatsiyalari (Path bo'lmagan klip bilan clipPath) tezlashtirilgan rejimda qo'llab-quvvatlanmaydi.

Canvas-ning asosiy chizish metodlari

Canvas asosiy primitivlarni chizish uchun metodlar to'plamini ta'minlaydi. Har bir metod geometrik parametrlar va vizual uslubni belgilaydigan Paint obyektini qabul qiladi.

Har bir metod istalgan tartibda chaqirilishi mumkin — Canvas chaqiruvlar tartibida chizadi, yangi elementlarni oldingilari ustiga qo'yadi. Murakkab kompozitsiyalar uchun Canvas holatini saqlash va tiklash bilan ko'p qatlamli chizish texnikasi qo'llaniladi.

Paint sinfi: uslublar va effektlarni sozlash

Paint — Canvas qanday chizishini belgilaydigan sinf. Paint bo'lmasa, Canvas metodlari foydasiz — u rang, chiziq qalinligi, to'ldirish uslubi, matn o'lchami, effektlar (soya, gradient, xiralash) va aralashtirish rejimini belgilaydi.

Paint-ning asosiy xususiyatlari: color (rang), style (FILL, STROKE yoki FILL_AND_STROKE), strokeWidth (chiziq qalinligi), textSize (matn o'lchami), isAntiAlias (tekislash), shader (gradient yoki tasvir). Paint obyektini yaratish qimmat operatsiya, shuning uchun uni bir marta yaratib, qayta ishlatish kerak.

private val fillPaint = Paint().apply {
    color = Color.parseColor("#FF6200EE")
    style = Paint.Style.FILL
    isAntiAlias = true
}

private val strokePaint = Paint().apply {
    color = Color.WHITE
    style = Paint.Style.STROKE
    strokeWidth = 4f
    isAntiAlias = true
}

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    canvas.drawCircle(100f, 100f, 80f, fillPaint)
    canvas.drawCircle(100f, 100f, 80f, strokePaint)
}

Ushbu misolda ikkita Paint ishlatiladi: biri doirani binafsha rang bilan to'ldirish uchun, ikkinchisi oq kontur uchun. Fill va stroke ga bo'lish — obyektlarni qayta yaratmasdan tashqi ko'rinishni moslashuvchan boshqarish imkonini beradigan standart amaliyotdir.

Shader va gradientlar

Gradient to'ldirishlar uchun Paint Shader qabul qiladi — LinearGradient, RadialGradient, SweepGradient pastki sinflari. Shader setShader() metodi orqali Paint-ga biriktiriladi va rangning chizish maydonida qanday o'zgarishini belgilaydi.

Canvas transformatsiyalari: translate, rotate, scale

Canvas koordinatalar tizimining matritsali o'zgartirishlarini qo'llab-quvvatlaydi: translate() (siljitish), rotate() (aylantirish), scale() (masshtablash) va skew() (qiyshatish). Transformatsiyalar yig'iladi: har bir keyingi chaqiruv avvalgilariga qo'llaniladi.

Transformatsiyalar stekini boshqarish save() va restore() orqali amalga oshiriladi. save() Canvas-ning joriy holatini (matritsa, clip) stekda saqlaydi, restore() oxirgi saqlangan holatni tiklaydi. save() va restore() o'rtasida ichma-ich transformatsiyalar bo'lishi mumkin.

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)

    canvas.save() // Boshlang'ich holatni saqlash
    canvas.translate(100f, 100f) // Koordinata boshini siljitish

    // Birinchi kvadrat
    canvas.drawRect(0f, 0f, 50f, 50f, fillPaint)

    canvas.save() // Siljitishdan keyin saqlash
    canvas.rotate(45f, 25f, 25f) // Kvadrat markazi atrofida aylantirish

    // Aylantirilgan kvadrat
    canvas.drawRect(0f, 0f, 50f, 50f, strokePaint)
    canvas.restore() // Aylantirishdan keyin tiklash

    canvas.restore() // Boshlang'ich holatni tiklash
}

Har doim transformatsiyalarni boshlashdan oldin save() dan foydalaning va tugatgandan keyin restore() ni chaqiring. Muvozanatsiz save/restore matritsaning yig'ilishiga va keyingi elementlarning noto'g'ri chizilishiga olib keladi.

Murakkab grafikalar uchun Bitmap va Path bilan Canvas

Murakkab grafikalar uchun Canvas Bitmap va Path bilan birlashtiriladi. Bitmap tasvirlarni yuklash va renderlangan kadrlarni keshlash uchun ishlatiladi. Path — ixtiyoriy Bezier egri chiziqlari, ko'pburchaklar va murakkab konturlar qurish uchun.

Offscreen Bitmap buferi

Offscreen-rendering texnikasi: Bitmap yaratiladi, unda alohida Canvas orqali murakkab sahna chiziladi va tayyor Bitmap onDraw()-da drawBitmap() orqali ko'rsatiladi. Bu har bir kadrda to'liq qayta chizmasdan murakkab grafikani yangilash imkonini beradi.

private var offscreenBitmap: Bitmap? = null
private var offscreenCanvas: Canvas? = null

fun buildOffscreenScene(width: Int, height: Int) {
    offscreenBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
    offscreenCanvas = Canvas(offscreenBitmap)

    // Sahnani bir marta renderlash
    offscreenCanvas!!.drawColor(Color.WHITE)
    drawGrid(offscreenCanvas!!)
    drawComplexShape(offscreenCanvas!!)
}

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    offscreenBitmap?.let { canvas.drawBitmap(it, 0f, 0f, null) }
}

Path murakkab konturlar qurish uchun ishlatiladi: Bezier egri chiziqlari (quadTo, cubicTo), yoylar (arcTo), chiziqlar (lineTo). Path to'ldirilgan shakllar uchun yopiq (close()) yoki chiziqlar uchun ochiq bo'lishi mumkin. drawPath() asosiy metodlari yakuniy chizish uchun Path va Paint-ni birlashtiradi.

Canvas chizishni optimallashtirish

Canvas chizish samaradorligi to'g'ridan-to'g'ri ilovaning FPS-iga ta'sir qiladi. Asosiy muammolar: onDraw()-da ortiqcha alokatsiyalar, tez-tez invalidate() va apparat tezlashtirishdan optimal foydalanmaslik.

Obyektlarni onDraw() tashqarisida yarating

Paint, Path, Rect, RectF va boshqa obyektlar bir marta inizializatorda yoki setup() metodida yaratilishi kerak. onDraw()-dagi har bir alokatsiya garbage collector-ni yuklaydi, bu esa mikro-laglarga olib keladi. Istisno — immutable obyektlar uchun static yoki companion object.

Maydonni cheklash uchun clipRect() dan foydalaning

Agar View-ning katta qismi ko'rinadigan maydondan tashqarida yashirin bo'lsa (masalan, ScrollView-da), chizishni cheklash uchun canvas.clipRect() dan foydalaning. Apparat tezlashtirish bu holda ko'rinmaydigan piksellarni kesishni qo'shimcha optimallashtiradi.

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)

    // Ko'rinadigan maydonga kesish
    canvas.save()
    canvas.clipRect(scrollX, scrollY, scrollX + width, scrollY + height)

    // Katta sahnani renderlash
    renderScene(canvas)
    canvas.restore()
}

Kamdan-kam yangilanadigan murakkab Canvas grafikasi bo'lgan View uchun View.setLayerType() ni LAYER_TYPE_HARDWARE bilan ishlating. Tez-tez yangilanadigan animatsiyalar uchun LAYER_TYPE_NONE dan foydalaning, apparat qatlamining qimmat yangilanishidan qochish uchun. GPU Profile Rendering va Android Studio Profiler orqali profiling qiling.