title: Make an imageview blurred towards the vertical edges in Android
body: <p>I would like to design a layout containing an imageview and a background view with two special effect. First is where the main imageview gets transformed with faded towards the vertical edges and second is a background imageview with a blurred effect like the image</p>
  <p><a href="https://i.stack.imgur.com/QReOO.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QReOO.jpg" alt="here" /></a></p>
  <p>The result that i am able to achieve</p>
  <p><a href="https://i.stack.imgur.com/8puv6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8puv6.jpg" alt="here" /></a></p>
  <p>I saw this <a href="https://stackoverflow.com/questions/21888674/apply-fading-edges-to-imageview">post</a> for my first effect and currently using it, but it does not work when I change my phone into dark mode so I am not getting a perfect solution.</p>
  <p>And the second special blur effect that i am able to achieve is far way different from what i want to achieve. The required blur effect has some hardness of the different shades of color and mine one is quite smooth. For my blur effect I am using the below code and I am using the library Fresco for my image.</p>
  <pre><code>ImageRequest request = ImageRequestBuilder.newBuilderWithSource(Uri.parse(imageUrl))
              .setPostprocessor(new IterativeBoxBlurPostProcessor(60)).build();
  
  PipelineDraweeController controller = (PipelineDraweeController) Fresco.newDraweeControllerBuilder()
              .setImageRequest(request)
              .setOldController(backgroundImage.getController())
              .build();
  backgroundImage.setController(controller);
  </code></pre>
  <p>Can anyone please suggest me any good solution or any good library for it or some code sample that can help me to achieve what I want.</p>