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+.

Homerclese · Jun 16, 2016

Is there a way to programmatically select a tab (i.e. change the current tab in code)?

Erel · Jun 16, 2016

Please post new questions in the questions forum.

Zockolade · Jun 21, 2016

Hello,

is it possible to change the tab background color in runtime?

Erel · Jun 21, 2016

Yes. Please start a new thread in the questions forum and I'll show you how it can be done.

rafaelbr20 · Jul 14, 2016

Hi !

How can i put the tabs at Bottom ?

Erel · Jul 15, 2016

You cannot change the tabs position.

rapblack · Jul 16, 2016

Hi,
After download an example and run it. Program show below

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

I think, file name "android-support-v4.jar" is not found
How can I get this file.

Erel · Jul 17, 2016

Download the attached file and copy it to the additional libraries folder. It is an empty jar. It will fix this issue.

rapblack · Jul 17, 2016

Thank you, Erel

panic · Jul 23, 2016

Hi,
Downloaded TabStripViewpager example and library. The code compiles under v6.0 succesfully but a runtime error occurs as below:

B4X:

** Service (starter) Create **
** Service (starter) Start **
** Activity (main) Create, isFirst = true **
java.lang.NoClassDefFoundError: com.astuetz.PagerSlidingTabStrip$PageListener
    at com.astuetz.PagerSlidingTabStrip.<init>(PagerSlidingTabStrip.java:67)
    at com.astuetz.PagerSlidingTabStrip.<init>(PagerSlidingTabStrip.java:110)
    at com.astuetz.PagerSlidingTabStrip.<init>(PagerSlidingTabStrip.java:106)
    at anywheresoftware.b4a.objects.TabStripViewPager.DesignerCreateView(TabStripViewPager.java:59)
    at anywheresoftware.b4a.objects.CustomViewWrapper.AfterDesignerScript(CustomViewWrapper.java:70)
    at anywheresoftware.b4a.keywords.LayoutBuilder.loadLayout(LayoutBuilder.java:158)
    at anywheresoftware.b4a.objects.ActivityWrapper.LoadLayout(ActivityWrapper.java:209)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.shell.Shell.runMethod(Shell.java:703)
    at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:340)
    at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:247)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:134)
    at b4a.example.main.afterFirstLayout(main.java:102)
    at b4a.example.main.access$000(main.java:17)
    at b4a.example.main$WaitForLayout.run(main.java:80)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5272)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:909)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:704)
** Activity (main) Resume **
Error occurred on line: 30 (Main)
java.lang.NullPointerException: Attempt to invoke virtual method 'int anywheresoftware.b4a.objects.PanelWrapper.getWidth()' on a null object reference
    at anywheresoftware.b4a.objects.TabStripViewPager.LoadLayout(TabStripViewPager.java:115)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.shell.Shell.runMethod(Shell.java:703)
    at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:340)
    at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:247)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:134)
    at anywheresoftware.b4a.BA.raiseEvent(BA.java:153)
    at b4a.example.main.afterFirstLayout(main.java:108)
    at b4a.example.main.access$000(main.java:17)
    at b4a.example.main$WaitForLayout.run(main.java:80)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5272)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:909)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:704)

rapblack · Jul 24, 2016

Thank you, panic

Erel · Jul 24, 2016

panic said:
Downloaded TabStripViewpager example and library. The code compiles under v6.0 succesfully but a runtime error occurs as below:

Are you using Java 7+ under Tools - Configure Paths?
Did you install Android Support Repository in Android SDK manager?

panic · Jul 24, 2016

Thank you for the reply. Below the current B4A paths:

Tested also with jdk1.7.0_25 and android-23. Android Support Repository 34:

Erel · Jul 24, 2016

Are you using USB debug mode? If yes then run your code in release mode and post the error message.

panic · Jul 24, 2016

Here is the log when running the code in Release mode:

B4X:

** Service (starter) Create **
** Service (starter) Start **
** Activity (main) Create, isFirst = true **
main_activity_create (java line: 334)
java.lang.NoClassDefFoundError: com.astuetz.PagerSlidingTabStrip$PageListener
    at com.astuetz.PagerSlidingTabStrip.<init>(PagerSlidingTabStrip.java:67)
    at com.astuetz.PagerSlidingTabStrip.<init>(PagerSlidingTabStrip.java:110)
    at com.astuetz.PagerSlidingTabStrip.<init>(PagerSlidingTabStrip.java:106)
    at anywheresoftware.b4a.objects.TabStripViewPager.DesignerCreateView(TabStripViewPager.java:59)
    at anywheresoftware.b4a.objects.CustomViewWrapper.AfterDesignerScript(CustomViewWrapper.java:70)
    at anywheresoftware.b4a.keywords.LayoutBuilder.loadLayout(LayoutBuilder.java:158)
    at anywheresoftware.b4a.objects.ActivityWrapper.LoadLayout(ActivityWrapper.java:209)
    at b4a.example.main._activity_create(main.java:334)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:169)
    at b4a.example.main.afterFirstLayout(main.java:102)
    at b4a.example.main.access$000(main.java:17)
    at b4a.example.main$WaitForLayout.run(main.java:80)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5272)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:909)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:704)

Erel · Jul 25, 2016

Try it with this line:

B4X:

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

panic · Jul 25, 2016

After adding the line:

B4X:

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

it DOES run OK.

I assume the addition is v6.0 specific.

Thank you for the support.

DonManfred · Jul 25, 2016

panic said:
I assume the addition is v6.0 specific

Yes.But exactly it is the addition Google made. They split big libs into smaller ones and uses maven-repo now. B4A 6 is compatible to this.

glennpa · Aug 8, 2016

Got this error whilte trying to compile sample... "Could not find file 'C:\Program Files\Anywhere Software\Basic4android\libraries\android-support-v4.jar'."
Where can I get the missing jar?

Erel · Aug 8, 2016

Does it happen in the copying libraries resources step?

If yes then download the attached empty jar and put it in the additional libraries folder.

Android Tutorial TabStripViewPager - Better ViewPager

Attachments

Member

B4X founder

Member

B4X founder

Member

B4X founder

Member

Attachments

B4X founder

Attachments

Member

Member

Member

B4X founder

Member

B4X founder

Member

B4X founder

Member

Expert

New Member

B4X founder

Attachments

Similar Threads

Privacy & Transparency

Privacy & Transparency