Page Example

(Circle) UI Components Sample Overview

Wearable native

The (Circle) UI Components Elementary sample application demonstrates how to implement an interactive application GUI using basic UI components of the circular style, such as button, slider, datetime, and (Eext) more option.

The following figure illustrates some of the screens of the (Circle) UI Components.

Figure: (Circle) UI Components screens

(Circle) UI Components screens

The application opens with the Tizen UI main screen, which displays a list of circular UI components. To access the UI component functionalities, click a list item. In the list, there are some UI components with an Eext prefix. These UI components use the EFL Extension (Eext) APIs, which specialize in the circular UI and are controlled by the rotary event.

Source Files

You can create and view the sample application project including the source files in the IDE.

File name Description
bg.c This file creates and initializes a view, which displays the Background component.

The file contains code for setting the color or image for the background view.

button.c This file creates and initializes a view, which displays the Button components. You can view and test various button styles.

The file contains code for handling the user events related to the buttons.

check.c This file creates and initializes a view, which displays the Check button components. You can view and test various check button styles.

The file contains code for handling the user events related to the check buttons.

entry.c

entry.edc

These files create and initialize a view, which displays the Entry components.

The files contain code for handling the entry style.

genlist.c This file creates and initializes a view, which displays the Genlist components. You can view and test various list styles, such as group index, 1 line, and multiline.
image.c

image.edc

These files create and initialize a view, which displays the Image components.

The files contain code for setting the image properties.

index.c

index.edc

These files create and initialize the scrollable views with a page indicator. This page indicator can be implemented by the Index widget, as shown in the file.

The files contain code for setting the index style properties.

layout.c This file creates and initializes a view, which displays the Layout component.

The file contains code for creating views with no content and views with a title.

main.c This file creates and initializes a view, which displays the main UI component list.

The file contains code for constructing the Window, Conformant, Layout, and Naviframe, and event registrations related to the application life-cycle.

map.c This file creates and initializes a view, which displays the Map components.
popup.c This file creates and initializes a view, which displays the Popup component. You can view and test various pop-up styles.

The file contains code for handling the user events related to pop-ups, such as opening and closing a pop-up, and setting pop-up styles.

progressbar.c

progressbar.edc

These files create and initialize a view, which displays the Progressbar component. You can view and test progress bar usage.

The files contain code for handling user events related to progress bars, such as timing and deleting the progress bar.

radio.c

radio.edc

These files create and initialize a view, which displays the Radio button component. You can view and test various radio button styles.

The files contain code for handling the user events related to the radio buttons.

scroller.c

scroller.edc

These files create and initialize a view, which displays the Scroller component. You can view and test two types of scroll style, horizontal style and vertical style.

The files contain code for setting the scroller styles.

eext_datetime.c This file creates and initializes a view, which displays the (Eext) Datetime component. You can view and test changing the time and date with the rotary event.

The file contains code for handling user events related to the datetime in the circular UI.

eext_genlist.c This file creates and initializes a view, which displays the (Eext) Genlist components. You can view and test various list styles, such as title, 1text, 2text and so on.

The file contains code for handling user events related to genlist which has a scroll bar in the circular UI.

eext_more_option.c

eext_more_option.edc

These files create and initialize a view, which displays the (Eext) More option component. You can view and test more option items rotating on the x-z axis.

The files contain code for handling user events related to more options in the circular UI.

eext_progressbar.c

eext_progressbar.edc

These files create and initialize a view, which displays the (Eext) Progressbar component. You can view and test progressbar usage.

The files contain code for handling user events related to progressbar in the circular UI.

eext_scroller.c This file creates and initializes a view, which displays the (Eext) Scroller. You can view and test scroller usage.

The file contains code for handling user events related to scroller in the circular UI.

eext_slider.c This file creates and initializes a view, which displays the (Eext) Slider component. You can view and test slider usage.

The file contains code for handling user events related to the scroller in the circular UI.