The great thing about
Xamarin.Types is that it supplies a constant API for creating cross-platform functions. In relation to Tizen, this benefit consists of making a cross-device software.
Tizen helps multi-device kind elements corresponding to TV, cellular, and Household Hub. Every of those system profiles has a unique display measurement, decision and even a unique UX. A
Xamarin.Types software operating on Tizen seems to be appropriate on every of those goal profiles.
This submit describes how we’ve got made
Shell appropriate for Tizen TV.
Shell is among the important options of
Xamarin.Types that helps builders cut back the complexity of their software growth. We want to convey this large
Shell expertise into the TV software growth.
Shell is designed for cellular units which implies it’s operated by the consumer’s contact and gesture. Nevertheless, on a TV, customers have to make use of the distant controller to navigate the appliance, which makes use of restricted actions like up, down, left, and proper. Due to this fact, the consumer can not straight press the specified UI management, corresponding to a button. Generally it could really feel tough navigating the main target if the appliance isn’t designed intuitively.
As well as, not like the vertical show on cellular units, a TV is horizontal. This causes different points, such because the title bar on the highest of the TV display taking on an excessive amount of house.
Because of this, an optimized UX is required for TV so the consumer can simply navigate to all controls utilizing the distant controller. In the same case, we’ve got a precedent of optimising
Shell for a watch profile (see Shell on Galaxy Watch).
Shell on Samsung TV
This image exhibits how the
Shell UI seems to be on a Samsung TV. Probably the most noticeable distinction is that the title bar on high has been faraway from the display.
Flyout is all the time seen on the left facet of the display to scale back utilizing pointless house and indicate to the consumer that they need to transfer the main target to the left to open
Flyout all the time exhibits on the far left of the display as an alternative of getting a selected button to indicate
Flyout is minimized whereas the consumer is searching the
The consumer can open
Flyout by shifting the main target to the left utilizing the distant controller or altering the
IsPresented property to true within the code .
- Backside tabs : Not like cellular, there is no such thing as a backside tabs on a TV. Due to this fact, tab objects won’t be displayed on
FlyoutDisplayOptionsworth is about to
Observe: If the developer needs to indicate all tab objects on
Flyout, the choice worth must be set to
- High tabs : If a
Tabmerchandise incorporates a number of
ShellContentobjects, one other navigation drawer is proven on the left facet of the
ShellContentspace. Not like
Flyout, the second navigation drawer isn’t minimized whereas the consumer is searching the content material, as a result of it’s included throughout the
These two drawers present a simple and constant navigation UX. The consumer can use the left and proper buttons to maneuver between navigation drawers and content material space, and use the up and down buttons for searching objects within the drawers.
To make use of this optimized
Shell for TV, simply replace
Xamarin.Types to the newest model in your app.
We might love to listen to your suggestions. Our e-mail is all the time open. You too can ask questions within the Samsung Builders discussion board or the Tizen.org boards.