How to add fixed header in ListFragment

Question

I have a class that extends ListFragment. I want to add a fixed header.

I tried this way:

@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    View mHeaderView = getActivity().getLayoutInflater().inflate(R.layout.remedy_header_view, null);            
    getListView().addHeaderView(mHeaderView);
    if (mAdapter == null) {
        int layout = Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB ? android.R.layout.simple_list_item_activated_1: android.R.layout.simple_list_item_1;
        mAdapter = new SimpleCursorAdapter(getActivity(), layout, null, new String[] { ClinicalTip.Remedies.COLUMN_NAME_REMEDY_NAME }, new int[] { android.R.id.text1 }, 0);
    }
    setListAdapter(mAdapter);
    setListShown(false);
    Activity().getSupportLoaderManager().initLoader(0, null, this);
}

@Override
public void onDestroyView() {
    // TODO Auto-generated method stub
    super.onDestroyView();
    setListAdapter(null);
}

But using this way, the header is not fixed, it gets scrolled. What could be the solution for adding fixed header in ListFragment?

Blackbelt · Accepted Answer · 2013-06-22 09:28:00Z

5

The ListView's headerView scroll with the other elements of the ListView. If you want to have a fix headerView with the ListView's elements scrolling beneath it, you have to change the Layout you returned inside onCreateView. for instance:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TextView
    android:id="@+id/header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="myHeader" />

<ListView
    android:id="@android:id/list"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" />


 </LinearLayout>

For instance:

 View detailListHeader ;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, 
Bundle savedInstanceState) {
     super.onCreateView(inflater, container,
        savedInstanceState);
    View view = inflater.inflate(R.layout.myxml, container, false);
     detailListHeader = view.findViewById(R.id.header);
     return view;
}

detailListHeader is your header

edited Jun 22, 2013 at 9:28

answered Jun 22, 2013 at 8:30

Blackbelt

158k31 gold badges308 silver badges310 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Homam Over a year ago

How I can make use of this in ListFragment?

Homam Over a year ago

I'm using your code exactly but I'm getting this error: "java.lang.IllegalStateException: Can't be used with a custom content view"

Blackbelt Over a year ago

try calling super.onCreateView(inflater, container, savedInstanceState); before any other operation. Also I notice that you are using setListShow(boolean). Take a look here: code.google.com/p/android/issues/detail?id=21742

Homam Over a year ago

I commented setListShown, now its working! Can you please tell me what could be the alternative to setListShown?

akkilis · Accepted Answer · 2013-06-22 08:41:14Z

0

Obviously it will get scrolled with the list.
Instead of doing this, set a View on top of the ListView and add the content of your header view to it.

By doing this, Header view will remain always static but list will be scroll-able.

Also if you want to use it with the List Fragment only then:
ListFragment has a default layout that consists of a single list view. However, if you desire, you can customize the fragment layout by returning your own view hierarchy from onCreateView(LayoutInflater, ViewGroup, Bundle). To do this, your view hierarchy must contain a ListView object with the id "@android:id/list" (or list if it's in code).

So your layout file will look like.



<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
         android:orientation="vertical"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:paddingLeft="8dp"
         android:paddingRight="8dp">

 `<TextView android:id="@id/header"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />`

 `<ListView android:id="@id/android:list"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />`


</LinearLayout>

edited Jun 22, 2013 at 8:41

answered Jun 22, 2013 at 8:29

akkilis

1,93414 silver badges22 bronze badges

5 Comments

Homam Over a year ago

How can I do what you are suggesting using ListFragment?

akkilis Over a year ago

If there is any issue in using this in list fragment, use simple fragment. Just make sure that in the layout for that fragment you have a view that is always on top(or before) of the listview.

akkilis Over a year ago

List fragment is an easy way to use list as it provides some more overridden methods but the purpose will be solved by the normal fragment also.

Homam Over a year ago

I am using your layout exactly, I'm getting this error: "Error: No resource found that matches the given name (at 'id' with value '@id/header')."

akkilis Over a year ago

oh come on ... that was a boilerplate code ... the correct syntax was @+id/header ... one should have easily fixed this.

Collectives™ on Stack Overflow

How to add fixed header in ListFragment

2 Answers 2

4 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related