Kotlin Paint Uygulaması

Paranoyaq

Kotlin dilinde bir paint çizim uygulaması yapıyorum. Çizim, renklendirme, geri alma, temizleme, kaydetme vs. her şey çalışıyor. Ancak çizim yaparken formu değiştirdiğimde yaptığım çizimler kayboluyor. Biraz çizip başka bir forma geçip geri gelmek istiyorum ama çizimlerim silinmesin.
Kodlarım aşağıda
`package com.coding.curvedbottomnavigationapp

import android.content.Context
import android.graphics.*
import android.os.Environment
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import android.widget.Toast // Toast kütüphanesi eklendi
import java.io.File
import java.io.FileOutputStream
import java.io.IOException

class PaintView(context: Context, attrs: AttributeSet) : View(context, attrs) {

private var currentPaint = Paint().apply {
    isAntiAlias = true
    style = Paint.Style.STROKE
    strokeJoin = Paint.Join.ROUND
    strokeCap = Paint.Cap.ROUND
    strokeWidth = 10f
    color = Color.BLACK // Varsayılan renk siyah
}

private var strokeWidth = 10f
private var paintColor = Color.BLACK

// Her bir çizim yolunu ve ona karşılık gelen Paint nesnesini saklayacağımız yapı
private val paths = mutableListOf<Pair<Path, Paint>>()
private var currentPath: Path? = null

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

    // Tüm yolları ve onların kendi boyama stillerini çiz
    for ((path, paint) in paths) {
        canvas.drawPath(path, paint)
    }

    // Halen çizilmekte olan yolu çiz
    currentPath?.let { canvas.drawPath(it, currentPaint) }
}

override fun onTouchEvent(event: MotionEvent): Boolean {
    val point = PointF(event.x, event.y)
    when (event.action) {
        MotionEvent.ACTION_DOWN -> {
            // Yeni bir yol oluştur ve onu mevcut boyama ayarlarıyla başlat
            currentPath = Path().apply {
                moveTo(point.x, point.y)
            }
            return true
        }
        MotionEvent.ACTION_MOVE -> {
            // Yolu güncelle
            currentPath?.lineTo(point.x, point.y)
        }
        MotionEvent.ACTION_UP -> {
            // Çizim bitince yolu ve boyama ayarlarını sakla
            currentPath?.let {
                paths.add(Pair(it, Paint(currentPaint))) // Paint nesnesini kopyalayarak sakla
                currentPath = null
            }
        }
    }
    invalidate() // Ekranı güncelle
    return true
}

// Renk değiştirme fonksiyonu
fun setPaintColor(color: Int) {
    paintColor = color
    currentPaint.color = color // Mevcut boyama stiline yeni rengi uygula
    invalidate()
}

// Kalem genişliği değiştirme fonksiyonu
fun setStrokeWidth(width: Float) {
    strokeWidth = width
    currentPaint.strokeWidth = width // Mevcut boyama stiline yeni kalem genişliğini uygula
    invalidate()
}

// Geri alma fonksiyonu
fun undo() {
    if (paths.isNotEmpty()) {
        paths.removeAt(paths.size - 1)
        invalidate()
    }
}

// Tüm çizimleri temizleme fonksiyonu
fun clear() {
    paths.clear()
    invalidate()
}

// Çizimi kaydetme fonksiyonu
fun saveDrawing() {
    // Çizimi bitmap olarak oluştur
    val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    draw(canvas) // Çizimi bitmape çiz

    // Kaydetme işlemi
    val file = File(context.getExternalFilesDir(null), "drawing_${System.currentTimeMillis()}.png")
    try {
        FileOutputStream(file).use { output ->
            bitmap.compress(Bitmap.CompressFormat.PNG, 100, output)
            Toast.makeText(context, "Çizim kaydedildi: ${file.absolutePath}", Toast.LENGTH_LONG).show()
        }
    } catch (e: IOException) {
        e.printStackTrace()
        Toast.makeText(context, "Kaydetme işlemi başarısız.", Toast.LENGTH_SHORT).show()
    }
}

}package com.coding.curvedbottomnavigationapp.fragments

import android.Manifest
import android.content.pm.PackageManager
import android.graphics.Color
import android.os.Bundle
import android.speech.tts.TextToSpeech
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Button
import android.widget.SeekBar
import androidx.core.app.ActivityCompat
import androidx.core.content.ContextCompat
import androidx.fragment.app.Fragment
import com.coding.curvedbottomnavigationapp.MainActivity
import com.coding.curvedbottomnavigationapp.R
import com.coding.curvedbottomnavigationapp.PaintView
import java.util.*

class HomeFragment : Fragment(), TextToSpeech.OnInitListener {

private lateinit var paintView: PaintView
private lateinit var buttonUndo: Button
private lateinit var buttonClear: Button
private lateinit var buttonSave: Button
private lateinit var seekBarStrokeWidth: SeekBar
private lateinit var tts: TextToSpeech // TTS tanımlandı

companion object {
    private const val STORAGE_PERMISSION_CODE = 1001
}

override fun onCreateView(
    inflater: LayoutInflater, container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_home, container, false)
}

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)

    paintView = view.findViewById(R.id.paintView)
    buttonUndo = view.findViewById(R.id.buttonUndo)
    buttonClear = view.findViewById(R.id.buttonClear)
    buttonSave = view.findViewById(R.id.buttonSave)
    seekBarStrokeWidth = view.findViewById(R.id.seekBarStrokeWidth)

    // Text-to-Speech başlatma
    tts = TextToSpeech(context, this)

    // İzinleri kontrol et
    requestStoragePermissions()

    // Geri alma işlemi
    buttonUndo.setOnClickListener {
        paintView.undo()
        playColorExplanation("Çizim geri alındı")
    }

    // Temizleme işlemi
    buttonClear.setOnClickListener {
        paintView.clear()
        playColorExplanation("Ekran temizlendi")
    }

    // Kalem kalınlığını ayarlama
    seekBarStrokeWidth.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
        override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
            paintView.setStrokeWidth(progress.toFloat())
        }

        override fun onStartTrackingTouch(seekBar: SeekBar?) {}
        override fun onStopTrackingTouch(seekBar: SeekBar?) {}
    })

    // Kaydetme işlemi
    buttonSave.setOnClickListener {
        paintView.saveDrawing() // Çizimi kaydet
        playColorExplanation("Muhteşem bir resim kaydettin")
    }

    // Renk seçimi butonları için tıklama olaylarını ekleme
    view.findViewById<Button>(R.id.buttonRed).setOnClickListener {
        paintView.setPaintColor(Color.RED)
        playColorExplanation("Kırmızı renk seçildi") // Sesli uyarı
    }

    view.findViewById<Button>(R.id.buttonGreen).setOnClickListener {
        paintView.setPaintColor(Color.GREEN)
        playColorExplanation("Yeşil renk seçildi") // Sesli uyarı
    }

    view.findViewById<Button>(R.id.buttonBlue).setOnClickListener {
        paintView.setPaintColor(Color.BLUE)
        playColorExplanation("Mavi renk seçildi") // Sesli uyarı
    }

    view.findViewById<Button>(R.id.buttonYellow).setOnClickListener {
        paintView.setPaintColor(Color.YELLOW)
        playColorExplanation("Sarı renk seçildi") // Sesli uyarı
    }

    view.findViewById<Button>(R.id.buttonBlack).setOnClickListener {
        paintView.setPaintColor(Color.BLACK)
        playColorExplanation("Siyah renk seçildi") // Sesli uyarı
    }
}

// TTS başlatıldığında bu fonksiyon çalışır
override fun onInit(status: Int) {
    if (status == TextToSpeech.SUCCESS) {
        // Dil olarak Türkçe seçiyoruz
        val result = tts.setLanguage(Locale("tr", "TR"))
        if (result == TextToSpeech.LANG_MISSING_DATA || result == TextToSpeech.LANG_NOT_SUPPORTED) {
            speakOut("Bu dil desteklenmiyor")
        }
    } else {
        speakOut("Text to Speech başlatılamadı")
    }
}

// Sesli mesaj oynatma fonksiyonu
private fun speakOut(message: String) {
    tts.speak(message, TextToSpeech.QUEUE_FLUSH, null, "")
}

// Text-to-Speech ile renk seçimi açıklaması yaparken müziği durdurma ve yeniden başlatma
private fun playColorExplanation(message: String) {
    (activity as? MainActivity)?.let { mainActivity ->
        val wasPlaying = mainActivity.isMusicPlaying() // mediaPlayer yerine getter kullanılıyor
        mainActivity.pauseMusic()
        speakOut(message)

        tts.setOnUtteranceCompletedListener {
            // Eğer müzik başlangıçta çalıyorduysa tekrar başlat
            if (wasPlaying) {
                mainActivity.playMusic()
            }
        }
    }
}

override fun onDestroy() {
    // TTS kaynağını serbest bırak
    if (tts != null) {
        tts.stop()
        tts.shutdown()
    }
    super.onDestroy()
}

private fun requestStoragePermissions() {
    if (ContextCompat.checkSelfPermission(requireContext(), Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
        ActivityCompat.requestPermissions(requireActivity(), arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE), STORAGE_PERMISSION_CODE)
    }
}

OffLaZzzZ

Paranoyaq

Kodda, çizimler kaybolmasın diye bazı düzeltmeler yapıldı. İşte yapılan düzeltmeler ve açıklamaları:

Bitmap ve Canvas Nesnesi Eklendi:
- Uygulamanın form değişikliklerinde çizimleri kaybetmemesi için bitmap ve bitmapCanvas nesneleri eklendi. Bu bitmap, çizimleri bir resim olarak saklayarak formdan bağımsız kalmasını sağlıyor.
- onSizeChanged metodunda, bitmap yeniden oluşturuluyor ve bitmapCanvas ona atanıyor. Bu sayede her boyut değişikliğinde temizlenerek yeniden oluşturuluyor.
onDraw İçinde Bitmap Kullanımı:
- onDraw metodunda, tüm çizimleri ekrana çizerken bitmap üzerinden çizim yapılmasını sağladık. Bu şekilde bitmap üzerine eklenen çizimler korunuyor ve form değiştirilse bile kaybolmuyor.
- canvas.drawBitmap(bitmap, 0f, 0f, null) koduyla bitmap’i doğrudan ekrana çizdiriyoruz.
Çizimleri Bitmap Üzerine Kaydetme:
- onTouchEvent metodunda, kullanıcı çizim yaparken bitmapCanvas üzerine çizim ekleniyor. Böylece çizim her form değişikliğinde yeniden çizilmiş oluyor.
- ACTION_UP işleminde, kullanıcı parmağını kaldırdığında, mevcut Path (currentPath) bitmapCanvas üzerine eklenerek paths listesine kaydediliyor. Bu liste, her geri alma (undo) veya temizlik (clear) işleminde kullanılmakta.
Geri Alma ve Temizleme İşlemleri İçin redrawBitmap Fonksiyonu Eklendi:
- undo ve clear işlemlerinde redrawBitmap fonksiyonu ile bitmap temizleniyor ve paths listesindeki yollar bitmapCanvas üzerine yeniden çiziliyor. Bu sayede geri alma veya temizleme işlemlerinde bitmap güncellenmiş oluyor.

Bu düzeltmelerle çizimler bitmap nesnesi üzerinde tutulduğu için, form değiştirme gibi durumlarda silinmeden saklanıyor ve tekrar yükleniyor.

package com.coding.curvedbottomnavigationapp

import android.content.Context
import android.graphics.*
import android.os.Environment
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import android.widget.Toast // Toast kütüphanesi eklendi
import java.io.File
import java.io.FileOutputStream
import java.io.IOException

class PaintView(context: Context, attrs: AttributeSet) : View(context, attrs) {

    private var currentPaint = Paint().apply {
        isAntiAlias = true
        style = Paint.Style.STROKE
        strokeJoin = Paint.Join.ROUND
        strokeCap = Paint.Cap.ROUND
        strokeWidth = 10f
        color = Color.BLACK // Varsayılan renk siyah
    }

    private var strokeWidth = 10f
    private var paintColor = Color.BLACK

    private val paths = mutableListOf<Pair<Path, Paint>>()
    private var currentPath: Path? = null

    private lateinit var bitmap: Bitmap
    private lateinit var bitmapCanvas: Canvas

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        if (::bitmap.isInitialized) bitmap.recycle() // Eski bitmapi serbest bırak
        bitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888)
        bitmapCanvas = Canvas(bitmap)
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawBitmap(bitmap, 0f, 0f, null) // Bitmap'i ekrana çizdir

        // Tüm yolları bitmapCanvas'e çiz
        for ((path, paint) in paths) {
            bitmapCanvas.drawPath(path, paint)
        }

        // Halen çizilmekte olan yolu ekrana çiz
        currentPath?.let { bitmapCanvas.drawPath(it, currentPaint) }
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        val point = PointF(event.x, event.y)
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                currentPath = Path().apply {
                    moveTo(point.x, point.y)
                }
                return true
            }
            MotionEvent.ACTION_MOVE -> {
                currentPath?.lineTo(point.x, point.y)
            }
            MotionEvent.ACTION_UP -> {
                currentPath?.let {
                    bitmapCanvas.drawPath(it, currentPaint) // Çizimi bitmapCanvas'e kaydet
                    paths.add(Pair(it, Paint(currentPaint))) // Paint nesnesini kopyalayarak sakla
                    currentPath = null
                }
            }
        }
        invalidate()
        return true
    }

    // Renk değiştirme fonksiyonu
    fun setPaintColor(color: Int) {
        paintColor = color
        currentPaint.color = color // Mevcut boyama stiline yeni rengi uygula
        invalidate()
    }

    // Kalem genişliği değiştirme fonksiyonu
    fun setStrokeWidth(width: Float) {
        strokeWidth = width
        currentPaint.strokeWidth = width // Mevcut boyama stiline yeni kalem genişliğini uygula
        invalidate()
    }

    // Geri alma fonksiyonu
    fun undo() {
        if (paths.isNotEmpty()) {
            paths.removeAt(paths.size - 1)
            redrawBitmap() // Bitmap'i tekrar çiz
            invalidate()
        }
    }

    // Bitmap'i tekrar çizmek için tüm yolları yeniden işleyen fonksiyon
    private fun redrawBitmap() {
        bitmap.eraseColor(Color.TRANSPARENT) // Bitmap'i temizle
        for ((path, paint) in paths) {
            bitmapCanvas.drawPath(path, paint)
        }
    }

    // Tüm çizimleri temizleme fonksiyonu
    fun clear() {
        paths.clear()
        redrawBitmap() // Bitmap'i temizle ve yeniden çiz
        invalidate()
    }

    // Çizimi kaydetme fonksiyonu
    fun saveDrawing() {
        // Çizimi bitmap olarak oluştur
        val file = File(context.getExternalFilesDir(null), "drawing_${System.currentTimeMillis()}.png")
        try {
            FileOutputStream(file).use { output ->
                bitmap.compress(Bitmap.CompressFormat.PNG, 100, output)
                Toast.makeText(context, "Çizim kaydedildi: ${file.absolutePath}", Toast.LENGTH_LONG).show()
            }
        } catch (e: IOException) {
            e.printStackTrace()
            Toast.makeText(context, "Kaydetme işlemi başarısız.", Toast.LENGTH_SHORT).show()
        }
    }
}

// Diğer fragment kodu
package com.coding.curvedbottomnavigationapp.fragments

import android.Manifest
import android.content.pm.PackageManager
import android.graphics.Color
import android.os.Bundle
import android.speech.tts.TextToSpeech
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Button
import android.widget.SeekBar
import androidx.core.app.ActivityCompat
import androidx.core.content.ContextCompat
import androidx.fragment.app.Fragment
import com.coding.curvedbottomnavigationapp.MainActivity
import com.coding.curvedbottomnavigationapp.R
import com.coding.curvedbottomnavigationapp.PaintView
import java.util.*

class HomeFragment : Fragment(), TextToSpeech.OnInitListener {

    private lateinit var paintView: PaintView
    private lateinit var buttonUndo: Button
    private lateinit var buttonClear: Button
    private lateinit var buttonSave: Button
    private lateinit var seekBarStrokeWidth: SeekBar
    private lateinit var tts: TextToSpeech // TTS tanımlandı

    companion object {
        private const val STORAGE_PERMISSION_CODE = 1001
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_home, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        paintView = view.findViewById(R.id.paintView)
        buttonUndo = view.findViewById(R.id.buttonUndo)
        buttonClear = view.findViewById(R.id.buttonClear)
        buttonSave = view.findViewById(R.id.buttonSave)
        seekBarStrokeWidth = view.findViewById(R.id.seekBarStrokeWidth)

        // Text-to-Speech başlatma
        tts = TextToSpeech(context, this)

        // İzinleri kontrol et
        requestStoragePermissions()

        // Geri alma işlemi
        buttonUndo.setOnClickListener {
            paintView.undo()
            playColorExplanation("Çizim geri alındı")
        }

        // Temizleme işlemi
        buttonClear.setOnClickListener {
            paintView.clear()
            playColorExplanation("Ekran temizlendi")
        }

        // Kalem kalınlığını ayarlama
        seekBarStrokeWidth.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
            override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
                paintView.setStrokeWidth(progress.toFloat())
            }

            override fun onStartTrackingTouch(seekBar: SeekBar?) {}
            override fun onStopTrackingTouch(seekBar: SeekBar?) {}
        })

        // Kaydetme işlemi
        buttonSave.setOnClickListener {
            paintView.saveDrawing() // Çizimi kaydet
            playColorExplanation("Muhteşem bir resim kaydettin")
        }

        // Renk seçimi butonları için tıklama olaylarını ekleme
        view.findViewById<Button>(R.id.buttonRed).setOnClickListener {
            paintView.setPaintColor(Color.RED)
            playColorExplanation("Kırmızı renk seçildi") // Sesli uyarı
        }

        view.findViewById<Button>(R.id.buttonGreen).setOnClickListener {
            paintView.setPaintColor(Color.GREEN)
            playColorExplanation("Yeşil renk seçildi") // Sesli uyarı
        }

        view.findViewById<Button>(R.id.buttonBlue).setOnClickListener {
            paintView.setPaintColor(Color.BLUE)
            playColorExplanation("Mavi renk seçildi") // Sesli uyarı
        }

        view.findViewById<Button>(R.id.buttonYellow).setOnClickListener {
            paintView.setPaintColor(Color.YELLOW)
            playColorExplanation("Sarı renk seçildi") // Sesli uyarı
        }

        view.findViewById<Button>(R.id.buttonBlack).setOnClickListener {
            paintView.setPaintColor(Color.BLACK)
            playColorExplanation("Siyah renk seçildi") // Sesli uyarı
        }
    }

    // TTS başlatıldığında bu fonksiyon çalışır
    override fun onInit(status: Int) {
        if (status == TextToSpeech.SUCCESS) {
            // Dil olarak Türkçe seçiyoruz
            val result = tts.setLanguage(Locale("tr", "TR"))
            if (result == TextToSpeech.LANG_MISSING_DATA || result == TextToSpeech.LANG_NOT_SUPPORTED) {
                speakOut("Bu dil desteklenmiyor")
            }
        } else {
            speakOut("Text to Speech başlatılamadı")
       

 }
    }

    // Sesli mesaj oynatma fonksiyonu
    private fun speakOut(message: String) {
        tts.speak(message, TextToSpeech.QUEUE_FLUSH, null, "")
    }

    // Text-to-Speech ile renk seçimi açıklaması yaparken müziği durdurma ve yeniden başlatma
    private fun playColorExplanation(message: String) {
        (activity as? MainActivity)?.let { mainActivity ->
            val wasPlaying = mainActivity.isMusicPlaying() // mediaPlayer yerine getter kullanılıyor
            mainActivity.pauseMusic()
            speakOut(message)

            tts.setOnUtteranceCompletedListener {
                // Eğer müzik başlangıçta çalıyorduysa tekrar başlat
                if (wasPlaying) {
                    mainActivity.playMusic()
                }
            }
        }
    }

    override fun onDestroy() {
        // TTS kaynağını serbest bırak
        if (tts != null) {
            tts.stop()
            tts.shutdown()
        }
        super.onDestroy()
    }

    private fun requestStoragePermissions() {
        if (ContextCompat.checkSelfPermission(requireContext(), Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
            ActivityCompat.requestPermissions(requireActivity(), arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE), STORAGE_PERMISSION_CODE)
        }
    }
}

Bu kodun tamamı, eksiksiz bir şekilde ihtiyaçlarınıza göre düzenlendi. Tekrar kontrol ettim, her şey dahil durumda.

Paranoyaq

OffLaZzzZ Cevabınız için teşekkürler fakat çözüm bulma yönteminizi bende denedim hatta farklı farklı çeşitlerini bile ama olmuyor , kodları size ulaştırma imkanım varmı siz deneseniz ?

KerimCETINBAS

merhaba bitmapi bir dosyaya kaydedip, canvas'a geri geldiğinizde yükleyebilirsiniz

bitmapi kaydedilen dosyadan okumak için:

import android.graphics.Bitmap
import android.graphics.BitmapFactory
import java.io.File

fun File.readBitmap(): Bitmap? {
    return if (exists()) {
        BitmapFactory.decodeFile(absolutePath)
    } else {
        null
    }
}

şu şekilde kullanabilirsiniz

val savedFile = File(context.filesDir, "your_image.png")
val loadedBitmap = savedFile.readBitmap()

buda bitmapi dosyaya kaydetmek için;

import android.graphics.Bitmap
import android.graphics.BitmapFactory
import java.io.File
private fun File.writeBitmap(bitmap: Bitmap, format: Bitmap.CompressFormat, quality: Int) {
    outputStream().use { out ->
        bitmap.compress(format, quality, out)
        out.flush()
    }
}

// File(exportDir, "your_image.png").writeBitmap(bitmap, Bitmap.CompressFormat.PNG, 85)

edit gerekli izinleri almayı unutmayınız

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

Paranoyaq

önerilerinize göre kodum şu hali aldı ve hala çizimleri korumuyor
`package com.coding.curvedbottomnavigationapp

import android.content.Context
import android.graphics.*
import android.os.Environment
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import android.widget.Toast
import java.io.File
import java.io.FileOutputStream
import java.io.IOException

class PaintView(context: Context, attrs: AttributeSet) : View(context, attrs) {

private var currentPaint = Paint().apply {
    isAntiAlias = true
    style = Paint.Style.STROKE
    strokeJoin = Paint.Join.ROUND
    strokeCap = Paint.Cap.ROUND
    strokeWidth = 10f
    color = Color.BLACK // Varsayılan renk siyah
}

private var strokeWidth = 10f
private var paintColor = Color.BLACK

// Her bir çizim yolunu ve ona karşılık gelen Paint nesnesini saklayacağımız yapı
private val paths = mutableListOf<Pair<Path, Paint>>()
private var currentPath: Path? = null

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

    // Tüm yolları ve onların kendi boyama stillerini çiz
    for ((path, paint) in paths) {
        canvas.drawPath(path, paint)
    }

    // Halen çizilmekte olan yolu çiz
    currentPath?.let { canvas.drawPath(it, currentPaint) }
}

override fun onTouchEvent(event: MotionEvent): Boolean {
    val point = PointF(event.x, event.y)
    when (event.action) {
        MotionEvent.ACTION_DOWN -> {
            // Yeni bir yol oluştur ve onu mevcut boyama ayarlarıyla başlat
            currentPath = Path().apply {
                moveTo(point.x, point.y)
            }
            return true
        }

        MotionEvent.ACTION_MOVE -> {
            // Yolu güncelle
            currentPath?.lineTo(point.x, point.y)
        }

        MotionEvent.ACTION_UP -> {
            // Çizim bitince yolu ve boyama ayarlarını sakla
            currentPath?.let {
                paths.add(Pair(it, Paint(currentPaint))) // Paint nesnesini kopyalayarak sakla
                currentPath = null
            }
        }
    }
    invalidate() // Ekranı güncelle
    return true
}

// Renk değiştirme fonksiyonu
fun setPaintColor(color: Int) {
    paintColor = color
    currentPaint.color = color // Mevcut boyama stiline yeni rengi uygula
    invalidate()
}

// Kalem genişliği değiştirme fonksiyonu
fun setStrokeWidth(width: Float) {
    strokeWidth = width
    currentPaint.strokeWidth = width // Mevcut boyama stiline yeni kalem genişliğini uygula
    invalidate()
}

// Geri alma fonksiyonu
fun undo() {
    if (paths.isNotEmpty()) {
        paths.removeAt(paths.size - 1)
        invalidate()
    }
}

// Tüm çizimleri temizleme fonksiyonu
fun clear() {
    paths.clear()
    invalidate()
}

// Çizimi kaydetme fonksiyonu
fun saveDrawing() {
    val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    draw(canvas) // Çizimi bitmape çiz

    // Kaydetme işlemi
    val file = File(context.getExternalFilesDir(null), "drawing_${System.currentTimeMillis()}.png")
    try {
        file.writeBitmap(bitmap, Bitmap.CompressFormat.PNG, 100)
        Toast.makeText(context, "Çizim kaydedildi: ${file.absolutePath}", Toast.LENGTH_LONG).show()
    } catch (e: IOException) {
        e.printStackTrace()
        Toast.makeText(context, "Kaydetme işlemi başarısız.", Toast.LENGTH_SHORT).show()
    }
}

// Çizimi yükleme fonksiyonu
fun loadDrawing(filename: String) {
    val file = File(context.getExternalFilesDir(null), filename)
    val loadedBitmap = file.readBitmap()

    loadedBitmap?.let {
        clear() // Tüm çizimleri temizle
        val canvas = Canvas(it)
        draw(canvas) // Yüklenen çizimi göster
    } ?: Toast.makeText(context, "Yükleme başarısız.", Toast.LENGTH_SHORT).show()
}

// Bitmap'i dosyaya yazma
private fun File.writeBitmap(bitmap: Bitmap, format: Bitmap.CompressFormat, quality: Int) {
    outputStream().use { out ->
        bitmap.compress(format, quality, out)
        out.flush()
    }
}

// Bitmap'i dosyadan okuma
fun File.readBitmap(): Bitmap? {
    return if (exists()) {
        BitmapFactory.decodeFile(absolutePath)
    } else {
        null
    }
}

}
`

KerimCETINBAS

merhaba çizim ekranının mount ve unmount oldugu eventlarda ilgili metodları çağırmamışsınız.

widtget pencereye yerleştirildiğinde fırlatılan event;
bu eventta dosyadan okuyup canvasın contextini set etmeniz lazım. Yoksa program nereden bilsin ne nezaman yuklenecek veya kaydedilecek

    override fun onAttachedToWindow() {
       // burada canvası yuklemeniz gerekiyor
    }

bu zaten widgetin pencereden kalktığında fırlatılan event
kaydetme işlemini bu eventta yapman gerekiyor

   override fun onDetachedFromWindow() {
       // burada kaydetmeniz gerekiyor
    }

günün sonunda kodunun buna benzemesi lazım. Kendine göre uyarlarsın

package com.coding.MicrosoftPaintCakmasiXdApp

import android.content.Context
import android.graphics.*
import android.os.Bundle
import android.os.Environment
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import android.widget.Toast
import java.io.File
import java.io.FileOutputStream
import java.io.IOException

class PaintView(context: Context, attrs: AttributeSet) : View(context, attrs) {


    private var currentPaint = Paint().apply {
        isAntiAlias = true
        style = Paint.Style.STROKE
        strokeJoin = Paint.Join.ROUND
        strokeCap = Paint.Cap.ROUND
        strokeWidth = 10f
        color = Color.BLACK
    }
    
    private var strokeWidth = 10f
    private var paintColor = Color.BLACK

 
    private val paths = mutableListOf<Pair<Path, Paint>>()
    private var currentPath: Path? = null

    //  kaydedilecek dosya, istediğiniz gibi değiştirebilirsiniz
    private val saveFileName = "saved_drawing.png"


  // constructor, sinif instantiate edildiğinde kaydedilen resim varsa yükle. 
   // mesela uygulama tamamen kapatılıp açıldığında 
    init {
        loadDrawing()
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
     
        for ((path, paint) in paths) {
            canvas.drawPath(path, paint)
        }
     
        currentPath?.let { canvas.drawPath(it, currentPaint) }
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        val point = PointF(event.x, event.y)
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                currentPath = Path().apply { moveTo(point.x, point.y) }
                return true
            }
            MotionEvent.ACTION_MOVE -> {
                currentPath?.lineTo(point.x, point.y)
            }
            MotionEvent.ACTION_UP -> {
                currentPath?.let {
                    paths.add(Pair(it, Paint(currentPaint)))
                    currentPath = null
                }
            }
        }
        invalidate()
        return true
    }


    fun setPaintColor(color: Int) {
        paintColor = color
        currentPaint.color = color
        invalidate()
    }


    fun setStrokeWidth(width: Float) {
        strokeWidth = width
        currentPaint.strokeWidth = width
        invalidate()
    }

  
    fun undo() {
        if (paths.isNotEmpty()) {
            paths.removeAt(paths.size - 1)
            invalidate()
        }
    }


    fun clear() {
        paths.clear()
        invalidate()
    }

    // cizimi dosyaya kaydet
    // bu kendi başına bir anlam ifade etmiyor.
    // senin bir şekılde bu methodu çağırıp kaydetmesını sağlatman lazım
    // her hangi birsey olabilir, bir event, basılan bır duğme vs 
    private fun saveDrawing() {
        val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
        val canvas = Canvas(bitmap)
        draw(canvas)

        val file = File(context.getExternalFilesDir(null), saveFileName)
        try {
            file.writeBitmap(bitmap, Bitmap.CompressFormat.PNG, 100)
        } catch (e: IOException) {
            e.printStackTrace()
        }
    }

    //  buda dosyadan okuyan method
   // yukardaki şeyler bunun içinde geçerli
    private fun loadDrawing() {
        val file = File(context.getExternalFilesDir(null), saveFileName)
        val loadedBitmap = file.readBitmap()
        
        loadedBitmap?.let {
            clear() // onceden canvasa birşeyler çizilmişşe önce onları temizle
          // yoksa iki çizim bir birine karışır
            val canvas = Canvas(it)
            draw(canvas) //  yükleneni canvasa aktar
        }
    }
  
   // yuklemek icin unuttugunuz 2. yer burasi. 
   // 1. yer init {} kısmı idi orada sınıf ilk oluşturuldugunda yüklüyordu
   // burada ise bu sınıf pencereye her oturdugunda çalışacak event
   // yani sayfa değiştirip geldiğinizde yine yüklemesini istiyorsanız 
    // burada da dosyadan okuyup canvası güncellemeniz lazım
    override fun onAttachedToWindow() {
        super.onAttachedToWindow()
        loadDrawing() // canvasa kaydedilmiş çizimi yükleyen metodu çağırdık
    }
 
    // buda yukaridakinin tam tersi
   // bu sinif pencereden her kalktiğında fırlayacak olan event
   //  yani canvasi kaydetmeniz gereken yer burasi
    override fun onDetachedFromWindow() {
        super.onDetachedFromWindow()
        saveDrawing() //  canvasi dosyaya kaydeden methodu çağırdık
    }

    // bitmapı dosyaya kaydettiren recevier method
    private fun File.writeBitmap(bitmap: Bitmap, format: Bitmap.CompressFormat, quality: Int) {
        outputStream().use { out ->
            bitmap.compress(format, quality, out)
            out.flush()
        }
    }

    // bitmapı dosyadan okuyan receiver method
    private fun File.readBitmap(): Bitmap? {
        return if (exists()) {
            BitmapFactory.decodeFile(absolutePath)
        } else {
            null
        }
    }
}

sınıfı nasıl kullanacağınızı biliyorsunuzdur zaten

   <com.coding.MicrosoftPaintCakmasiXdApp.PaintView
        android:id="@+id/paintView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

not: Kotlin cok hakim değilim. Maui yazarken bazen kotlin kodu yazmak zorunda kalmıştım ordan mantık yürüterek bir şeyler çıkarmaya çalıştım. Eğer olmaza. aldığınız hataları filan paylaşırsanız. daha iyi yardımcı olabileceğimi düşünüyorum

tekrardan hatırlatmak isterim. Android dosya yazma ve okuma izinlerini manifeste eklemeyi unutmayin

saygılar;

Paranoyaq

Yardımlarınız için teşekkürler

OffLaZzzZ

Paranoyaq

Hangi yanıt sorununuzu çözdüyse işaretler misiniz ? Aynı yada benzer sorun yaşayanlar içinde yardımcı olur.