Draw circles on imageview before it loads and also image has pinch zoom option

Question

I need a Imageview which loads dynamically from server. I have x,y positions where a small circles needs to drawn on the image at those positions.

Also this imageview should be having pinch zoom option where user can zoom in and zoom out along with the circle drawn. I have tried a lot of ideas from below links but unable to achieve expected output like below shown image

Android ImageView Zoom-in and Zoom-Out

Android: Scrolling an Imageview

try this link for zoom and scrooling : https://github.com/chrisbanes/PhotoView — Amit pandey, Dec 03 '20 at 11:10

score 0 · Answer 1 · answered Dec 03 '20 at 11:16

try this link for zoom and scrooling : https://github.com/chrisbanes/PhotoView and Use Glide to load the image from the server and set your circle image into placeholder where its show until your image is not loaded if you want different color than use this to create the circle color drawable

 val circleColorDrawable = try {
          DrawableUtils.getCircleDrawable(Color.parseColor("#here your color code"), 
      15.dpToPx())
       } catch (exception: IllegalArgumentException) {
        
               DrawableUtils.getCircleDrawable(Color.BLACK, 15.dpToPx())
          
       }

Draw circles on imageview before it loads and also image has pinch zoom option

1 Answers1