Share My Creation Croutons Demo - An alternative to Toasts

Croutons is a UI component used to show short messages to the user. It can be used as an alternative to ToastMessage mainly because Toasts do not maintain context (for e.g. a toast for a different activity will show on the wrong activity).

Idea taken from Cyril Mottier: Cyril Mottier » The making of Prixing #4: in-layout notifications

Anyway, this was my first class so I wanted to see what can be done.

 

[NJDude]

Very nice!!

 

[thedesolatesoul]

Thanks NJDude. Let me know if you think there are more features to add.
I will post the class soon if people are interested.

 

[Ohanian]

Hi,

Image alignment (Left, Right) and customizable font would be nice.

tanx

 

[thedesolatesoul]

Updated.
Added right alignment.
Added click-to-dismiss.
Added hideText to remove on demand (useful for progress showing).

Hi,

Image alignment (Left, Right) and customizable font would be nice.

tanx

I forgot to add changing font. Will do soon.

 

[susu]

Very nice! Hope you will release your class soon.

 

[boastrike]

Very nice work!

 

[bsnqt]

Croutons is a UI component used to show short messages to the user. It can be used as an alternative to ToastMessage mainly because Toasts do not maintain context (for e.g. a toast for a different activity will show on the wrong activity).

Idea taken from Cyril Mottier: Cyril Mottier » The making of Prixing #4: in-layout notifications

Anyway, this was my first class so I wanted to see what can be done.

Hi thedesolatesoul,

Happy New Year!

Have you already released your class. Where I can find it out. Thank you very much.

Best

bsnqt

 

[thedesolatesoul]

Sorry I got busy with other stuff.
I will hopefully upload it tomorrow. The code isnt the best, maybe someone will improve it later on.

 

[thedesolatesoul]

Uploded the class here

 

[Dario126]

I put some crouton message with mDuration=0 to make it visible until further notice.

crouton.makeText("No internet connection",Icon,0,Gravity.LEFT)

How to remove by code so that it makes fade out?
This is not implemented or I'm missing it?

I tried to make use crouton.Animate_AnimationEnd (make it public), but that's not working ..

 

[thedesolatesoul]

crouton.hideText should work? does it not remove while animating?

 

[Dario126]

OMG, my mistake. I had some other idea on my mind, but made it wrong.
I was trying to change text by using .makeText(), and then fade out.

crouton.makeText("CONNECTED",Icon,0,Gravity.LEFT)

But when I give this new command, it start again from transparent to solid (fade in).
Can I just change text on Crouton, and then FadeOut?

 

[thedesolatesoul]

I see. I havent done this but it sounds like a good idea.
I cant test this right now as Im not at my PC, but can you try this:

replace the makeText sub in the class with this:

Public Sub makeText(text As String,icon As Bitmap,mDuration As Int,mAlign As Int)
    text_l = text
    icon_l = icon
    duration_l = mDuration
    align_l = mAlign
    TiledBackGround
    ShowMessage
    If panel_l.Visible = False then
            InitializeAnimate
    End If
End Sub

 

[Dario126]

It work's .. thank You for very fast reply.

If You plan to make next release, maybe would be good idea to make possible to change text, hold it for desired time, and then make exit animation or fade.


Edit:

actually it works even like this

crouton.makeText("Connected",Icon,1000,Gravity.LEFT)
crouton.hideText

 

[thedesolatesoul]

You are correct, I can add a simple sub just to change the text (makeText will also re-set the timer duration though).

Public Sub changeText(txt as String)
  if lbl.IsInitialized then
      lbl.Text = txt
  End if
End Sub