Android ViewPager Show Multiple Fragments depending on Screen Size

jyoonPro

How can one display multiple Fragments in a ViewPager according to the screen size; if it is a small device, it would display 1 Fragment in one screen. If it is a tablet in landscape mode, it would display 2 Fragment in a single screen, next to each other. If it is a tablet in portrait mode, it would display 1 Fragment?

CyberEd

Inside your ViewPagerAdapter class, override getPageWidth(). It returns a float (default of 1) with the amount of space each page should take up. Changing this value, for example, to .5f will have two fragments appear in the same window.

@Override public float getPageWidth(int position) {
    return(1f/simultaneousPages);
}

In addition, setOffscreenPageLimit() should be increased. Its default is one, which means now that we show two pages, not enough fragments will be loaded into memory in the background. As a general rule, this should be twice the amount of pages on each screen.

In MainActivity.java (or whatever activity uses your ViewPagerAdapter)

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // Get the view from activity_main.xml
    setContentView(R.layout.activity_main);

    // Locate the viewpager in activity_main.xml
    ViewPager viewPager = (ViewPager) findViewById(R.id.pager);

    // Set the ViewPagerAdapter into ViewPager
    viewPager.setAdapter(new ViewPagerAdapter(getSupportFragmentManager()));

    // Load extra pages into memory for smooth transitions
    viewPager.setOffscreenPageLimit(2*simultaneousPages);
}

To change the view based on screen size, simply change the simultaneousPages variable as appropriate. More on detecting physical screen sizes.

Note: This method will cause problems with PagerTitleStrip and PagerTabStrip. The "current tab" that appears as selected will show as whatever fragment is the furthest left on your view.

Alternative solutions and more information.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Android ViewPager: Update off-screen but cached fragments in ViewPager

From Dev

Hide and show depending on screen size bootstrap 3 classes

From Dev

Supporting multiple screen size - Android

From Dev

Android Lifecycle management of Fragments within ViewPager and FragmentPagerAdapter

From Dev

SASS @import multiple files depending on screen size

From Dev

Force android screen Orientation depending on screen size

From Dev

Validate fields on multiple Fragments hosted by a ViewPager

From Dev

Android ViewPager: Recursive entry to executePendingTransactions with no nested fragments

From Dev

Android Viewpager fragments refreshed when swiped

From Dev

Android ViewPager + Fragments with dynamic ListViews

From Dev

The size of the buttons depending on the screen resolution

From Dev

Android - ViewPager flipping just Layouts instead of Fragments

From Dev

Android ViewPager Loading incorrect fragments

From Dev

How to hide and show FloatingActionButton with Fragments in a ViewPager?

From Dev

Android - ViewPager is not showing the fragments

From Dev

How to hide and show FloatingActionButton with Fragments in a ViewPager?

From Dev

Show Dialog depending on ViewPager state

From Dev

Fragments and ViewPager in Android

From Dev

Using Fragments for ViewPager in Android

From Dev

Android ViewPager with Fragments getting Error

From Dev

Validate fields on multiple Fragments hosted by a ViewPager

From Dev

Android Viewpager fragments refreshed when swiped

From Dev

How to show and hide actionbar for fragments using viewpager

From Dev

Android ViewPager + Fragments with dynamic ListViews

From Dev

Android ViewPager with Fragments

From Dev

Android: tablayout/viewpager fragments within fragment or activity

From Dev

Android Studio multiple screen size

From Dev

Android - viewpager fragments

From Dev

Javascript (Hide and show depending on screen size)

Related Related

  1. 1

    Android ViewPager: Update off-screen but cached fragments in ViewPager

  2. 2

    Hide and show depending on screen size bootstrap 3 classes

  3. 3

    Supporting multiple screen size - Android

  4. 4

    Android Lifecycle management of Fragments within ViewPager and FragmentPagerAdapter

  5. 5

    SASS @import multiple files depending on screen size

  6. 6

    Force android screen Orientation depending on screen size

  7. 7

    Validate fields on multiple Fragments hosted by a ViewPager

  8. 8

    Android ViewPager: Recursive entry to executePendingTransactions with no nested fragments

  9. 9

    Android Viewpager fragments refreshed when swiped

  10. 10

    Android ViewPager + Fragments with dynamic ListViews

  11. 11

    The size of the buttons depending on the screen resolution

  12. 12

    Android - ViewPager flipping just Layouts instead of Fragments

  13. 13

    Android ViewPager Loading incorrect fragments

  14. 14

    How to hide and show FloatingActionButton with Fragments in a ViewPager?

  15. 15

    Android - ViewPager is not showing the fragments

  16. 16

    How to hide and show FloatingActionButton with Fragments in a ViewPager?

  17. 17

    Show Dialog depending on ViewPager state

  18. 18

    Fragments and ViewPager in Android

  19. 19

    Using Fragments for ViewPager in Android

  20. 20

    Android ViewPager with Fragments getting Error

  21. 21

    Validate fields on multiple Fragments hosted by a ViewPager

  22. 22

    Android Viewpager fragments refreshed when swiped

  23. 23

    How to show and hide actionbar for fragments using viewpager

  24. 24

    Android ViewPager + Fragments with dynamic ListViews

  25. 25

    Android ViewPager with Fragments

  26. 26

    Android: tablayout/viewpager fragments within fragment or activity

  27. 27

    Android Studio multiple screen size

  28. 28

    Android - viewpager fragments

  29. 29

    Javascript (Hide and show depending on screen size)

HotTag

Archive