Android - combining a check mark in a button

Question

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

score 1 · Answer 1 · edited Apr 13 '17 at 12:32

1

I like Facebook's pattern:

enter image description here

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

See a more complete answer here.

edited Apr 13 '17 at 12:32

Community

1

answered Mar 26 '15 at 07:46

AlikElzin-kilaka

363
1
3
10

score 0 · Answer 2 · edited Mar 25 '15 at 13:03

0

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.

edited Mar 25 '15 at 13:03

tillinberlin

3,230
1
18
24

answered Mar 25 '15 at 12:54

Tapirboy

131
3

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: http://ux.stackexchange.com/questions/1318/should-a-toggle-button-show-its-current-state-or-the-state-to-which-it-will-chan?lq=1 – Tapirboy Mar 25 '15 at 13:20

score 0 · Answer 3 · answered Mar 25 '15 at 16:09

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 :)

Android - combining a check mark in a button

3 Answers3