insert separator between view-pager

Question

How could i insert some padding between the pages inside view-pager like in the market app - the black line enter image description here

add view with black color. height as match and width as 3dp. — Padma Kumar, Aug 13 '12 at 13:25

SammyT · Answer 1 · 2016-11-20T10:54:37.717

34

This worked for me. I just set the margin and filled it with a color.

viewPager.setPageMargin(20); // TODO Convert 'px' to 'dp'
viewPager.setPageMarginDrawable(R.color.black);

EDIT: To convert dp to pixel conversion I used:

int px = Math.round(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, getResources().getDisplayMetrics()));
mViewPager.setPageMargin(px);
mViewPager.setPageMarginDrawable(R.color.black);

edited Nov 20 '16 at 10:54

answered Mar 22 '13 at 11:40

SammyT

759
1
9
19

6

Note that `setPageMargin(int)` takes a pixel value. Instead of providing a number, you might want to do dp conversions. – nhaarman Jan 07 '14 at 13:25

score 16 · Accepted Answer · edited Jun 16 '18 at 08:38

16

That is a new api for the ViewPager called the margin, a link to it can be found setPageMargin(). Make sure you are using the latest support library.

edited Jun 16 '18 at 08:38

AskNilesh

67,701
16
123
163

answered Aug 13 '12 at 13:29

HandlerExploit

8,131
4
31
50

score 2 · Answer 3 · answered Aug 13 '12 at 13:47

2

Use This method:

public void setPageMarginDrawable (int resId)

You will be able to set a drawable that will be used to fill the margin between pages.

answered Aug 13 '12 at 13:47

K_Anas

31,226
9
68
81

insert separator between view-pager

3 Answers3

Linked