Page Example

(Rectangle) UI Components Sample Overview

Wearable native

The (Rectangle) UI Components Elementary sample application demonstrates how to implement an interactive application GUI using basic UI components, such as a button, entry, and popup.

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

Figure: (Rectangle) UI Components screens

(Rectangle) UI Components screens

The application opens with the Tizen UI main screen, which displays a list of rectangular UI components. To access the UI component functionalities, click a list item.

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

button.edc

These files create and initialize a view, which displays the Button components. You can view and test various button styles.

The files contain code for handling the user events related to 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 user events related to check buttons.

ctxpopup.c

ctxpopup.edc

These files create and initialize a view, which displays the Ctxpopup. You can view and test the ctxpopup usage.

The files contain code for handling user events related to key events and ctxpopup.

datetime.c

datetime.edc

These files create and initialize a view, which displays the Datetime styles and picker. You can view and test changing the time and date with the picker.

The files contain code for handling user events related to the datetime picker.

entry.c

entry.edc

These files create and initialize a view, which displays the Entry components. You can view and test various entry styles.

The files contain code for setting entry style properties.

fastscroll.c This file creates and initializes a view, which displays the Fastscroll implemented using the index component. You can view and test the fastscroll usage.
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.
index.c This file creates and initializes the scrollable views with a page indicator. This page indicator can be implemented by the Index widget as you can see in the file.

The file contains code for setting the index style properties.

label.c

label_slide.c

label.edc

These files create and initialize a view, which displays the Label component. You can see the basic use of label and also check label with sliding style.
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.

naviframe.c

naviframe.edc

These files create and initialize a view, which displays the Naviframe components. You can view and test various naviframe styles.
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 user events related to pop-ups, such as opening and closing a pop-up, and setting pop-up styles.

progressbar.c This file creates and initializes a view, which displays the Progressbar component. You can view and test progress bar usage.

The file contains 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 user events related to the radio buttons.

scroller.c

scroller.edc

These files creates 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.

slider.c

slider.edc

These files create and initialize a view, which displays the Slider component. You can view and test various slider styles.

The files contain code for setting the slider styles.