LiveCode Forums

I made a livecode stack that lets you configure easily (I hope) buttons for the iPhone.
You can change height, width, color, text font, and type of button round rect, arrow right, arrow left.
You then get either a ready-made button for you to copy into the project with the images for the icons all assembled, or you can create the icon images for the buttons and copy them to your project. In that case you will have to assign the image id manually to a button as an icon.

As a revlet:
http://berndniggemann.on-rev.com/iphonebtnsrevlet/

as a stack copy this into the message box and hit return:

go stack url "http://www.berndniggemann.on-rev.com/bt ... 9.livecode"

or as a zipped stack:
http://www.berndniggemann.on-rev.com/bt ... vecode.zip


Edit: I have set the URLs of the above stacks to the URLs of the current versions. The zip stack is version "ButtonsiPhone_0.1.9.livecode.zip", the stack go url also, as is the revlet.

regards
Bernd

Bernd:

This looks great. I can't wait to explore it!

Thanks for contributing it to the community.

:Todd

Todd,

thank you.
Apparently you are actively engaged in iPhone development. I would like to hear if the buttons work for you. As far as appearance is concerned. And if there is something to be improved.

regards
Bernd

Bernd:

I am trying... this is all new to me.

I'll provide any feedback I can.

:Todd

Hey, yeah! That looks like a handy tool. Thanks for contributing! Here are a couple thoughts:

1. The angle on the lower half of the arrow looks a pixel or two off.
2. It'd be great if the images were monochrome and then an option for color overlays was available.

Super!!

Bernd:

I see what granata means by the angle of the lower half of the arrow. The point isn't centered on the height of the button.

All else is looking good!

:Todd

Hi Todd, granata, olive,

thanks for your remarks.

@ granata and Todd

1. The angle on the lower half of the arrow looks a pixel or two off.

Well that slipped through. Sorry. I attach a new version of the stack for a short while. I changed that by 2 pixel. Please give feedback if it is ok.

I still wait for more comments to incorporate them into a more definitive version of the stack if people are actually using this.

2. It'd be great if the images were monochrome and then an option for color overlays was available.

I am afraid I don't get what you mean. Do you want greyscale images that you then overlay? Could you give a use case for me to understand better.

regards

Bernd

Edit: removed file, see below for more recent version.

Hi granata,

if you set the Hue of the buttons to 200, the saturation to 1 and the Value to something around 60 you get an almost grey image/button. Is it something like this that you are looking for?

regards

Bernd

Bernd:

Arrows look great! Should have some time to check this out this weekend!

Cheers!

bn wrote:if you set the Hue of the buttons to 200, the saturation to 1 and the Value to something around 60 you get an almost grey image/button. Is it something like this that you are looking for?

Aha! I did not notice the color buttons before. So sorry.

My thinking behind using grey buttons with a color overlay is saving resources. Loading just a few images for the toolbars and buttons and then using the color overlay to provide the hue of those UI elements. I'm not sure if that would help with performance or not. Just thinking.

Thanks again for the awesome resource!

Hi all,
as seen on Livecode.tv , new buttons for the iPhone.

Thanks David, Björnke and Mark for the show.


here are the links to the current version of the buttons for the iPhone stack.

Please watch out for linebreaks

enjoy the revlet (you can actually select a button or an image with the select button and copy from the revlet to your stack)

http://berndniggemann.on-rev.com/iphonebtnsrevlet/

Download the zipped stack

http://www.berndniggemann.on-rev.com/bt ... vecode.zip

paste into your message box:

go stack url "http://www.berndniggemann.on-rev.com/bt ... 9.livecode"

thanks to all that helped with their comments.

regards

Bernd