Android：在确保文本可读性的同时模糊位图

Question

I am blurring a bitmap in my android app. This answer was quite helpful for that. The problem is that I am using white text on this image which is not visible if the contrast is not good enough, particularly for images which have a major white or yellow portion. I wanted to ask if there is a simple way to overcome this problem, somehow by making the image a bit dirty by adding shades of black or so. Spotify seems to do it very elegantly.

Any tutorials, guides etc that can be helpful? Any help would be appreciated.

Answer 1

Adding a full scrim on top of your blurred image should do the trick.

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="@dimen/some_height"
        android:src="@drawable/placeholder"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="@dimen/some_height"
        android:background="@color/full_image_scrim"/>

   <LinearLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center">

       <!-- Top layer views -->

   </LinearLayout>

</FrameLayout>

color.xml

<!-- 60% opaque black (use whatever transparent color works best for you) -->
<color name="full_image_scrim">#99000000</color>