FlexibleImageView

요약 (Summary)

• 제스처를 통해 이미지를 Move, Scale, Rotate 처리 할수 있는 ImageView 기반 클래스입니다.
• FlexibleImageView는 절대 단독적으로 있으면 안됩니다. FrameLayout 이나 ConstraintLayout 을 감싸고 있어야 합니다.

지원하는 기능 (Supported Features)

• 사용자 제스처를 통한 Move, Scale, Rotate
• 해당 뷰 범위 밖으로 넘어갔을시 다시 되돌아 오는 애니메이션
• 이미지 캡처 기능

Public 함수 설명

• loadUrl (url : String)
  • Function Parameter
    • url (String) 로드 하고 싶은 외부 이미지 주소나 갤러리 이미지 URL
  • 로드하고싶은 URL 를 호출하여 이미지뷰에 렌더링 처리합니다.
• centerCrop
  • 이미지 바이너리를 FlexibleImageView 너비와 높이를 비율에 맞게 꽉채우는 함수입니다.
• fitCenter
  • 이미지 바이너리를 FlexibleImageView 너비와 높이를 둘중 하나에 맞춰서 확대 처리 하는 함수입니다.
• getStateItem: RectF
  • 현재 이미지 좌표값을 리턴 하는 함수

확장 함수 설명

• captureBitmap() : Bitmap

  • FlexibleImageView를 감싸고 있는 뷰 기준으로 캡처하여 Bitmap 으로 리턴하는 함수입니다.

• backgroundCaptureBitmap() : Bitmap

  • FlexibleImageView를 통해 움직인 이미지 좌표를 기준으로 백그라운드 상태로 캡처 할수 있는 함숩니다.
  • 여러개의 이미지들을 움직인 좌표, 스케일 값만 미리 저장해두고 나중에 Bitmap 으로 변경하고자 할때 사용하시면 좋습니다.

  Glide.with(requireContext())
                  .asDrawable()
                  .load(imageUrl)
                  .into(object : CustomTarget<Drawable?>() {
  
                      override fun onResourceReady(
                          resource: Drawable,
                          transition: Transition<in Drawable?>?
                      ) {
                          val bitmapDrawable = resource as BitmapDrawable
                          GlobalScope.launch {
                              val bitmap = withContext(Dispatchers.IO) {
                                  backgroundCaptureBitmap(
                                      bitmapDrawable.bitmap,
                                      stateItem,
                                      flexibleCaptureView.width,
                                      flexibleCaptureView.height
                                  )
                              }
                              withContext(Dispatchers.Main) {
                                  view.findViewById<AppCompatImageView>(R.id.imgCapture)
                                      .setImageBitmap(bitmap)
                              }
                          }
                      }
  
                      override fun onLoadCleared(placeholder: Drawable?) {
                      }
                  })

사용 캡처 화면