How do I get solid text on a translucent background on a ImageView in Android? -
what trying do: i able rounded corners images picasso using image transformation class. but how solid text on translucent background on imageview seen in image below? i want know how achieved both programatically , xml.
my xml: <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:orientation="vertical" > <relativelayout android:layout_width="100dp" android:layout_height="100dp" android:orientation="vertical" android:padding="2dp" > <imageview android:id="@+id/item_image" android:layout_width="100dp" android:layout_height="100dp" android:padding="1dp" android:scaletype="fitxy" /> <linearlayout android:layout_width="75dp" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_alignparentleft="true" android:orientation="vertical" > <linearlayout android:id="@+id/menulayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="left" android:layout_margin="1dp" android:orientation="vertical" > <textview android:id="@+id/menu_type_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="left" android:text="small text" android:textcolor="@color/cblue" android:textsize="12sp" /> </linearlayout> <linearlayout android:id="@+id/itemlayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="left" android:layout_margin="1dp" android:orientation="vertical" > <textview android:id="@+id/item_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="left" android:text="small text" android:textcolor="#ffffff" android:textsize="12sp" /> </linearlayout> </linearlayout> </relativelayout> </linearlayout> </linearlayout>
this how programmatically:
imageview myimage = (imageview) findviewbyid(r.id.yourimage); myimage.setalpha(125); //value: [0-255]. 0 transparent , 255 opaque this how in xml:
<imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/wowimage" android:alpha=".55"/> android imageview
No comments:
Post a Comment