Text below buttons in android - button

I have an application which has many icons (Buttons). I want to put a text below the icons (just like mainscreen). My icon size is 128x128 for high resolution, so android:drawableTop strategy doesnt work because I couldnt figure out a way of programmatically reducing the size of the drawable to 80x80dp. I would prefer not to create several little icon files.
Another idea offered was to put a text view below each button. This is possible but sounds very clunky way of achieving this.
Could someone suggest a way of achieving a text below the icons ?
Thanks

I would use this layout structure for your purpose
&ltLinearLayout>
&ltButton/>
&ltTextView/>
&lt/LinearLayout>

Related

Display a background image that has the column layout for development

Are there any pre-build images that I could use when developing that will display a grid in the background of my browser?
This would make it easier to visualize the layout during development and make sure my design lines up correctly with a grid.
Does bootstrap have anything like this builtin that I can enable in the css?
If I understand you correctly you are looking for something like this?https://chrome.google.com/webstore/detail/bootstrap-grid-overlay/mnlklmelflkheijccafopdohgclfefcg
Apologies if this is not what you are after.

Is it possible to make text touchable in Libgdx

I am creating a menu screen for my game and instead of creating button there I just have text font. I want to know whether it is possible to to make them touchable.as i have 3 text in main menu so three different function.
I have very little experience making GUIs in LibGDX, and I'm sure this answer is too late anyway, but:
Why not just have a clickable object surrounding the text, and just don't render this?
In other words, do what you'd do normally for a button, just don't render it.

Resizing jQueryUI widgets

I am relatively new to jquery UI. I am able to understand the functionality and making use of the widgets. However I find the widgets quite large and clunky and would like to resize them. Specifically I am using a large number of spinners, sliders and choice buttons. I would like to resize these to fit my page but can't figure out any way to do this. Please help.
There is a css file that comes with the widget, you can edit it, or you can overwrite the rules in you css file.

Checkboxes with Raphael, svg or html inputs?

So I would like to use some customised checkboxes for my application. I'm not very experienced so I don't really know which way would be the best, but what I've done right now seems somewhat inefficient to me (mainly because I don't know how to copy this button around so each button would require the same amount of code). The button in this jsFiddle is just a simple example, the final might be a bit more elaborate but regardless the point comes through.
The questions are:
1) Which method is best for these type of buttons, Raphael SVG or PNG images with HTML inputs(?)?
2) If Raphael, what would be the best method of producing around 6 of these buttons with different click functions (possibly hover colours would be different too)? I know that creating multiple sets which use same basic variables didn't work.
jsFiddle: http://jsfiddle.net/Wx6vh/2/

Is it possible to emulate Mac Osx Finder search highlight in HTML + CSS?

Mac OSX Finder has a search feature that darkens everything but the part that matches.
(source: justaddwater.dk)
Is there a way to emulate it via CSS? I was thinking about adding a semi-transparent black div with opacity 50. But how then do I cut a hole in it?? and possibly make the edge fuzzy?
Any suggestions?
Check out the Expose jquery plugin from the jQuery TOOLS collection. I think it will accomplish exactly what you are looking for. They even have a demo of styling the mask with a background image.
Due to the irregular shapes, you're probably looking for an image. And due to the need for varying levels of transparency, you probably want a .png that would just be stuck over the selected item.
Good question, one way would be to have a "selected" png that had the glowing circle cover the selected one, and a different just dark png cover everything else.
EDIT: But you would probably want to use a library like jquery rather than coding everything from scrath your self, as to not reinvent the wheel and save TONS of time :D
maybe a PNG image will work, a square with hole

Resources