B4A Library FoldingCell

itgirl · Dec 29, 2016

Amazing Lib really nice animation can be really useful in listviews
thaaaaaaaanks

donmanfred

im trying to keep up with ur warps [wrappers]

DonManfred · Dec 29, 2016

itgirl said:
warps

Warps?

itgirl · Dec 29, 2016

DonManfred said:
Warps?

yeah lol you get the point

, really thank you for all your work for B4A community

MarcoRome · Jan 6, 2017

Hi Don. Exist Event type

onClickListener

as in libray

4. Final step! Add onClickListener to your Folding Cell in MainActivity.java to toggle animation:

@override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// get our folding cell
final FoldingCell fc = (FoldingCell) findViewById(R.id.folding_cell);
// attach click listener to folding cell
fc.setOnClickListener(new View.OnClickListener() {
@override
public void onClick(View v) {
fc.toggle(false);
}
});
}

Thank you
Marco

DonManfred · Jan 6, 2017

MarcoRome said:
as in libray

it is already set. just click on the item and it will toggle

Douglas Farias · Jan 9, 2017

Hi man.

i tryed your example, but i dont understand the panels, idk if is a bug.

how can i show only one layout when it is closed?
for example here

is a closed panel, when user click it opens.

in your example, at first time i can see the 2 panels, the closed and the opned too.

i uploaded here 3 images to show what happens.

1.png = first time i run your example (note i can see the 2 layouts, 2 panels)
2.png = if i click at first time at FoldingCell, it close and show only layout 1
3.png = the FoldingCell is closed, if i click at the FoldingCell it opens

how can i make like the image above?
i need start with 2.png and if i click go to 3.png, if i click back, it back to 2.png.
how can i avoid the bug of 1.png?

thx and sorry for the bad english.

Wolli013 · Jan 11, 2017

@Douglas Farias
Nice Präsentation
With which have you provided it?

Douglas Farias · Jan 11, 2017

Wolli013 said:
@Douglas Farias
Nice Präsentation
With which have you provided it?

this is the example of the lib on github
https://github.com/Ramotion/folding-cell-android

but i dont know how make a example like this.

DonManfred · Jan 11, 2017

Douglas Farias said:
how can i make like the image above?

sorry for the late answer. I´m stressed these days (work, a old website must be updated (still)).

I tried to get rid of it a few hours the day you posted here...

I come a bit closer but it still showing kind of both layouts at the beginning.
I can´t figure it out. Maybe a but in the github project.

Wolli013 · Jan 11, 2017

Douglas Farias said:
Hi man.

i tryed your example, but i dont understand the panels, idk if is a bug.

how can i show only one layout when it is closed?
for example here

is a closed panel, when user click it opens.

in your example, at first time i can see the 2 panels, the closed and the opned too.

i uploaded here 3 images to show what happens.

1.png = first time i run your example (note i can see the 2 layouts, 2 panels)
2.png = if i click at first time at FoldingCell, it close and show only layout 1
3.png = the FoldingCell is closed, if i click at the FoldingCell it opens

how can i make like the image above?
i need start with 2.png and if i click go to 3.png, if i click back, it back to 2.png.
how can i avoid the bug of 1.png?

thx and sorry for the bad english.

View attachment 51831 View attachment 51832 View attachment 51833

Wie kann ich so eine Präsentation erstellen?

DonManfred · Jan 11, 2017

This is the english part of the forum.
Please write english here.

Feel free to create a thread in the german forum.

About your question which is the same as Douglas is requesting.

The problem is that the lib as yet seem to have a bug. Not sure it the github project is the problem or my code or the way we are using it.
Still investigating.

DonManfred · Jan 11, 2017

Douglas Farias said:
in your example, at first time i can see the 2 panels, the closed and the opned too.

I think i got it....

New Example and new lib uploaded to Post #1

Douglas Farias · Jan 11, 2017

DonManfred said:
I think i got it....

New Example and new lib uploaded to Post #1

thx man. tested and now its working.
i will try put it on a clv and upload a example here

thx

Douglas Farias · Jan 11, 2017

about clv.
This is what I tried to do.

B4X:

#Region  Project Attributes
    #ApplicationLabel: B4A Example
    #VersionCode: 1
    #VersionName:
    'SupportedOrientations possible values: unspecified, landscape or portrait.
    #SupportedOrientations: unspecified
    #CanInstallToExternalStorage: False
#End Region

#Region  Activity Attributes
    #FullScreen: False
    #IncludeTitle: True
#End Region

#AdditionalRes: ..\res.FoldingCell
#Extends: android.support.v7.app.AppCompatActivity

Sub Process_Globals
    'These global variables will be declared once when the application starts.
    'These variables can be accessed from all modules.

End Sub

Sub Globals
    Private Button1 As Button
    Private Button2 As Button
    Private Button3 As Button
    Private fcell As FoldingCell
    Private flood As FoldingCellView
    Private CustomListView1 As CustomListView
   
End Sub
Sub Activity_Create(FirstTime As Boolean)
    Activity.LoadLayout("Layout1")
   
    Dim pfront As Panel
    pfront.Initialize("Panel")
    pfront.LoadLayout("front")
    Dim pback As Panel
    pback.Initialize("Panel")
    pback.Visible = False
    pback.LoadLayout("back")


'    fcell.addView(pback,100%x,350dip)
'    fcell.addView(pfront,100%x,100dip)
'    fcell.init(1500,Colors.Transparent,5)
'    fcell.fold(True)
   
   
    flood.Initialize("flood",pfront,pback)

   
    For i = 0 To 10
        Private p1 As Panel
        p1.Initialize("p1")
        p1.Color = Colors.Black
        p1.AddView(flood,0,0,100%x,100%y)
        CustomListView1.Add(p1,20%y,i)
        p1.Color = Colors.Transparent
    Next
   
   
End Sub

Sub Activity_Resume

End Sub

Sub Activity_Pause (UserClosed As Boolean)

End Sub


Sub Button1_Click
    fcell.fold(True)
End Sub

Sub Button2_Click
    fcell.unfold(True)   
End Sub

Sub Button3_Click
    fcell.toggle(True)
End Sub

this example crash in this line, when i try add the FoldingCellView to a panel, the same crash when i try use FoldingCell (fcell in this case)

B4X:

p1.AddView(flood,0,0,100%x,100%y)

if i try add this direct to a clv give crash too

B4X:

CustomListView1.Add(flood%y,i)

or

B4X:

CustomListView1.Add(fcell%y,i)

the error is the same, here is the log

** Activity (main) Pause, UserClosed = false **
** Service (starter) Create **
** Service (starter) Start **
** Activity (main) Create, isFirst = true **
Panel size is unknown. Layout may not be loaded correctly.
Panel size is unknown. Layout may not be loaded correctly.
Error occurred on line: 168 (CustomListView)
java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.
at android.view.ViewGroup.addViewInner(ViewGroup.java:4277)
at android.view.ViewGroup.addView(ViewGroup.java:4127)
at android.view.ViewGroup.addView(ViewGroup.java:4099)
at anywheresoftware.b4a.objects.PanelWrapper.AddView(PanelWrapper.java:65)
at b4a.example.customlistview._insertatimpl(customlistview.java:485)
at b4a.example.customlistview._insertat(customlistview.java:72)
at b4a.example.customlistview._add(customlistview.java:58)
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:708)
at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:337)
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:145)
at android.app.ActivityThread.main(ActivityThread.java:6946)
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:1404)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1199)
** Activity (main) Resume **
** Activity (main) Resume **

this crash is when i try add the FoldingCell or FoldingCellView to a panel, any panel it crash.

can you fix this pls? i really need use this lib on a clv like the example gif>

thx again for the support.

DonManfred · Jan 15, 2017

Douglas Farias said:
this crash is when

The problem is that you are doing it wrong. That´s the crash.
I tried to build it on my own.. It was working but not as expected. I asked for help and now it is working better. But still not perfect...

Time for you to adapt it to your needs.

In my example it is working fine to UNFOLD the cell... But folding the same way does not look good. So i decided to do the folding not animated.

I can´t investigate more on this as i dont have the time

B4X:

Sub Globals

	Private clv1 As CustomListView
	Private Label1 As Label
	Private Button1 As Button
	Private CheckBox1 As CheckBox
	Private fcell As FoldingCell
End Sub


Sub Activity_Create(FirstTime As Boolean)
    Activity.LoadLayout("1")

    For i = 0 To 10
        Private p1 As Panel
        p1.Initialize("p1")
        p1.Tag = i
        p1.Color = Colors.Black
        clv1.Add(p1,100dip,i)
        p1.LoadLayout("LayoutFolding")
       
        Dim pfront As Panel
        pfront.Initialize("Panel")
        pfront.LoadLayout("front")
        Dim pback As Panel
        pback.Initialize("Panel")
        pback.Visible = False
        pback.LoadLayout("back")

        fcell.addView(pback,100%x,350dip)
        fcell.addView(pfront,100%x,100dip)
        fcell.init(1500,Colors.Transparent,5)
        fcell.fold(True)
       
       
       
   
        'p1.Color = Colors.Transparent



    Next
    clv1.AddTextItem("Aaaa", "a")
    clv1.AddTextItem("Aaaa" & CRLF & "Bbbb", "b")
    clv1.AddTextItem("Aaaa" & CRLF & "Bbbb" & CRLF & "Cccc", "c")
    clv1.AddTextItem("Aaaa" & CRLF & "Bbbb" & CRLF & "Cccc" & CRLF & "Dddd" , "d")
    clv1.AddTextItem("Aaaa" & CRLF & "Bbbb" & CRLF & "Cccc" & CRLF & "Dddd" & CRLF & "Eeee", "e")
End Sub
Sub FoldingCell_click()
    Log($"FoldingCell_click()"$)
    Dim cell As FoldingCell = Sender
    If cell.isUnfolded Then
        ' Fold
        Dim parent As Panel
        parent = cell.Parent
        Log($"Parent: ${parent.Left}:${parent.Top}   ${parent.Width} x ${parent.Height}   (Tag: ${parent.Tag})"$)
        'parent.SetLayout(0,0,100%x,100dip)
        Starter.csu.CallSubPlus2(Me, "Replace_Parent", 100, Array(parent,100dip,cell,True))
    Else
        ' Unfold
        Dim parent As Panel
        parent = cell.Parent
        Log($"Parent: ${parent.Left}:${parent.Top}   ${parent.Width} x ${parent.Height}   (Tag: ${parent.Tag})"$)
        'parent.SetLayoutanimated(1600,0,0,100%x,300dip)
        Starter.csu.CallSubPlus2(Me, "Replace_Parent", 100, Array(parent,300dip,cell,False))
    End If
End Sub
Sub Replace_Parent(args() As Object)
    Log($"Replace_Parent: $Time{DateTime.Now}"$)
    Dim p As Panel = args(0)
    p.SetLayout(0,0,100%x,args(1))
    p.RemoveView
    clv1.ReplaceAt(p.Tag,p,args(1),p.Tag)
    Starter.csu.CallSubPlus2(Me, "Parent_Layout", 1000, args)
    Dim cell As FoldingCell = args(2)
    cell.toggle(args(3))
End Sub
Sub Parent_Layout(args() As Object)
    Log($"Parent_Layout()"$)
    Dim p As Panel = args(0)
    p.SetLayoutAnimated(100,0,0,100%x,args(1))
End Sub

DonManfred · Jan 16, 2017

ohh, i forgot to upload the new lib version. find it attached to post #1

Mashiane · Jun 23, 2017

Hi

I cant seem to compile this with 7.01, any advise please? Thanks...

Mashiane · Jun 23, 2017

Mashiane said:
Hi

I cant seem to compile this with 7.01, any advise please? Thanks...

Just found an answer when I was checking another AppCompat example, from https://www.b4x.com/android/forum/threads/appcompat-with-toolbar-minimal-example.79896/#post-507506

One needs to set android.jar version to 25 or something. Ta!

Smee · Jun 27, 2017

This looks fantastic, cant wait until I have time to put it to good use. Thanks @DonManfred for what looks to be a great library

B4A Library FoldingCell

Attachments

Active Member

Expert

Active Member

Expert

Expert

Expert

Well-Known Member

Expert

Expert

Well-Known Member

Expert

Expert

Expert

Expert

Expert

Attachments

Expert

Expert

Attachments

Expert

Well-Known Member

Similar Threads