Невозможно установить ресурс изображения для пользовательского изображения в Android - PullRequest
2 голосов
/ 19 марта 2020

Я создал проект пользовательского представления на основе уроков, которые я изучил в this и this codelab . В своем проекте я пытался рисовать не только на виде, но и на пользовательском ImageView. Поэтому я создал пользовательский ImageView и сделал все шаги, как в упомянутых официальных кодовых ярлыках. Вот мой пользовательский класс ImageView:

// Stroke width for the the paint.
private const val STROKE_WIDTH = 12f

class MyImageView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : AppCompatImageView(context, attrs, defStyleAttr) {

    private var path = Path()
    private val drawColor = ResourcesCompat.getColor(resources, R.color.colorPaint, null)

    private lateinit var extraCanvas : Canvas
    private lateinit var extraBitmap : Bitmap

    private val touchTolerance = ViewConfiguration.get(context).scaledTouchSlop

    private var currentX = 0f
    private var currentY = 0f

    private var motionTouchEventX = 0f
    private var motionTouchEventY = 0f

    // Set up the paint with which to draw.
    private val paint = Paint().apply {
        color = drawColor
        // Smooths out edges of what is drawn without affecting shape.
        isAntiAlias = true
        // Dithering affects how colors with higher-precision than the device are down-sampled.
        isDither = true
        style = Paint.Style.STROKE // default: FILL
        strokeJoin = Paint.Join.ROUND // default: MITER
        strokeCap = Paint.Cap.ROUND // default: BUTT
        strokeWidth = STROKE_WIDTH // default: Hairline-width (really thin)
    }

    init{
        init()
    }

    private fun init(){


        setOnTouchListener(OnTouchListener { _, event ->
            event?.let {
                motionTouchEventX = it.x
                motionTouchEventY = it.y

                when(it.action){
                    MotionEvent.ACTION_DOWN -> touchStart()
                    MotionEvent.ACTION_MOVE -> touchMove()
                    MotionEvent.ACTION_UP -> touchUp()
                }
                return@OnTouchListener true
            }
            false
        })
    }

    override fun onDraw(canvas: Canvas?) {
        canvas?.drawBitmap(extraBitmap, 0f, 0f, null)
    }

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)

        if (::extraBitmap.isInitialized) extraBitmap.recycle()
        extraBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
        extraCanvas = Canvas(extraBitmap)
    }


    private fun touchStart() {
        path.reset()
        path.moveTo(motionTouchEventX, motionTouchEventY)
        currentX = motionTouchEventX
        currentY = motionTouchEventY
    }

    private fun touchMove() {
        val dx = Math.abs(motionTouchEventX - currentX)
        val dy = Math.abs(motionTouchEventY - currentY)
        if (dx >= touchTolerance || dy >= touchTolerance) {
            // QuadTo() adds a quadratic bezier from the last point,
            // approaching control point (x1,y1), and ending at (x2,y2).
            path.quadTo(currentX, currentY, (motionTouchEventX + currentX) / 2, (motionTouchEventY + currentY) / 2)
            currentX = motionTouchEventX
            currentY = motionTouchEventY
            // Draw the path in the extra bitmap to save it.
            extraCanvas.drawPath(path, paint)
        }
        // Invalidate() is inside the touchMove() under ACTION_MOVE because there are many other
        // types of motion events passed into this listener, and we don't want to invalidate the
        // view for those.
        invalidate()
    }

    private fun touchUp() {
        // Reset the path so it doesn't get drawn again.
        path.reset()
    }
}

Так выглядит мой XML макет MainActivity (в кодовой метке никого не было, они просто использовали пользовательский вид программно) :

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <com.celik.abdullah.drawingonimageview.MyImageView
            android:id="@+id/myImageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

А вот мой MainActivity.kt класс:

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        binding.myImageView.setImageResource(R.drawable.ic_launcher_foreground)
    }
}

Моя проблема в том, что ресурс изображения не показан, на котором я хочу нарисовать. Часть рисования работает как в кодовых метках. Но чертеж R.drawable.ic_launcher_foreground, который я хотел использовать только для целей тестирования, не отображается на экране. ПОЧЕМУ?

Надеюсь, кто-нибудь может помочь.

Ответы [ 2 ]

1 голос
/ 19 марта 2020

Вы также можете достичь этого, используя setBackgroundResource(..):

binding.myImageView.setBackgroundResource(R.drawable.ic_launcher_foreground)

Таким образом, ваша MainActivity будет выглядеть следующим образом:

private lateinit var binding: ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        binding.myImageView.setBackgroundResource(R.drawable.ic_launcher_foreground)
    }
}

При использовании цвета рисования purple результат будет что-то вроде этого после небольшого рисования и использования ic_launcher_foreground в качестве фонового изображения:

image

Не забудьте, как подсказывает @Pavneet_Singh:

вызовите super для переопределенного метода onDraw (как в super.onDraw (canvas))

1 голос
/ 19 марта 2020

В пользовательском представлении холст используется только для рисования extraBitmap, который обновляется extraCanvas, поэтому MyImageView обрабатывает только рисование extraBitmap.

* 1007. * принадлежит ImageView классу, который внутренне обрабатывает преобразование ресурса в drawable и выводит его на холст внутри onDraw(), но onDraw переопределяется пользовательским представлением, которое не обрабатывает рисование полученного растрового изображения, поэтому Решением является вызов super.onDraw как:

override fun onDraw(canvas: Canvas?) {
    super.onDraw(canvas)
    // ^^^^^^^^^^^^^^^^ add this to execute imageview's onDraw for image handling
    canvas?.drawBitmap(extraBitmap, 0f, 0f, null)
}

В качестве альтернативы, вы можете override setImageResource и добавить код для рисования полученного ресурса с помощью метода setImageResource в canvas внутри onDraw из MyImageView.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...