iOS Question [Solved] Clicking on the TabStrip header to jump to Page

[aeric]

Is it possible to click on the TabStrip header to go to the desired page?

 

[Erel]

This is the standard behavior. Clicking on the page title takes you to that page.

 

[aeric]

In B4A, TabHost behaves normally by clicking on the header but in B4i iTabstrip, I can only swipe on the page.
Not sure is it because I put it inside CustomListview.

 

[aeric]

Here is my example project.

 

[mcqueccu]

Why aren't you using Views from @Alexander Stolte?

They are cross platform, have lots of features, easily customizable and more.

You can combine the AsViewpager with As_tabmenuadvanced to achieve this beautifully.

[B4X] [XUI] AS ViewPager based on xCustomListView

Hey, thanks to @KZero for his good zPager class, i was able to extract a few things from it to make this cross platform view. I spend a lot of time in creating views, some views i need by my self, but some views not and to create a high quality view cost a lot of time. If you want to support...

www.b4x.com

or

[B4X] AS_TabMenuAdvanced Custom Middle Button

In this example we add a MiddleButton that is larger than the internal one and is outside the TabMenu. https://www.b4x.com/android/forum/threads/b4x-xui-as-tabmenuadvanced.140907/ AS_TabMenuAdvanced1.MiddleButtonProperties.Visible = False 'Makes the lib. MiddleButton invisible...

www.b4x.com

or

[B4X] AS SegmentedTab - Custom tab width

https://www.b4x.com/android/forum/threads/b4x-xui-as-segmentedtab.126563/ ASSegmentedTab3.mBase.Color = xui.Color_ARGB(255,42, 156, 255) ASSegmentedTab3.SelectionPanel.Color = xui.Color_White ASSegmentedTab3.ItemTextProperties.TextColor = xui.Color_Black...

www.b4x.com

 

[aeric]

Why aren't you using Views from @Alexander Stolte?

They are cross platform, have lots of features, easily customizable and more.

You can combine the AsViewpager with As_tabmenuadvanced to achieve this beautifully.

[B4X] [XUI] AS ViewPager based on xCustomListView

Hey, thanks to @KZero for his good zPager class, i was able to extract a few things from it to make this cross platform view. I spend a lot of time in creating views, some views i need by my self, but some views not and to create a high quality view cost a lot of time. If you want to support...

www.b4x.com

or

[B4X] AS_TabMenuAdvanced Custom Middle Button

In this example we add a MiddleButton that is larger than the internal one and is outside the TabMenu. https://www.b4x.com/android/forum/threads/b4x-xui-as-tabmenuadvanced.140907/ AS_TabMenuAdvanced1.MiddleButtonProperties.Visible = False 'Makes the lib. MiddleButton invisible...

www.b4x.com

or

[B4X] AS SegmentedTab - Custom tab width

https://www.b4x.com/android/forum/threads/b4x-xui-as-segmentedtab.126563/ ASSegmentedTab3.mBase.Color = xui.Color_ARGB(255,42, 156, 255) ASSegmentedTab3.SelectionPanel.Color = xui.Color_White ASSegmentedTab3.ItemTextProperties.TextColor = xui.Color_Black...

www.b4x.com

Because I haven't tested it.
Have you tested it worked on CustomListview?

 

[mcqueccu]

Tested the Viewpager but Because its also made of Customlistview, putting it inside another customlistview becomes problematic

 

[Erel]

It happens because the TabStrip is inside the CustomListView. The solution is to remove the panels click recognizer:

Private Sub B4XPage_Created (Root1 As B4XView)
    Root = Root1
    Root.LoadLayout("MainPage")
    TabPagesAll.Initialize
    For i = 0 To 4
        Dim pnl As B4XView = CreateListItem(CustomListView1.AsView.Width, 400dip)
        CustomListView1.Add(pnl, i)
        RemoveClickRecognizer(pnl)
    Next
End Sub

#if B4i
Private Sub RemoveClickRecognizer (pnl As B4XView)
    Dim no As NativeObject = pnl.Parent
    Dim recs As List = no.GetField("gestureRecognizers")
    For Each rec As Object In recs
        no.RunMethod("removeGestureRecognizer:", Array(rec))
    Next
End Sub
#End If

Remove touch listener and cancel action

While building the Pleroma client (https://www.b4x.com/android/forum/threads/b4x-b4xpages-pleroma-mastodon-client-step-1.119426/), I've encountered several cases where the touch events had some unwanted behavior. The reason for this, is that there are multiple stacked views that listen for the...

www.b4x.com

 

[aeric]

Thanks Erel. I will check on it later.

 

[aeric]

Thanks again Erel. It works.

 

[aeric]

Not a big issue, just want to report a strange behavior.
If jump from tab A to tab B (where B - A > 1), it logs 2 times. ---> It logs Tab n-1 and Tab n.
If jump from tab A to tab B (where B - A = 1), it only logs 1 time.

Sub TabStrip1_PageSelected (Position As Int)
    Log("Current page: " & Position)
End Sub

E.g Jumping from Page 1 to Page 5

Current page: 3
Current page: 4