Android Tutorial TabStripViewPager - Better ViewPager

Erel · Feb 25, 2016

This library is based on the following open source project: https://github.com/astuetz/PagerSlidingTabStrip
License: http://www.apache.org/licenses/LICENSE-2.0

It is an alternative to StdViewPager. It is simpler to use and looks better.
It is implemented as a custom view. It requires B4A v5.8+.

It is very simple to add a TabStrip to your app.

Add the TabStrip with the visual designer and configure it:

Note the usage of anchors to fill the available space.

Create a layout file for each page. Again use anchors to fill the available space:

Load the main layout and then add pages with a call to TabStrip.LoadLayout:

B4X:

Sub Activity_Create(FirstTime As Boolean)
   Activity.LoadLayout("Main")
   TabStrip1.LoadLayout("Page1", "PAGE 1")
   TabStrip1.LoadLayout("Page2", "THIS IS PAGE 2")
   TabStrip1.LoadLayout("Page3", "AND PAGE 3")
End Sub

Add the following text to the manifest editor (it creates the short press effect):

B4X:

'********* TabStrip ***********************
CreateResource(drawable, background_tab.xml,
<selector xmlns:android="http://schemas.android.com/apk/res/android"
   android:exitFadeDuration="@android:integer/config_shortAnimTime">
  <item android:state_pressed="true" android:drawable="@color/background_tab_pressed" />
  <item android:state_focused="true" android:drawable="@color/background_tab_pressed"/>
  <item android:drawable="@android:color/transparent"/>
</selector>)
CreateResource(values, colors.xml,
<resources>
  <color name="background_tab_pressed">#6633B5E5</color>
</resources>)
'******************************************

If you are using B4A v6+ then you should add this line:

B4X:

#AdditionalJar: com.android.support:support-v4

As Android support library requires Android 4+ (API level 14+), TabStripViewPager also requires Android 4+.

hongbii khaw · Jan 5, 2017

Hi,
May i know how to adjust the TabStripViewPager's size to make it same activity size when initialize?
normally i use this method to make the panel fix in different size of screen:

B4X:

panel.left = activity.left
panel.top = activity.top
panel.height = activity.height
panel.width = activity.width

if that any method to make the tabstrip1's size same as activity size other than using designer?

ilan · Jan 5, 2017

you can add it via designer and set the Anchor settings to BOTH or set it in designer script.

KingEdem · Jan 22, 2017

Erel said:
You need to use a more recent version of android.jar (Tools - Configure Paths).

I used latest android jar and still getting following error:

Generating R file. Error
res\values-v20\theme.xml:3: error: Error retrieving parent for item: No resource found that matches the given name '@android:style/Theme.Material.Light'.

Erel · Jan 22, 2017

Please post a screenshot of the path configuration dialog.

KingEdem · Jan 22, 2017

Erel said:
Please post a screenshot of the path configuration dialog.

DonManfred · Jan 22, 2017

Change android jar to Api 23+ (25 is up to date)

If you only have 19 then you need to download the newest Api

KingEdem · Jan 22, 2017

DonManfred said:
Change android jar to Api 23+ (25 is up to date)

If you only have 19 then you need to download the newest Api

Hi Don,

Still not working and throwing same error.

ilan · Jan 22, 2017

after updating to api 25 have you change the android.jar path in your path configurations?

KingEdem · Jan 22, 2017

ilan said:
after updating to api 25 have you change the android.jar path in your path configurations?

Thanks ilan,
Now I have this:

DonManfred · Jan 22, 2017

Did you read this note in post #1?

Erel said:
If you are using B4A v6+ then you should add this line:

B4X:

#AdditionalJar: com.android.support:support-v4

DonManfred · Jan 22, 2017

Naresh Edem said:
provide me link to download the jar.

There is no download for it. It is part of the two maven repos you need to have installed for B4A 6+
you dont need to copy anything to your additional libs folder.

Using the #additionaljar line will create a reference to the repo in the google android repository... B4A will find the file by itself.

Additionally you should NOT copy ANYTHING to the folder you posted (except you get told to do so for a specific library)... It is the INTERNAL library folder!

Configure the additional libs folder in the ide and put all additional libs in this folder.

KingEdem · Jan 22, 2017

DonManfred said:
There is no download for it. It is part of the two maven repos you need to have installed for B4A 6+
you dont need to copy anything to your additional libs folder.

Using the #additionaljar line will create a reference to the repo in the google android repository... B4A will find the file by itself.

Additionally you should NOT copy ANYTHING to the folder you posted (except you get told to do so for a specific library)... It is the INTERNAL library folder!

Configure the additional libs folder in the ide and put all additional libs in this folder.

Thanks Don, ilan, Erel,

I got the jar here: C:\Android\android-sdk\extras\android\support\v4

problem resolved!

yolira · Mar 21, 2017

Hi, I get an error. Please can you help me?

B4A version: 6.80
Parsing code. (0.00s)
Compiling code. (0.04s)
Compiling layouts code. (0.00s)
Organizing libraries. (0.00s)
Generating R file. (0.16s)
Compiling debugger engine code. (0.62s)
Compiling generated Java code. Error
Cannot find: C:\Program Files (x86)\Anywhere Software\Basic4android\libraries\android-support-v4.jar

Thanks

ilan · Mar 21, 2017

the reason is written in this line.

yolira said:
Cannot find: C:\Program Files (x86)\Anywhere Software\Basic4android\libraries\android-support-v4.jar

download android-support-v4.jar and put it in the library folder.

yolira · Mar 21, 2017

Where can I download?
Thanks

ilan · Mar 21, 2017

yolira said:
Where can I download?
Thanks

have you added this line:

B4X:

#AdditionalJar: com.android.support:support-v4

yolira · Mar 22, 2017

ilan said:
have you added this line:

B4X:

#AdditionalJar: com.android.support:support-v4

Where should I put it?

MarcoRome · Mar 22, 2017

yolira said:
Where should I put it?

Where you want in Activity Main, often after #Region Activity Attributes

yolira · Mar 22, 2017

MarcoRome said:
Where you want in Activity Main, often after #Region Activity Attributes

Thanks you

achtrade · Apr 4, 2017

Hello,

I'm getting the same error and I did all the recommendation written in this thread.

B4A version: 6.80
Parsing code. (0.03s)
Compiling code. (0.07s)
Compiling layouts code. (0.00s)
Organizing libraries. (0.00s)
Generating R file. Error
res\drawable\background_tab.xml:4: error: Error: No resource found that matches the given name (at 'drawable' with value '@Color/background_tab_pressed').
res\drawable\background_tab.xml:5: error: Error: No resource found that matches the given name (at 'drawable' with value '@Color/background_tab_pressed').

what's wrong ?

Weird thing, the sample is working well buy my app isn't. Same computer, same android device.

See all my config in the attached files.

what's wrong ?

Android Tutorial TabStripViewPager - Better ViewPager

Attachments

Member

Expert

Member

B4X founder

Member

Expert

Member

Expert

Member

Expert

Expert

Member

Member

Expert

Member

Expert

Member

Expert

Member

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency