Android Question What is the best way to do popups?

[Daica]

I want to improve on user experience and UI a bit more in my app. Right now all I do is use a simple MsgBox to show messages.
I want to add popups for certain things, like errors, success, etc.

What is the best way to do it without making the code confusing or messy?
Here are some ways I thought of, and tried out, but not sure.

1. Have 1 "popupPanel" that is declared in Class_Globals.
* When I need to show a popup, add the panel to Root
* Load the layout for the popup, depending on what kind of popup (error, success, etc)
* Update/Set the icons and text on the popup
* When popup is closed, remove all views

2. Use Alex's Library (https://www.b4x.com/android/forum/threads/b4x-as-floatingpanel.141754/#content)
* Similar to option 1 but most of the logic is already handled

3? 4?

 

[Alexander Stolte]

3?

[B4X] [XUI] Msgbox

XUI library v1.4 adds support for asynchronous msgbox dialogs. The API is simple: xui.MsgboxAsync("Hello", "World") The dialog is not a modal dialog. The code will not stop. MsgboxAsync and Msgbox2Async return an object that can be used as the sender filter parameter in a Wait For call...

www.b4x.com

 

[Alexander Stolte]

4?

[B4X] [XUI] B4XDialog - Custom dialogs

Edit: B4XDialogs is part of XUI Views library. Use that instead: [B4X] XUI Views - Cross platform views and dialogs B4XDialog class helps with creating cross platform custom dialogs. The dialog is made of a simple panel and it is therefore completely customizable. Simple usage (change...

www.b4x.com

[B4X] Share your B4XDialog + templates theming code

Have you created a nice dialog based on B4XDialog? Post it here. If you have any question then start a new thread.

www.b4x.com

 

[Daica]

[B4X] [XUI] B4XDialog - Custom dialogs

Edit: B4XDialogs is part of XUI Views library. Use that instead: [B4X] XUI Views - Cross platform views and dialogs B4XDialog class helps with creating cross platform custom dialogs. The dialog is made of a simple panel and it is therefore completely customizable. Simple usage (change...

www.b4x.com

[B4X] Share your B4XDialog + templates theming code

Have you created a nice dialog based on B4XDialog? Post it here. If you have any question then start a new thread.

www.b4x.com

I saw this before and have used it in some of my smaller projects, the thing is that, and this is my opinion, it just doesn't look quite as "pretty"?
For example, this is what I had in mind (Using Alex's login template btw )

The examples you gave, they're good for simple and quick popups, but its hard to make it similar to the GIF

I can't name the competition but it seems there are a lot more pretty widgets and components available to developers to use.
However, people like you and many other developers on B4X are still releasing things, so thats super great to see.

If I was more skilled, I could create a bunch of these widgets and components as well to compete

 

[Alexander Stolte]

Or you can omit the popup. The TextField also supports text under the input field. Or use a ToastMessage. I don't know when I last saw MessageBoxes in an app.
Example #1

Example #2

[B4X] BCToast - Cross platform custom toast message

BCToast is a custom "toast" message implementation based on BCTextEngine: https://www.b4x.com/android/forum/threads/b4x-bctextengine-bbcodeview-text-engine-bbcode-parser-rich-text-view.106207/#content It requires BCTextEngine v1.65+. Note that unlike B4A built-in toast message feature, this...

www.b4x.com

[B4A] [XUI] BMPopUp v1.1

[UPDATED V1.1] Hello everyone, it is a pleasure for me to show you my first library for B4A. BMPopUp is a library that will allow you to create PopUp messages in your applications. You can change the look as you like. Thanks in advance for visiting I hope you like it. Normal PopUp...

www.b4x.com

 

[Alexander Stolte]

but its hard to make it similar to the GIF

To have the effect as in the picture is generally difficult. In B4A there is an animation lib. with which you can do this easily, but unfortunately this is not available in b4i. And an own bounce animation is not so easy to achieve. I had tried 2 years ago to get one. But it did not look natural

 

[Alexander Stolte]

but its hard to make it similar to the GIF

Anyway, here is a B4X Example of the gif
It looks better in real

    Dim Dialog As B4XDialog
    Dialog.Initialize(Root)
   
    Dialog.BorderCornersRadius = 20dip
    Dialog.BackgroundColor = xui.Color_White
   
    Dim p As B4XView = xui.CreatePanel("")
    p.SetLayoutAnimated(0, 0, 0, 300dip, 400dip)
    p.SetColorAndBorder(xui.Color_White,0,0,20dip)
   
    p.LoadLayout("CustomDialog")
   
    Dialog.ShowCustom(p,"","","")
    SetCircleClip(Dialog.Base,20dip)
   
    Sleep(500)
    Dialog.Base.SetRotationAnimated(50,10)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,0)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,-10)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,0)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,10)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,0)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,-10)
    Sleep(50)
    Dialog.Base.SetRotationAnimated(50,0)
    Sleep(50)

 

[TILogistic]

? B4XDialog

Ref:

[B4X] B4XDialog - show with animation

Slides the dialog from one of the sides. Sub AnimateDialog (dlg As B4XDialog, FromEdge As String) Dim base As B4XView = dlg.Base Dim top As Int = base.Top Dim left As Int = base.Left Select FromEdge.ToLowerCase Case "bottom" base.Top = base.Parent.Height...

www.b4x.com

 

[TILogistic]

or

 

[TILogistic]

If you want, you can create a class with B4XDialog like this:

SweetAlertDialog

This is a wrap for this github project. SweetAlertDialog Author: DonManfred (wrapper) Version: 1.2 ProgressHelper Methods: Initialize IsInitialized As Boolean isSpinning As Boolean resetCount spin stopSpinning Properties: BarColor As Int BarWidth As Int CircleRadius As Int InstantProgress...

www.b4x.com

Note:
I already have a class that I have created.

 

[Ilya G.]

If you want, you can create a class with B4XDialog like this:

SweetAlertDialog

This is a wrap for this github project. SweetAlertDialog Author: DonManfred (wrapper) Version: 1.2 ProgressHelper Methods: Initialize IsInitialized As Boolean isSpinning As Boolean resetCount spin stopSpinning Properties: BarColor As Int BarWidth As Int CircleRadius As Int InstantProgress...

www.b4x.com

Note:
I already have a class that I have created.

Can you share it?

 

[Daica]

If you want, you can create a class with B4XDialog like this:

SweetAlertDialog

This is a wrap for this github project. SweetAlertDialog Author: DonManfred (wrapper) Version: 1.2 ProgressHelper Methods: Initialize IsInitialized As Boolean isSpinning As Boolean resetCount spin stopSpinning Properties: BarColor As Int BarWidth As Int CircleRadius As Int InstantProgress...

www.b4x.com

Note:
I already have a class that I have created.

If it is something you can share, that would be wonderful