Tizen Ver. 2.3 Native UI Sample. Calculator Application

Transcription

1 Tizen Ver. 2.3 Native UI Sample Calculator Application

2 Beginning Native UI sample 2

3 Beginning Native UI sample 3

4 Beginning Native UI sample 4

5 Beginning Native UI sample 5

6 6 Beginning Native UI sample Change a Launcher Icon tizen-manifiest.xml File sets up the application (Privileges, Features, ID, )

7 Tizen Ver 2.3 Native UI Sample

8 8 Structure of Application Structure Structure and Functions

9 9 Function of Application Functions Type void void Evas_Object Evas_Object Void Evas_Object Evas_Object Evas_Object Evas_Object void Formal Function Form win_delete_request_cb (void *data, Evas_Object *obj, void *event_info) win_back_cb(void *data, Evas_Object *obj, void *event) create_bg(evas_object *parent) create_conform(evas_object *parent) rotation_cb(void *data, Evas_Object *obj, void *event_info) create_panel_basic_content(evas_object *parent, appdata_s *ad) create_panel_advanced_content(evas_object *parent, appdata_s *ad) create_panel(evas_object *parent, appdata_s *ad) create_entry(evas_object *parent) create_base_gui(appdata_s *ad)

10 10 Creation to Base GUI

11 11 Window This code is creating a Window

12 12 Rotation setting If a rotation of the device is changed, the view is changed

13 13 Rotation setting

14 14 Rotation setting According to rotation degree, Panel content is packed

15 15 Rotation of the Device Landscape Portrait

16 16 Rotation of the Device Reverse Landscape Reverse Portrait

17 17 Back and End event EFL Smart Call back add

18 18 Back and End event Add or register a callback function to a given evas object Add or register a callback function to the smart event specified by event on the smart object Back callback and Termination callback

19 Elementary Background Widget Add a Object bg to the parent as a new background 19

20 Elementary Background Widget Supports indicator and virtual keypad area 20

21 21 Elementary Grid Container It provides functions for composing atypical Window than Box or Table containers

22 22 Elementary Grid Container Adds a new grid to the parent ( ad->conform) Returns the new object, otherwise NULL It is a macro about elm_object_part_content_set Sets the content at a part of a given container widget It contains many contents(widgets) The Grid uses a "Virtual resolution" that is stretched to fill the grid widgets size itself

23 23 Elementary Entry The Entry is created and added to Grid container

24 Elementary Entry The Entry is created and added to Grid container This function packs the child at a given position and size 24

25 25 Elementary Entry

26 26 Elementary Panel Widget Create a Panel of Elementary Widgets

27 27 Elementary Panel Widget Parent Evas_Object Object panel will be added on Grid container Set the orientation of the panel (TOP, LEFT, RIGHT, BOTTOM) A Grid container is added on the Panel widget Calculator components are added on the Grid Such as 0~9, *, /, +, - and so on related on Calculator Advanced components are added on the Grid Such as 0~9, *, /, +, - and so on related on Calculator

28 28 create_panel_basic_content Composing calculator Objects on the Panel Padding the Table widget Position of Panel

29 29 Application Basic User Interface create_panel_advanced_content Padding the Table widget Composing advanced Objects on the Panel Position of Panel

30 Tizen Ver 2.3 Native UI Sample

31 31 Application Creation event_callback.create = app_create;

32 32 Flow of the Application Window Rotation Conformant Grid Panel Entry Base_GUI Flow operation

33 33 Flow of the Application Main Grid Panel Grid Basic Components Table Advanced Components Table Panel GUI Flow operation

34 34 Flow of the Application Basic Components Table Advanced Components Table Callback function Callback function Callback function Callback function Callback function Callback function Callback function Callback function Button Object Smart Callback

35 35 Screen of the Application Shows the screen of Calculator application Button clicked screen

36 36 Button Clicked Call back

37 37 Button Clicked Call back

38 38 Button Clicked Call back

39 39 Button Clicked Call back Those objects do not have smart callback function

40 40 Screen of the Application Rotate: Landscape Screen The position of Advanced panel is hided Landscape rotation makes the screen

41 41 Screen of the Application Advanced components are added on the Panel In this sample, however, there is no callback function about the Advanced Components

42 42 Application Termination At the time of Application termination The application window is released

43 43 Conclusion Conclusion The sample of Calculator application Composing to base GUI This sample does not have calculation operation The callback function has only appending a string (such as +, -, 0, 1, ) To make a perfect calculator, the callback function will be added

44 Appendix - The Source Code 44

45 Appendix - The Source Code 45

46 Appendix - The Source Code 46

47 Appendix - The Source Code 47

48 Appendix - The Source Code 48

49 Appendix - The Source Code 49

50 Appendix - The Source Code 50

51 Appendix - The Source Code 51

52 Appendix - The Source Code 52