How To Put Imageview Over Relativelayout?

May 10, 2024 Post a Comment

I'm designing a Profile Layout. For which I'm using Imageview and RelativeLayout. I'm trying put ImageView on top of RelativeLayout.I used both elevation and android:scaleType='ce

Solution 1:

Move your profile ImageView below RelativeLayout,

In most layouts(like RelativeLayout and FrameLayout), the z-index is defined by the order in which the items are added

Your XML should look like this:

<?xml version="1.0" encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/layout"><ImageViewandroid:id="@+id/header_cover_image"android:layout_width="match_parent"android:layout_height="150dp"android:background="#000000"android:scaleType="centerCrop"android:src="@drawable/nav_menu_heade" /><RelativeLayoutandroid:id="@+id/profile_layout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/header_cover_image"android:background="#eb0772ca"android:elevation="2dp"android:paddingBottom="2dp"><TextViewandroid:id="@+id/name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="70dp"android:text="Sagar Rawal"android:textColor="#fff"android:textSize="24sp"android:textStyle="bold" /><TextViewandroid:id="@+id/quote"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/name"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Don't Cry cuz it's over, Smile cuz it happen"android:textColor="#ffffff"android:textSize="18sp" /><TextViewandroid:id="@+id/location"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/quote"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Jumla, Nepal"android:textColor="#ffffff"android:textSize="16sp" /></RelativeLayout><ImageViewandroid:clickable="true"android:id="@+id/profile"android:layout_width="200dp"android:layout_height="200dp"android:layout_below="@+id/header_cover_image"android:layout_centerHorizontal="true"android:layout_marginTop="-130dp"android:scaleType="fitStart"android:elevation="8dp"android:padding="20dp"android:src="@drawable/passport" /></RelativeLayout></ScrollView>

Solution 2:

<?xml version="1.0" encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/layout"><ImageViewandroid:id="@+id/header_cover_image"android:layout_width="match_parent"android:layout_height="150dp"android:background="#000000"android:scaleType="centerCrop"android:src="@drawable/nav_menu_heade" /><RelativeLayoutandroid:id="@+id/profile_layout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/header_cover_image"android:background="#eb0772ca"android:elevation="2dp"android:paddingBottom="2dp"><TextViewandroid:id="@+id/name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="70dp"android:text="Sagar Rawal"android:textColor="#fff"android:textSize="24sp"android:textStyle="bold" /><TextViewandroid:id="@+id/quote"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/name"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Don't Cry cuz it's over, Smile cuz it happen"android:textColor="#ffffff"android:textSize="18sp" /><TextViewandroid:id="@+id/location"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/quote"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Jumla, Nepal"android:textColor="#ffffff"android:textSize="16sp" /></RelativeLayout>
        
        //<ImageViewshouldcomebelow <RelativeLayout><ImageViewandroid:clickable="true"android:id="@+id/profile"android:layout_width="200dp"android:layout_height="200dp"android:layout_below="@+id/header_cover_image"android:layout_centerHorizontal="true"android:layout_marginTop="-130dp"android:scaleType="fitStart"android:elevation="8dp"android:padding="20dp"android:src="@drawable/passport" /></RelativeLayout></ScrollView>

Put profile <ImageView/> below <RelativeLayout/>

Solution 3:

Edit Xml Like This

Baca Juga

<?xml version="1.0" encoding="utf-8"?><ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/layout"><ImageViewandroid:id="@+id/header_cover_image"android:layout_width="match_parent"android:layout_height="150dp"android:background="#000000"android:scaleType="centerCrop"android:src="@drawable/back" /><RelativeLayoutandroid:id="@+id/profile_layout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/header_cover_image"android:background="#eb0772ca"android:elevation="2dp"android:paddingBottom="2dp"><TextViewandroid:id="@+id/name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="70dp"android:text="Sagar Rawal"android:textColor="#fff"android:textSize="24sp"android:textStyle="bold" /><TextViewandroid:id="@+id/quote"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/name"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Don't Cry cuz it's over, Smile cuz it happen"android:textColor="#ffffff"android:textSize="18sp" /><TextViewandroid:id="@+id/location"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/quote"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Jumla, Nepal"android:textColor="#ffffff"android:textSize="16sp" /></RelativeLayout><ImageViewandroid:clickable="true"android:id="@+id/profile"android:layout_width="200dp"android:layout_height="200dp"android:layout_below="@+id/header_cover_image"android:layout_centerHorizontal="true"android:layout_marginTop="-130dp"android:scaleType="fitStart"android:elevation="8dp"android:padding="20dp"android:src="@drawable/app_icon" /></RelativeLayout></ScrollView>

Solution 4:

You can try to call bringToFront() on the view you want to get in the front

view.bringToFront();

Solution 5:

I see that you use negative margin, if I were you, I never use negative number for margin, because it makes some problem. please try this way:

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res android"android:layout_width="match_parent"android:layout_height="match_parent"><FrameLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><ImageViewandroid:clickable="true"android:id="@+id/profile"android:layout_width="200dp"android:layout_height="200dp"android:scaleType="fitStart"android:elevation="8dp"android:layout_gravity="center_horizontal"android:layout_marginTop="20dp"android:padding="20dp"android:src="@drawable/ic_launcher_background" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:weightSum="2"><ImageViewandroid:id="@+id/header_cover_image"android:layout_width="match_parent"android:layout_height="150dp"android:layout_weight="1"android:background="#000000"android:scaleType="centerCrop"android:src="@drawable/ic_launcher_background" /><RelativeLayoutandroid:id="@+id/profile_layout"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:background="#eb0772ca"android:elevation="2dp"android:paddingBottom="2dp"><TextViewandroid:id="@+id/name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="70dp"android:text="Sagar Rawal"android:textColor="#fff"android:textSize="24sp"android:textStyle="bold" /><TextViewandroid:id="@+id/quote"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/name"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Don't Cry cuz it's over, Smile cuz it happen"android:textColor="#ffffff"android:textSize="18sp" /><TextViewandroid:id="@+id/location"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/quote"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:text="Jumla, Nepal"android:textColor="#ffffff"android:textSize="16sp" /></RelativeLayout></LinearLayout></FrameLayout>

Android Coder