10 posts / 0 new
Last post
Diarmuid Quinn
diarmuid.quinn@gmail.com's picture
Offline
Joined: 14 May 2010
Posts:
Button GIFs

Hi, I've had great success developing and cross compiling my App. Now I have to make it look good! Background_tile_sel.png and background_tile_unsel.png from MAUIEx have server me well but I need more colours.

Anyone out there have variations on these button .png's?

Much appreciated (in advance).

D.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
Sam Pickard
rival's picture
Offline
Mobile Archmage
Joined: 19 Mar 2009
Posts:

Hey, there are millions of button backgrounds on the web. What did you have in mind?

Diarmuid Quinn
diarmuid.quinn@gmail.com's picture
Offline
Joined: 14 May 2010
Posts:

Hi Sam,
I expressed by question badly - how about this:

Any tips on where to find a set of button skins that work well using the MAUI WidgetSkin 3x3 grid layout (selected and unselected) as described in http://www.mosync.com/documentation/tutorials/introduction-maui#WidgetSkins? There are loads of button skins available on the web but they don't fit this layout.

The answer may be "you gotta do it yourslef on Flex or Photoshop", which is fine, but if there is an easier way ..... ( I'm not a graphic designer .... :-( )

D.

Sam Pickard
rival's picture
Offline
Mobile Archmage
Joined: 19 Mar 2009
Posts:

There are loads on the web, and they do fit the layout well. I'll attach some to this post. I'm not clear on why you think they don't.

AttachmentSize
Skins.zip 24.78 KB
Diarmuid Quinn
diarmuid.quinn@gmail.com's picture
Offline
Joined: 14 May 2010
Posts:

The reason is (quoting from the tutorial) "Whatever is in box 5 is tiled over the background of the widget. You do have to be careful with this, as nice looking gradients won’t look so nice when tiled." That means that there is a need for a 'centre' that has no gradient. Of course, as I write this I realise that if box 5 is 1 pixels in size, then it will work.

Thanks Sam, your comments have been helpful. I'll design a set based on background_tile_sel.png and will add them to this post.

Sam Pickard
rival's picture
Offline
Mobile Archmage
Joined: 19 Mar 2009
Posts:

Ahh be careful! Check this thread first http://www.mosync.com/content/slow-response-time-when-widgets-have-skins. If you have a box 5 which is one pixel, then it will be the same colour all across the background, so it might as well be 100 pixels, right?

Also, you can have a gradient background *if* you make the skin big enough that it won't ever (reasonably) be tiled. What you don't want is a small one which will be tiled, as it will give you a terrible background.

So big widgetskins are much faster and more able to give you the effect you want.

Diarmuid Quinn
diarmuid.quinn@gmail.com's picture
Offline
Joined: 14 May 2010
Posts:

I'll bear that in mind, Sam. My buttons are 'fat' and scale according to the number or buttons to display and the screen size, so I'll have to play around. In theory, they should scale from a Nokia E51, for example, to a Galaxy Tablet.
D.

Carly Wicky
carly03's picture
Offline
Joined: 4 Jul 2011
Posts:

I am new to mosync and developing mobile applications. I've been in a niche software team for quite a long time but now I have the passion of developing mobile application. I find your company values very motivating. I think I landed on the perfect place in learning mobile apps.

Vinu Takar
vinod_takarkhede's picture
Offline
Joined: 13 Jan 2012
Posts:

hey ,I am facing problem while downloading the animation (ex. .gif) images.
can u please suggest me any solution?

Sam Pickard
rival's picture
Offline
Mobile Archmage
Joined: 19 Mar 2009
Posts:

Hi Vinu - have a look at this thread - http://www.mosync.com/content/animated-screen

Animated gifs are only supported in WebView if the native browser supports them. They're not compatible with MAUI AnimatedImage widgets for instance. To use animation in MAUI, you need to extract each frame from the gif and create a png with each frame arranged vertically. The AnimatedWidget will then display each frame in sequence, however fast you want.