【Android】边框旁的文字实现模糊效果

【Android】边框旁的文字实现模糊效果

【问题】

如何实现几行文字的最上面1行和最下面1行的文字为渐变模糊的效果；

【效果图】

【思路】

简单来说：用一个渐变的透明的View来覆盖两边的文字区域；
具体来说：（这里只考虑[区域2]）最外面使用 RelativeLayout，里面的文字内容使用 ListView，上面和下面的模糊效果，使用背景为渐变的 View，（这个View没有任何内容，只是用来覆盖里面的文字）。

【代码】

设置两个颜色用在后面的渐变中

     <color name="rryt_bg_vc_scanning_color_1">#f0ffffff</color>    <color name="rryt_bg_vc_scanning_color_2">#11ffffff</color>

顶部的渐变(res/drawable/rlyt_bg_vc_scanning_l)

 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="" >    <gradient        android:angle="90"        android:endColor="@color/bg_color_1"        android:startColor="@color/bg_color_2"        android:type="linear" /></shape>

底部的渐变(res/drawable/rlyt_bg_vc_scanning_l)

 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="" >    <gradient        android:angle="90"        android:endColor="@color/bg_color_2"        android:startColor="@color/bg_color_1"        android:type="linear" /></shape>

布局里面实现

 <RelativeLayout    android:layout_width="match_parent"    android:layout_height="match_parent" >    <ListView       android:id="@+id/lv_vc_scanning_device"       android:layout_width="match_parent"       android:layout_height="wrap_content" />     <View        android:layout_width="match_parent"        android:layout_height="32dp"        android:background="@drawable/rlyt_bg_vc_scanning_device_top"        android:layout_alignParentTop="true"/>     <View        android:layout_width="match_parent"        android:layout_height="32dp"        android:background="@drawable/rlyt_bg_vc_scanning_device_bottom"        android:layout_alignParentBottom="true"/></RelativeLayout>