IconButton - Add a icon or an Picture to a button

Mousa Najafi · Dec 19, 2015

I added the iconbutton in the customlistview successfully. but in the button_click() event I couldn't use customlistview.getItemFromView(sender) because iconbutton is not a view while getItemFromView(view as View) expects
view argument.
As I have not access to original library I am not able to use reflection library also. Would you help me to use iconbutton for this purpose.

best Regard

Mousa Najafi · Dec 19, 2015

I searched github with iconbutton library name. It seems there is not a function to cast iconbutton as view there.
If you are able to solve this problem the library will be more complete.
thanks

DonManfred · Dec 19, 2015

Mousa Najafi said:
It seems there is not a function to cast iconbutton as view there.
If you are able to solve this problem the library will be more complete.

Try the version attached (also new in Post #1)

and get inspired here

B4X:

Sub IconButton_Click()
    Log("Button click")
    Dim ib As IconButton = Sender
    Log(ib.Tag)   
End Sub

Mousa Najafi · Dec 19, 2015

I will try and post the results
Thanks

Mousa Najafi · Dec 19, 2015

great ! thanks a lot. It worked flawlessly

Mousa Najafi · Dec 20, 2015

new version added to customlistview panel , but unfortunately is invisible in android 5 while button event get done . I tested on android 4.2.2 that showed correctly.
Also I added webview to viewpager panel that showed correctly on android 4.2 but blank on android 5
I don't know this relates to iconbutton and webview or something else.

DonManfred · Dec 20, 2015

1. DO NOT MAKE DUPLICATE POSTS! (this and in another thread(ahviewpager) the same!
2. ALWAYS(!!!!!!!) Create a NEW Thread instead of answering to different places.

This appends to all your question here.

Mousa Najafi · Dec 20, 2015

Just I was in doubt which library causes the blank webview and missed iconbutton so I posted in both places
I will try the updated AHViewPager library which is designSupport. Am I in the right track ?

DonManfred · Dec 20, 2015

Mousa Najafi said:
Am I in the right track ?

I dont know. But i know the IconButton has no problem with Android 5 regarding visible state (my S6 EDGE is using Android 5)

BarryW · Jan 2, 2016

DonManfred said:
IconButton
Version: 1.11

IconButton
Events:

Click()

Down()

HoverEnter()

HoverExit()

LongClick()

Up()

Methods:

AddToParent (Parent As ViewGroup, left As Int, top As Int, width As Int, height As Int)
programmatically add the view (the Button)

DesignerCreateView (base As PanelWrapper, lw As LabelWrapper, props As Map)

Initialize (EventName As String)

setIcon (LeftSide As Boolean, d As Drawable)

setPadding (left As Int, top As Int, right As Int, bottom As Int)
Sets the Padding for this Button

Properties:

Background As Drawable [write only]
Sets the Buttons background

BackgroundColor As Int [write only]
Sets the Buttons background color

BackgroundDrawable As Drawable [write only]
Sets the Buttons background drawable (deprecated)

Enabled As Boolean [write only]
Sets the Buttons enabled state

Height As Int

IconPadding As Int [write only]
Set the Padding between Text and Icon

Left As Int

Text As String [write only]
Set the Text

TextAlignment As Void
Sets the Alignment for this Button

TextColor As Int [write only]
Sets the Textcolor for this Button

Top As Int

Typeface As Typeface
Sets the Typeface for this Button

Width As Int

B4X:

Dim bm As BitmapDrawable bm.Initialize(LoadBitmap(File.DirAssets,"ic_action_alarm.png")) ib1.Text = "Button" ib1.IconPadding = 50 ib1.setIcon(True,bm) Dim bm As BitmapDrawable bm.Initialize(LoadBitmap(File.DirAssets,"ic_action_achievement.png")) ib2.Text = "Button" ib2.IconPadding = 50 ib2.setIcon(False,bm) Dim bm As BitmapDrawable bm.Initialize(LoadBitmap(File.DirAssets,"ic_action_android.png")) ib3.Text = "Button" ib3.IconPadding = 50 ib3.setIcon(False,bm)

How to add tag? Tnx...

aviario · Feb 12, 2016

Hello, i've two buttons in designer, but in Activity_Create i try to do:

bt1.AddToParent(MiPanel,bt1.Left ,bt1.top,bt1.Width,bt1.Height)

where "MiPanel As Panel " and i get the following error:

java.lang.NullPointerException
at de.donmanfred.IconButtonWrapper.getLeft(IconButtonWrapper.java:255)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:511)
at anywheresoftware.b4a.shell.Shell.runMethod(Shell.java:697)
at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:336)
at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:246)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:511)
at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:134)
at b4a.Botones.main.afterFirstLayout(main.java:102)
at b4a.Botones.main.access$000(main.java:17)
at b4a.Botones.main$WaitForLayout.run(main.java:80)
at android.os.Handler.handleCallback(Handler.java:605)
at android.os.Handler.dispatchMessage(Handler.java:92)
at android.os.Looper.loop(Looper.java:137)
at android.app.ActivityThread.main(ActivityThread.java:4437)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:511)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:835)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:602)
at dalvik.system.NativeStart.main(Native Method)

Thanks

incendio · Feb 29, 2016

DonManfred said:
i have replaced the example-zip (including icons)

Not really, just downloaded, there is still no icons

Any chance set icon possition on top or bottom ?

DonManfred · Feb 29, 2016

incendio said:
Not really, just downloaded, there is still no icons

I just did a download of the example from post #1. The icons ARE in the files folder

incendio said:
Any chance set icon possition on top or bottom ?

The underlying Library does not expos a method to change the position to top or bottom.

LucianoB · Mar 9, 2016

Thanks for this lib, its very usefull. But I'm having a small problem. I used your example and created events just for the first button ib1

B4X:

Sub ib1_Down()
    Log("down")
End Sub

Sub ib1_Up()
    Log("up")
End Sub

Sub ib1_HoverEnter()
    Log("hover enter")
End Sub

Sub ib1_HoverExit()
    Log("hover exit")
End Sub

Then when I push the ib1, without releasing the finger from it, the code goes through all four events I created: Down, Up HoverEnter, HoverExit.
What am I doing wrong?
thank you for your help

You can see the attached example.

DonManfred · Mar 10, 2016

Luciano Boscolo said:
What am I doing wrong?

Probably nothing.

DonManfred, Feb 17, 2015
As of Feb 2015 i was in a early stage of my lib programming. Probably it is wrong to have a hover listener on this view.

LucianoB · Mar 10, 2016

Maybe...
what I would like to achieve is to have buttons changing color when pushed. I used the way shown on this example with normal views, but here, when the first button is pushed, the code executes the _Up() sub also. Any idea? thank you

LucianoB · Mar 10, 2016

UPDATE: I found out that this behavior happens also with "normal" buttons (not custom view). And that it seems to be a common issue.
https://www.b4x.com/android/forum/threads/button_down-event-fires-twice.10785/#post-60196
https://www.b4x.com/android/forum/threads/button_down-bug.62269/#post-393092

Lello1964 · Apr 23, 2016

Hello Don,

TextAlignment doesn't work

i have tryed ib1.TextAlignment=Gravity.RIGHT, but no changes.

Rusty · Oct 13, 2016

Is there a way to set the font-size on an iconbutton in code?
It can be set in the designer, but there is not method for text-size...that I can find.
Thanks,
Rusty

BarryW · Dec 30, 2016

DonManfred said:
IconButton
Version: 1.11

IconButton
Events:

Click()

Down()

HoverEnter()

HoverExit()

LongClick()

Up()

Methods:

AddToParent (Parent As ViewGroup, left As Int, top As Int, width As Int, height As Int)
programmatically add the view (the Button)

DesignerCreateView (base As PanelWrapper, lw As LabelWrapper, props As Map)

Initialize (EventName As String)

setIcon (LeftSide As Boolean, d As Drawable)

setPadding (left As Int, top As Int, right As Int, bottom As Int)
Sets the Padding for this Button

Properties:

Background As Drawable [write only]
Sets the Buttons background

BackgroundColor As Int [write only]
Sets the Buttons background color

BackgroundDrawable As Drawable [write only]
Sets the Buttons background drawable (deprecated)

Enabled As Boolean [write only]
Sets the Buttons enabled state

Height As Int

IconPadding As Int [write only]
Set the Padding between Text and Icon

Left As Int

Text As String [write only]
Set the Text

TextAlignment As Void
Sets the Alignment for this Button

TextColor As Int [write only]
Sets the Textcolor for this Button

Top As Int

Typeface As Typeface
Sets the Typeface for this Button

Width As Int

B4X:

Dim bm As BitmapDrawable bm.Initialize(LoadBitmap(File.DirAssets,"ic_action_alarm.png")) ib1.Text = "Button" ib1.IconPadding = 50 ib1.setIcon(True,bm) Dim bm As BitmapDrawable bm.Initialize(LoadBitmap(File.DirAssets,"ic_action_achievement.png")) ib2.Text = "Button" ib2.IconPadding = 50 ib2.setIcon(False,bm) Dim bm As BitmapDrawable bm.Initialize(LoadBitmap(File.DirAssets,"ic_action_android.png")) ib3.Text = "Button" ib3.IconPadding = 50 ib3.setIcon(False,bm)

any way to resize textsize?

IconButton - Add a icon or an Picture to a button

Member

Member

Expert

Attachments

Member

Member

Member

Expert

Member

Expert

Active Member

Active Member

Attachments

Well-Known Member

Expert

Member

Attachments

Expert

Member

Attachments

Member

Well-Known Member

Well-Known Member

Active Member

Privacy & Transparency

Privacy & Transparency