0

I'm only interested in the header that contains the product image. I am thinking possible ways to make this design but I do not find the possible way to see the whole image blurred except the central circle that looks normal.

enter image description here

Nomar
  • 239
  • 2
  • 5
  • is the center circle interact with any code or is it just static ? – Thorvald Nov 24 '16 at 00:01
  • This has little to do with Android - there's no built-in method, so you want to take a copy of the centre part of the image (make a circular mask, or whatever), blur the whole image then paste the unmodified circle back in. – Ken Y-N Nov 24 '16 at 00:08
  • @SígvardrÓlavrsson The circle not has intereaction, but the background image is dynamic, this change because this view is the editable profile of a product. – Nomar Nov 24 '16 at 00:21
  • @KenY-N Maybe I could cut the circle programmatically and then paste it in the foreground of the blurred image, this is your suggestion? And no, this is not the same question that you have linked, thanks. – Nomar Nov 24 '16 at 00:21
  • No, it's not an exact dup, but combine it with, for example, [this circular clipping example](http://www.androiddevelopersolutions.com/2012/09/crop-image-in-circular-shape-in-android.html) and make the page background the blurred image, and you're 90% of the way there. (I've decided to withdraw my [dup close vote](http://stackoverflow.com/q/1589760/1270789) - I think there's enough information now for someone to make an answer.) – Ken Y-N Nov 24 '16 at 00:32
  • @KenY-N Thank you very much, my mind was stuck in trying to do this only using xml but now I have other ways to explore. If I can do this I will post the solution here, thanks for your time. – Nomar Nov 24 '16 at 00:55
  • 1
    Hi, Read this may help: http://stackoverflow.com/q/19947835/5241603 – K.Sopheak Nov 24 '16 at 02:20
  • @K.Sopheak thank you very much, I think this is just what I needed. – Nomar Nov 24 '16 at 02:42

0 Answers0