How to implement two fragments in single view?

Question

I have an application which has 3 fragments. And it works fine viewpager.

But I need to implement similar view like in Android Play store. Initially they have "Featured" Tab. When you swipe left we can see "Categories" tab.

But half of the screen still filled with "Featured" tab contents. How can I implement that view? Any idea?

It will be great if anyone can give a reference URL where I can look — intrepidkarthi, Sep 13 '12 at 07:13
try http://developer.android.com/training/implementing-navigation/lateral.html#swipe-tabs — biegleux, Sep 13 '12 at 07:15
I have looked into this [link](http://stackoverflow.com/questions/9693836/fragmentpageradapter-swipe-to-show-listview-1-3-screen-width) . But in that they are using only one layout. — intrepidkarthi, Sep 14 '12 at 09:15

score 3 · Accepted Answer · answered Jan 25 '13 at 18:45

3

Here is the actual answer. Posting after a long time.

Add this method in your adapter:

@Override
public float getPageWidth(int position) {
if (position == 0) {
    return(0.5f);
} else {
    return (1.0f);       
}
}

answered Jan 25 '13 at 18:45

intrepidkarthi

3,104
8
42
75

Chinmoy Debnath · Answer 2 · 2012-09-13T08:05:59.343

In order to display two fragment in one view you can add a layout which width & height will be wrap content in one fragment's layout then on your onCreateView add the other fragment using fragment manager. Code will be like this --

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        >
        <LinearLayout 
             android:id="@+id/ll1"
             android:layout_width="wrap_content"
             android:layout_height="fill_parent"
             android:orientation="vertical"
             >

        </LinearLayout>
        <LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    >
    <Button 
    android:id="@+id/tb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="test"/>


</LinearLayout>

And onCreate Will be Like --

View view ;

boolean isVisible = false;

FragmentManager fm;
FragmentTransaction ft;
Fragment menuFragment;
LinearLayout llList;

@Override
public View onCreateView(LayoutInflater inflater,  ViewGroup container, Bundle savedInstanceState) {

    view = inflater.inflate(R.layout.main, container, false);
    llList = (LinearLayout) view.findViewById(R.id.ll1);
    menuFragment = new frg1();
    fm = getFragmentManager();


    Button tb = (Button) view.findViewById(R.id.tb);
    tb.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub

            if(!isVisible) {

                isVisible = true;
                showList();
            }
            else {

                isVisible = false;
                hideList();
            }

        }
    });

    return view;
}


private void changeDisplay() {

    Display display = getActivity().getWindowManager().getDefaultDisplay();
    int width = (int) (display.getWidth() * 0.8 );
    int height = (int) (display.getHeight() * 0.8);

    if(isVisible) 
    {
        llList.setLayoutParams(new LinearLayout.LayoutParams(width, LayoutParams.FILL_PARENT));
        //lllList.setLayoutParams(new LinearLayout.LayoutParams(p))
    }
    else {
        llList.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.FILL_PARENT));
        //llList.scrollTo(0, 0);
    }
}

private void showList() {

    changeDisplay();

    ft = fm.beginTransaction();
    ft.add(R.id.ll1, menuFragment);
    ft.commit();
}

private void hideList() {

    changeDisplay();

    ft = fm.beginTransaction();
    ft.remove(menuFragment);
    ft.commit();
}

Thanks buddy. I will try and let you know. – intrepidkarthi Sep 13 '12 at 07:32 — intrepidkarthi, Sep 13 '12 at 07:32

score 0 · Answer 3 · answered Sep 13 '12 at 07:42

0

Check out ViewPagerIndicator.

Try the sample first if you want to see how it looks like.

The one you want is the Titles section.

answered Sep 13 '12 at 07:42

Benito Bertoli

25,285
12
54
61

I have looked into that already. But that is not what I am looking for actually. – intrepidkarthi Sep 13 '12 at 08:07
Which feature are you exactly missing? The tile being cut in half? Because that's the only difference I notice. – Benito Bertoli Sep 13 '12 at 08:35
Yes. That is the only feature I need. – intrepidkarthi Sep 13 '12 at 14:14

How to implement two fragments in single view?

3 Answers3

Linked