In particular, avoid using these components in a toolbar or status bar. Use switches, checkboxes, and radio buttons in the window body, not the window frame. In addition to the switch toggle style, macOS supports the checkbox style and also defines radio buttons that can provide similar behaviors. Be sure to use a color that provides enough contrast with the uncolored appearance to be perceptible.Ĭalendar removes the solid background shape from the toggle to indicate that the day’s events are hidden. The default green color tends to work well in most cases, but you might want to use your app’s accent color instead. You don’t need to supply a label in this situation because the content in the row provides the context for the state the switch controls.Ĭhange the default color of a switch only if necessary. Use the switch toggle style only in a list row. No additional considerations for tvOS or watchOS. Avoid relying solely on different colors to communicate state, because not everyone can perceive the differences. For example, you might add or remove a color fill, show or hide the background shape, or change the inner details you display - like a checkmark or dot - to show that a toggle is on or off. Make sure the visual differences in a toggle’s state are obvious. If you use a button that behaves like a toggle, you generally use an interface icon that communicates its purpose, and you update its appearance - typically by changing the background - based on the current state. In some cases, often in macOS apps, you can also supply a label to describe the state the toggle controls. In general, the surrounding context provides enough information for people to understand what they’re turning on or off. A toggle always lets people manage the state of something, so if you need to enable other types of actions - such as choosing from a list of items - use a different component, like a pop-up button.Ĭlearly identify the setting, view, or content the toggle affects. Use a toggle to help people choose between two opposing values that affect the state of content or a view. In addition, all platforms support buttons that enable toggle behavior by using a different appearance for each state. For example, iOS, iPadOS, macOS, and watchOS support the switch toggle style, whereas only macOS supports the checkbox style. A toggle lets people choose between a pair of opposing states, like on and off, using a different appearance to indicate each state.ĭifferent platforms can support various toggle styles.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |