I'd like to show a big button, indicating the current state of a view and some kind of a hint to what will happen when clicked.

Some combination between a regular button and a checkbox - a button with a check mark.

For example, a button to indicate if the air conditioner is working:

| Works | V |
| Works | O |

Any idea where I can find such a pattern? Specifically in Android. Thanks.

  • I'm not sure what you are getting at.....what do the v and o mean? – tohster Mar 25 '15 at 16:56
  • @tohster - on or off. True or false. – AlikElzin-kilaka Mar 26 '15 at 4:56

I like Facebook's pattern:

enter image description here enter image description here

Mine would probably be to just change the text from Like to On.

See a more complete answer here.

| improve this answer | |

This answer assumes you want an on/off switch to toggle the state of the AC. Sorry if i miss-interpreted the question.

I'd recommend the use of an on/off label as this is controlling its running state rather than a setting among many, like 'Silent mode' or similar for your AC. You can localize the label if needed rather than using I|O label.

Check the Android - ToggleButton for how to implement this.

| improve this answer | |
  • Thanks. I'm looking for something that keeps the same notion, but indicates a different state in that notion. On/Off toggle button changes the text. I'd like the text to not change and stay at the same notion. I'd like only for the state indication to change. – AlikElzin-kilaka Mar 25 '15 at 13:07
  • It's up to you to define the text for the on vs off labels for the ´ToggleButton´. You can have it say 'Working' on both states if that's what you want. – Tapirboy Mar 25 '15 at 13:19
  • 2
    Recommended link on the topic: ux.stackexchange.com/questions/1318/… – Tapirboy Mar 25 '15 at 13:20

There is no such pattern in Android, but, Android allows you to modify existing UI-elements.

Check out this article. You would have to create 2 "button/togglebutton-combination" where it's clear whether it's selected or not. It's the same as the article I referenced to, except your images would be different :)

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.