android imageview background

Question

I need to hide the extra transparent background for the camera icon that is visible beyond profile pic.

Here is the XML code that I used.

How can I achieve this

 <FrameLayout
        android:id="@+id/profile"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center"
        android:layout_marginTop="12dp">

        <de.hdodenhof.circleimageview.CircleImageView

            android:id="@+id/ivProfilePic"
            android:layout_width="96dp"
            android:layout_height="96dp"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:src="@drawable/girl_sample_picture" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#60000000"
            android:layout_gravity="bottom|center">

            <de.hdodenhof.circleimageview.CircleImageView
                android:id="@+id/ivCameraChangeProfilePic"
                android:layout_width="match_parent"
                android:layout_height="36dp"
                android:layout_gravity="center"
                android:src="@android:drawable/ic_menu_camera" />
        </LinearLayout>
    </FrameLayout>

Change your LinearLayout background color to Transparent "#00000000" — Chetan Joshi, Mar 15 '17 at 06:46
try to add `android:scaleType="centerCrop"` to `ic_menu_camera` — miljon, Mar 15 '17 at 06:49
I need transparent where the actual profile pic visible, remaining transparent should be removed — Listo, Mar 15 '17 at 06:50
I think there is problem with image, instead of use this use another one. Use fully transparent image not translucent image. or either you can use default image (@android:drawable/ic_menu_camera) — shahid17june, Mar 15 '17 at 06:55
Chetan was right. change background color of your LinearLayout. no need to change image. — Avani Paneliya, Mar 15 '17 at 07:00
I think this answer will help you http://stackoverflow.com/a/34702884/5345482 — Akshay Panchal, Mar 15 '17 at 07:04

score 1 · Answer 1 · answered Mar 15 '17 at 06:50

Below is Transparent code list with percentage . you can add with any color like below for your case use below color code to your LienarLayout and try with other prefix .

#80000000

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00

score 0 · Answer 2 · answered Mar 15 '17 at 06:42

Please Try this

<FrameLayout
            android:id="@+id/profile"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="12dp">

            <de.hdodenhof.circleimageview.CircleImageView

                android:id="@+id/ivProfilePic"
                android:layout_width="96dp"
                android:layout_height="96dp"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center"
                android:src="@drawable/girl_sample_picture" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#00000000"
                android:layout_gravity="bottom|center">

                <de.hdodenhof.circleimageview.CircleImageView
                    android:id="@+id/ivCameraChangeProfilePic"
                    android:layout_width="wrap_content"
                    android:layout_height="36dp"
                    android:layout_gravity="center"
                    android:src="@android:drawable/ic_menu_camera" />
            </LinearLayout>
        </FrameLayout>

I replaced with code but, its removing the background completely and moving the camera icon to left , I need background to be semi-transparent and camera icon should be in center — Listo, Mar 15 '17 at 06:45

score 0 · Answer 3 · answered Mar 15 '17 at 07:03

Thanks for the response , By considering all the above suggestions, I solved it myself by using android:background="#60012b73"

   <FrameLayout
        android:id="@+id/profile"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center"
        android:layout_marginTop="12dp">

        <de.hdodenhof.circleimageview.CircleImageView

            android:id="@+id/ivProfilePic"
            android:layout_width="96dp"
            android:layout_height="96dp"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:src="@drawable/girl_sample_picture" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#60012b73"
            android:layout_gravity="bottom|center">

            <de.hdodenhof.circleimageview.CircleImageView
                android:id="@+id/ivCameraChangeProfilePic"
                android:layout_width="match_parent"
                android:layout_height="36dp"
                android:layout_gravity="center"
                android:src="@drawable/camera_icon" />
        </LinearLayout>
    </FrameLayout>

then time to say congrats – Dileep Patel Mar 15 '17 at 07:05 — Dileep Patel, Mar 15 '17 at 07:05

android imageview background

3 Answers3