Scrollview, bajo el encabezado

0

Pregunta

Es allí una manera de hacer esto en android studio? Quiero lograr que cuando se desplaza hacia abajo de la cabecera se superponen por encima y por debajo es el scrollview parte. Lo que tengo es que se desplaza sobre el encabezado. En android studio

Esto es lo que estoy tratando de lograr que se hizo en la figma

Por defecto

Cuando se desplaza

Hasta ahora esto es lo que mi código como se muestra en

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".Fragment.RecordFragment"
    android:orientation="vertical">

    <View
        android:layout_width="369dp"
        android:layout_height="71dp"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="13dp"
        android:layout_alignParentTop="true"
        android:layout_marginTop="14dp"
        android:background="@drawable/ic_header"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginStart="25dp"
        android:layout_marginTop="25dp"
        android:layout_marginEnd="25dp"
        android:layout_marginBottom="25dp"
        android:text="Record"
        android:textAlignment="center"
        android:textColor="@color/white"
        android:textSize="35sp" />


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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical"
            android:paddingBottom="100dp">

            <TextView
                android:id="@+id/txtDate"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_marginTop="128dp"
                android:text="Date for today"
                android:textAlignment="center"
                android:textColor="@color/black"
                android:textSize="50sp" />

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <View
                    android:layout_width="316dp"
                    android:layout_height="201dp"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:layout_gravity="center"
                    android:layout_marginTop="50dp"
                    android:background="@drawable/sec_bp" />

                <EditText
                    android:layout_width="250dp"
                    android:layout_height="30dp"
                    android:layout_marginLeft="30dp"
                    android:layout_marginTop="70dp"
                    android:background="@drawable/rounded_corner"
                    android:gravity="center"
                    android:hint="SBP" />

                <EditText
                    android:layout_width="250dp"
                    android:layout_height="30dp"
                    android:layout_marginLeft="30dp"
                    android:layout_marginTop="120dp"
                    android:background="@drawable/rounded_corner"
                    android:gravity="center"
                    android:hint="DBP" />

                <EditText
                    android:layout_width="250dp"
                    android:layout_height="30dp"
                    android:layout_marginLeft="30dp"
                    android:layout_marginTop="170dp"
                    android:background="@drawable/rounded_corner"
                    android:gravity="center"
                    android:hint="BPM" />

                <Button
                    android:layout_width="70dp"
                    android:layout_height="30dp"
                    android:layout_marginLeft="120dp"
                    android:layout_marginTop="210dp"
                    android:background="@drawable/rounded_corner"
                    android:gravity="center"
                    android:text="save" />

            </RelativeLayout>

            <View
                android:layout_width="316dp"
                android:layout_height="117dp"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:layout_marginTop="50dp"
                android:background="@drawable/sec_temp" />

            <View
                android:layout_width="316dp"
                android:layout_height="117dp"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:layout_marginTop="50dp"
                android:background="@drawable/sec_temp" />


        </LinearLayout>

    </ScrollView>

</RelativeLayout>
android android-studio
2021-11-24 02:52:12
1

Mejor respuesta

0

Trate de añadir la elevación en el interior de su encabezado de la vista. como este :

<View
    android:layout_width="369dp"
    android:layout_height="71dp"
    android:layout_alignParentLeft="true"
    android:layout_marginLeft="13dp"
    android:layout_alignParentTop="true"
    android:layout_marginTop="14dp"
    android:background="@drawable/ic_header"/
    android:elevation="1dp">

<TextView
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginStart="25dp"
    android:layout_marginTop="25dp"
    android:layout_marginEnd="25dp"
    android:layout_marginBottom="25dp"
    android:text="Record"
    android:textAlignment="center"
    android:textColor="@color/white"
    android:textSize="35sp" 
    android:elevation="2dp"/>

Fijé la Vista de elevación 1dp y el TextView 2dp de manera que el texto todavía en frente de la Vista.

2021-11-24 04:11:22

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................