RelativeLayout and ListView inside ScrollView

Question

I'm trying to make an scrollable profile for my client for social network.

Here's my layout:

<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipe_container"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true">

    <RelativeLayout
        android:id="@+id/RelativeLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <RelativeLayout
            android:id="@+id/user_profile"
            android:layout_width="fill_parent"
            android:layout_height="440dp"
            android:layout_alignParentTop="false"
            android:layout_centerHorizontal="true">

            <ImageView
                android:id="@+id/fragment_user_profile_avatar"
                android:layout_width="fill_parent"
                android:layout_height="300dp"
                android:scaleType="centerCrop"
                android:layout_alignParentTop="true"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <TableLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#0277BD"
                android:layout_below="@+id/fragment_user_profile_avatar"
                android:layout_alignParentLeft="false"
                android:layout_alignParentStart="false"
                android:layout_alignParentBottom="false"
                android:id="@+id/tableLayout">

                <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">
                    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_friends_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                        <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_friends_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/friends"
                            android:fontFamily="sans-serif-light" />

                        <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_friends" android:layout_width="wrap_content" android:layout_height="wrap_content"
                            android:fontFamily="sans-serif-light" />
                    </LinearLayout>
                    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_followers_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                        <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_followers_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/followers"
                            android:fontFamily="sans-serif-light" />

                        <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_followers" android:layout_width="wrap_content" android:layout_height="wrap_content"
                            android:fontFamily="sans-serif-light" />
                    </LinearLayout>
                    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_groups_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                        <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_groups_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/groups"
                            android:fontFamily="sans-serif-light" />

                        <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_groups" android:layout_width="wrap_content" android:layout_height="wrap_content"
                            android:fontFamily="sans-serif-light" />
                    </LinearLayout>
                </TableRow>

                <TableRow
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">

                    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_photos_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                        <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_photos_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/photos"
                            android:fontFamily="sans-serif-light" />

                        <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_photos" android:layout_width="wrap_content" android:layout_height="wrap_content"
                            android:fontFamily="sans-serif-light" />
                    </LinearLayout>
                    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_videos_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                        <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_videos_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/videos"
                            android:fontFamily="sans-serif-light" />

                        <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_videos" android:layout_width="wrap_content" android:layout_height="wrap_content"
                            android:fontFamily="sans-serif-light" />
                    </LinearLayout>
                    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_audios_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                        <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_audios_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/audios"
                            android:fontFamily="sans-serif-light" />

                        <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_audios" android:layout_width="wrap_content" android:layout_height="wrap_content"
                            android:fontFamily="sans-serif-light" />
                    </LinearLayout>
                </TableRow>
            </TableLayout>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:id="@+id/user_name"
                android:textColor="#ffffffff"
                android:textSize="34sp"
                android:layout_above="@+id/age_city"
                android:layout_centerHorizontal="true" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="#ffffffff"
                android:id="@+id/online_status"
                android:textSize="15sp"
                android:layout_alignBottom="@+id/fragment_user_profile_avatar"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="35dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:id="@+id/age_city"
                android:textColor="#FFFFFFFF"
                android:textSize="16sp"
                android:layout_above="@+id/online_status"
                android:layout_centerHorizontal="true" />
        </RelativeLayout>

        <ExpandableListView
            android:id="@+id/expandable_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:cacheColorHint="#00000000"
            android:listSelector="@android:color/transparent"
            android:textColor="@android:color/white"
            android:transcriptMode="normal"
            android:fastScrollEnabled="false"
            android:footerDividersEnabled="false"
            android:headerDividersEnabled="false"
            android:layout_below="@+id/user_profile"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="false"
            android:layout_alignParentTop="false"
            android:layout_alignWithParentIfMissing="false"
            android:layout_alignParentRight="false"
            android:layout_alignParentBottom="false" />

    </RelativeLayout>
</ScrollView>

And when I run my application, I can scroll my ListView, but user_profile layout just stay on its place. But I want to make it scrollable too. Please help me. Thanks in advance.

EDIT

You're guys amazing! Big thanks for your help, now its working as should!

Answer 1

user_profile.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/user_profile"
        android:layout_width="fill_parent"
        android:layout_height="440dp"
        android:layout_alignParentTop="false"
        android:layout_centerHorizontal="true">

        <ImageView
            android:id="@+id/fragment_user_profile_avatar"
            android:layout_width="fill_parent"
            android:layout_height="300dp"
            android:scaleType="centerCrop"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />

        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#0277BD"
            android:layout_below="@+id/fragment_user_profile_avatar"
            android:layout_alignParentLeft="false"
            android:layout_alignParentStart="false"
            android:layout_alignParentBottom="false"
            android:id="@+id/tableLayout">

            <TableRow
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">
                <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_friends_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                    <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_friends_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/friends"
                        android:fontFamily="sans-serif-light" />

                    <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_friends" android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:fontFamily="sans-serif-light" />
                </LinearLayout>
                <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_followers_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                    <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_followers_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/followers"
                        android:fontFamily="sans-serif-light" />

                    <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_followers" android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:fontFamily="sans-serif-light" />
                </LinearLayout>
                <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_groups_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                    <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_groups_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/groups"
                        android:fontFamily="sans-serif-light" />

                    <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_groups" android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:fontFamily="sans-serif-light" />
                </LinearLayout>
            </TableRow>

            <TableRow
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">

                <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_photos_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                    <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_photos_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/photos"
                        android:fontFamily="sans-serif-light" />

                    <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_photos" android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:fontFamily="sans-serif-light" />
                </LinearLayout>
                <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_videos_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                    <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_videos_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/videos"
                        android:fontFamily="sans-serif-light" />

                    <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_videos" android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:fontFamily="sans-serif-light" />
                </LinearLayout>
                <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@+id/header_user_profile_audios_container"  android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="33.0" style="?android:attr/borderlessButtonStyle">

                    <TextView android:textSize="14.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_audios_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="-2.0dip" android:text="@string/audios"
                        android:fontFamily="sans-serif-light" />

                    <TextView android:textSize="26.0sp" android:textColor="#ffffffff" android:id="@+id/fragment_user_profile_audios" android:layout_width="wrap_content" android:layout_height="wrap_content"
                        android:fontFamily="sans-serif-light" />
                </LinearLayout>
            </TableRow>
        </TableLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:id="@+id/user_name"
            android:textColor="#ffffffff"
            android:textSize="34sp"
            android:layout_above="@+id/age_city"
            android:layout_centerHorizontal="true" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="#ffffffff"
            android:id="@+id/online_status"
            android:textSize="15sp"
            android:layout_alignBottom="@+id/fragment_user_profile_avatar"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="35dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:id="@+id/age_city"
            android:textColor="#FFFFFFFF"
            android:textSize="16sp"
            android:layout_above="@+id/online_status"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

list_view.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipe_container"
android:layout_width="match_parent"
android:layout_height="match_parent">

    <ExpandableListView
        android:id="@+id/expandable_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:listSelector="@android:color/transparent"
        android:textColor="@android:color/white"
        android:transcriptMode="normal"
        android:fastScrollEnabled="false"
        android:footerDividersEnabled="false"
        android:headerDividersEnabled="false"
        android:layout_below="@+id/user_profile"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="false"
        android:layout_alignParentTop="false"
        android:layout_alignWithParentIfMissing="false"
        android:layout_alignParentRight="false"
        android:layout_alignParentBottom="false" />

YourActivity.java

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.list_view);

    // inflate header to add to list view header
    ListView listView = (ListView) findViewById(R.id.expandable_list);
    listView.addHeaderView(getLayoutInflater().inflate(R.layout.user_profile, listView, false));

...add list adapter/other setup