Android Question What is the best way to do popups?

D

Daica

Active Member
Licensed User
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?
 
Sort by date Sort by votes

Alexander Stolte

Expert
Licensed User
Longtime User
Daica said:
3?
Click to expand...

[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
 
Upvote 0

Alexander Stolte

Expert
Licensed User
Longtime User
Daica said:
4?
Click to expand...

[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
 
Upvote 0
D

Daica

Active Member
Licensed User
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
 
Last edited:
Upvote 0

Alexander Stolte

Expert
Licensed User
Longtime User
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.2

[UPDATED V1.2] 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
 
Upvote 1

Alexander Stolte

Expert
Licensed User
Longtime User
Daica said:
but its hard to make it similar to the GIF
Click to expand...
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
 
Upvote 0

Alexander Stolte

Expert
Licensed User
Longtime User
Daica said:
but its hard to make it similar to the GIF
Click to expand...
Anyway, here is a B4X Example of the gif
It looks better in real

B4X: 
    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)
 

Attachments

  • Test.zip
    9.4 KB · Views: 163
Upvote 0

TILogistic

Expert
Licensed User
Longtime User
? 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
 
Last edited:
Upvote 0

TILogistic

Expert
Licensed User
Longtime User
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.
 
Upvote 0
I

Ilya G.

Active Member
Licensed User
Longtime User

Can you share it?
 
Upvote 0
D

Daica

Active Member
Licensed User

If it is something you can share, that would be wonderful
 
Upvote 0
You must log in or register to reply here.

Similar Threads

  • Question
Android Question Bottom up Popup Drawer darken status and title
Replies
6
Views
531
scsjc
M
  • Question
Android Question Image Popup
Replies
3
Views
545
DonManfred
  • Question
Android Question [SOLVED] USB Permission Popup... Every time?
Replies
7
Views
4K
Xandoca
  • Article
Android Example [B4X] AS PopupMenuAdvanced - ComboBox
Replies
6
Views
6K
Unobtainius
J
  • Question
Panel Popup Modal
Replies
10
Views
6K
margret
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…