What element is used for watch face selection?

Dear community,

like my previous requests this one did spawn from an request someone made who clicked himself widly through all apps on a preinstalled watch and making a wish list.

This time he came accross the selector for watch faces. You know, when you "longtap" the watchface at home long enough a selector will appear where you can selecte other watches. While we do not intend to make a watch face by our own (at least not now), that whole "sending the current window as as smaller version of itself in the background and offering a new layer of interface to interact with while the original ui still dwells around in its smaller representation visible in the background" is located at that wish list I told you about.

So, right now I'm using a single edje layout. It will get replaced with other edje layouts when its necessary. And now it should be done to longtap at any point and get such a "distant view" with a couple of additional input options (well... moar buttonz!).

Sadly, I still have no idea what kind of UI interaction had been used to make this work. I don't even know what its called after all... and scrolling through the whole api didn't bring any enlightenment to me.


Does anyone of you know what that feature is called, so I can go out and find out the "how to implment" by myself? Or even better, does anyone know how to create this kind of effect? I can offer a longtap callback that should start the voodoo/magic/witchcraft necessary and... well, maybe another edje with transparent center?



some confused fellow


2 Replies
Yasin Ali


As far as I know you can't override system default behavior the way you are attempting.
While designing app you've to use permitted API for UI experience development.

UI Components:

•Win is the root window component that is often used in an application. It allows you to create some content in it, and it is handled by the window manager.
•Conformant is a container component that accounts for the space taken by the indicator, virtual keyboard, and softkey areas.
•Naviframe consists of a stack of views. New views are pushed on top of previous ones, and only the topmost view is displayed.
•Popup shows a popup area that can contain a title area, a content area, and an action area.
•Ctxpopup is a contextual popup that can show a list of items.
•Scroller holds (and clips) a single object and allows you to scroll across it.
•Grid allows objects to be placed at specific positions along a fixed grid.
•Table is like a box but with 2 dimensions.
•Box is one of the simplest EFL container components. It allows you to arrange the UI components in a specific order, horizontally or vertically.
•Panes adds a draggable bar between 2 content sections. The sections are resized when the bar is dragged.
•Panel is an animated object that can contain child objects. It can be expanded or collapsed by clicking the button on its edge.
•List is a very simple list for managing a small number of items. If you need to manage a lot of items, use the genlist component instead.
•Genlist displays a scrollable list of items. It can hold a lot of items while still being fast and memory-efficient (only the visible items are allocated memory).
•Toolbar is a scrollable list of items. It can also show a menu when an item is selected. Only one item can be selected at a time.
•Multibuttonentry allows the user to enter text so that the text is divided into chunks and managed as a set of buttons.
•Gengrid displays objects on a grid layout and renders only the visible objects.
•Index gives you quick access to a group of other UI items.
•Flipselector is a set of text items and a selector that flips up or down to change the currently-shown text item.
•Background can be used to set a solid background decoration to a window or a container object. It works like an image, but has some background-specific properties, such as setting it to a tiled, centered, scaled, or stretched mode.
•Datetime can display and input date and time values.
•Image can load and display an image from a file or memory.
•Label displays text with simple HTML-like markup.
•Progressbar can be used to display the progress status of a given task.
•Layout is a container component that takes a standard Edje design file and wraps it very thinly in a UI component.
•Map displays a map, using the OpenStreetMap provider.
•Calendar displays month views.
•Colorselector provides a color selector. It has different modes, each of them showing a different color selection configuration.
•Entry is a box in which the user can enter text.
•Spinner enables the user to increase or decrease a numeric value by using arrow buttons.
•Slider is a draggable bar that is used to select a value from a range of values.
•Button is a simple push button. It is composed of a label icon and an icon object, and has an auto-repeat feature.
•Check toggles a Boolean value between true and false.
•Radio can display 1 or more options, but the user can only select one of them. The UI component is composed of an indicator (selected/unselected), an optional icon, and an optional label. Even though it is usually grouped with 2 or more other radio components, it can also be used alone.

for more.

Hope it will help.

dev madrad


As I think this is not a magic.

There is probably another app that launches watch faces.

After long press, watchface is closed and screenshot appears in the launcher app and moves back. Then blue ring, "share" button and "remove" button appears.


Remember that not everything your see in the device is available to 3rd party devs. Tizen is Open Source itself, but how Samsung customizes it is not mandatory to be published.