|
|
(16 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | = Porting Existing GTK+ Application to Maemo 5.0 =
| + | This section describes key aspects of the process of porting an application to the Maemo platform. When starting to port an application to Maemo platform, the first step is to set up the development environment. The actual porting after that is described in this section. |
- | | + | |
- | This section describes key aspects of the process of porting an application to the maemo platform. When starting to port an application to maemo platform, the first step is to set up the development environment. The actual porting after that is described in this section. | + | |
| | | |
| == Introduction == | | == Introduction == |
| | | |
- | Application that is used as an example for porting is [http://wingtk.sourceforge.net/ishan/sliders.html Sliders], a GTK+ based game. | + | Application that is used as an example for porting is [http://wingtk.sourceforge.net/ishan/sliders.html Sliders], a GTK+-based game. |
| | | |
| The Sliders interface consists of the main window with board, menu and a couple of dialogs. See source mentioned above for game history and description. | | The Sliders interface consists of the main window with board, menu and a couple of dialogs. See source mentioned above for game history and description. |
Line 11: |
Line 9: |
| == Autotools Usage == | | == Autotools Usage == |
| | | |
- | Sliders doesn't use GNU autotools originally, so we need to add `configure.ac', `Makefile.am' and `autogen.sh' for simplicity. See [http://wiki.maemo.org/Documentation/Maemo_5_Developer_Guide/GNU_Build_System GNU Build System] for corresponding information. | + | Sliders does not use GNU autotools originally, so we need to add <code>configure.ac</code>, <code>Makefile.am</code> and <code>autogen.sh</code> for simplicity. See [[Documentation/Maemo 5 Developer Guide/GNU Build System|GNU Build System]] for corresponding information. |
| | | |
- | == User Interface Changes == | + | == User Interface Changes == |
| | | |
| Sliders game is not designed for usage in mobile devices, so we need to hildonize it in order to build effective touch interface for this simple game. | | Sliders game is not designed for usage in mobile devices, so we need to hildonize it in order to build effective touch interface for this simple game. |
| | | |
- | === Hildonizing Main View === | + | === Hildonizing Main View === |
| | | |
| Before using Hildon we need to initialize it. maemo-sliders/sliders.c | | Before using Hildon we need to initialize it. maemo-sliders/sliders.c |
| | | |
- | <tt> <span>''<span><font color="#9A1900">/* Initialize the GTK+ and hildon libraries */</font></span>''</span>
| + | <source lang="c"> |
- | <span>'''<span><font color="#000000">hildon_gtk_init</font></span>'''</span> <span><font color="#990000">(&</font></span>argc<span><font color="#990000">,</font></span> <span><font color="#990000">&</font></span>argv<span><font color="#990000">);</font></span></tt>
| + | /* Initialize the GTK+ and hildon libraries */ |
| + | hildon_gtk_init (&argc, &argv); |
| + | </source> |
| | | |
- | After that we can create main window with all necessary content. maemo-sliders/sliders.c | + | After that we can create a main window with all necessary content. maemo-sliders/sliders.c |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> GtkWidget<span><font color="#990000"><nowiki>*</nowiki></font></span>
| + | <source lang="c"> |
- | <span>'''<span><font color="#000000">create_main_window</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#009900">void</font></span><span><font color="#990000">)</font></span>
| + | static GtkWidget* |
- | <span><font color="#FF0000">{</font></span>
| + | create_main_window (void) |
- | GtkWidget <span><font color="#990000"><nowiki>*</nowiki></font></span>main_window<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | { |
- | <span>''<span><font color="#9A1900">/* Create the main window */</font></span>''</span>
| + | GtkWidget *main_window; |
- | main_window <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">hildon_stackable_window_new</font></span>'''</span> <span><font color="#990000">();</font></span>
| + | /* Create the main window */ |
- | <span>'''<span><font color="#000000">gtk_window_set_title</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_WINDOW</font></span>'''</span> <span><font color="#990000">(</font></span>main_window<span><font color="#990000">),</font></span> <span><font color="#FF0000">"Welcome to Sliders"</font></span><span><font color="#990000">);</font></span>
| + | main_window = hildon_stackable_window_new (); |
- | <span>''<span><font color="#9A1900">/* Create and set application menu */</font></span>''</span>
| + | gtk_window_set_title (GTK_WINDOW (main_window), "Welcome to Sliders"); |
- | HildonAppMenu <span><font color="#990000"><nowiki>*</nowiki></font></span>menu <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">create_menu</font></span>'''</span> <span><font color="#990000">();</font></span>
| + | /* Create and set application menu */ |
- | <span>'''<span><font color="#000000">hildon_stackable_window_set_main_menu</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">HILDON_STACKABLE_WINDOW</font></span>'''</span> <span><font color="#990000">(</font></span>main_window<span><font color="#990000">),</font></span> menu<span><font color="#990000">);</font></span>
| + | HildonAppMenu *menu = create_menu (); |
- | <span>''<span><font color="#9A1900">/* Create and pack table, that contains sliders */</font></span>''</span>
| + | hildon_window_set_app_menu (HILDON_WINDOW (main_window), menu); |
- | appdata<span><font color="#990000">.</font></span>table <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">create_table</font></span>'''</span> <span><font color="#990000">();</font></span>
| + | /* Create and pack table, that contains sliders */ |
- | <span>'''<span><font color="#000000">gtk_container_add</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_CONTAINER</font></span>'''</span> <span><font color="#990000">(</font></span>main_window<span><font color="#990000">),</font></span> appdata<span><font color="#990000">.</font></span>table<span><font color="#990000">);</font></span>
| + | appdata.table = create_table (); |
- | <span>''<span><font color="#9A1900">/* Exit from gtk_main on "delete_event" */</font></span>''</span>
| + | gtk_container_add (GTK_CONTAINER (main_window), appdata.table); |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">((</font></span>gpointer<span><font color="#990000">)</font></span> main_window<span><font color="#990000">,</font></span> <span><font color="#FF0000">"delete_event"</font></span><span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>gtk_main_quit<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | return main_window; |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> main_window<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | } |
- | <span><font color="#FF0000">}</font></span></tt>
| + | </source> |
| | | |
- | We have replaced original Sliders menu and toolbar with hildon application menu. | + | We have replaced the original Sliders menu and toolbar with a Hildon application menu. |
| + | |
| + | [[Image:maemo-sliders_app_menu.png|frame|center|alt=Screenshot of menu|Maemo Sliders menu]] |
| | | |
- | {| summary="Maemo Sliders Menu"
| |
- | |+ align="BOTTOM" |'''Figure 16.12:''' Maemo Sliders Menu
| |
- | |-
| |
- | |
| |
- | [[Image:maemo-sliders_app_menu.png|Image maemo-sliders_app_menu]]
| |
- | |}
| |
| | | |
| maemo-sliders/sliders.c | | maemo-sliders/sliders.c |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> HildonAppMenu <span><font color="#990000"><nowiki>*</nowiki></font></span>
| + | <source lang="c"> |
- | <span>'''<span><font color="#000000">create_menu</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#009900">void</font></span><span><font color="#990000">)</font></span>
| + | static HildonAppMenu * |
- | <span><font color="#FF0000">{</font></span>
| + | create_menu (void) |
- | <span>''<span><font color="#9A1900">/*</font></span>''</span>
| + | { |
- | <span>''<span><font color="#9A1900"> * Create menu buttons one by one, connect to appropriate callbacks and</font></span>''</span>
| + | /* |
- | <span>''<span><font color="#9A1900"> * add to the menu.</font></span>''</span>
| + | * Create menu buttons one by one, connect to appropriate callbacks and |
- | <span>''<span><font color="#9A1900"> */</font></span>''</span>
| + | * add to the menu. |
- | HildonSizeType button_size <span><font color="#990000"><nowiki>=</nowiki></font></span> HILDON_SIZE_FINGER_HEIGHT <span><font color="#990000"><nowiki>|</nowiki></font></span> HILDON_SIZE_AUTO_WIDTH<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | */ |
- | HildonAppMenu <span><font color="#990000"><nowiki>*</nowiki></font></span>menu <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">HILDON_APP_MENU</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">hildon_app_menu_new</font></span>'''</span> <span><font color="#990000">());</font></span>
| + | HildonSizeType button_size = HILDON_SIZE_FINGER_HEIGHT | HILDON_SIZE_AUTO_WIDTH; |
- | GtkButton <span><font color="#990000"><nowiki>*</nowiki></font></span>button<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | HildonAppMenu *menu = HILDON_APP_MENU (hildon_app_menu_new ()); |
- | button <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">hildon_gtk_button_new</font></span>'''</span> <span><font color="#990000">(</font></span>button_size<span><font color="#990000">));</font></span>
| + | GtkWidget *button; |
- | <span>'''<span><font color="#000000">gtk_button_set_label</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">,</font></span> <span><font color="#FF0000">"New"</font></span><span><font color="#990000">);</font></span>
| + | button = hildon_gtk_button_new (button_size); |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">G_OBJECT</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">),</font></span> <span><font color="#FF0000">"clicked"</font></span><span><font color="#990000">,</font></span>
| + | gtk_button_set_label (GTK_BUTTON (button), "New"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>on_new_clicked<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | g_signal_connect (G_OBJECT (button), "clicked", |
- | <span>'''<span><font color="#000000">hildon_app_menu_append</font></span>'''</span> <span><font color="#990000">(</font></span>menu<span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">));</font></span>
| + | G_CALLBACK (on_new_clicked), NULL); |
- | button <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">hildon_gtk_button_new</font></span>'''</span> <span><font color="#990000">(</font></span>button_size<span><font color="#990000">));</font></span>
| + | hildon_app_menu_append (menu, GTK_BUTTON (button)); |
- | <span>'''<span><font color="#000000">gtk_button_set_label</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">,</font></span> <span><font color="#FF0000">"Scores"</font></span><span><font color="#990000">);</font></span>
| + | button = hildon_gtk_button_new (button_size); |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">G_OBJECT</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">),</font></span> <span><font color="#FF0000">"clicked"</font></span><span><font color="#990000">,</font></span>
| + | gtk_button_set_label (GTK_BUTTON (button), "Scores"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>on_scores_clicked<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | g_signal_connect (G_OBJECT (button), "clicked", |
- | <span>'''<span><font color="#000000">hildon_app_menu_append</font></span>'''</span> <span><font color="#990000">(</font></span>menu<span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">));</font></span>
| + | G_CALLBACK (on_scores_clicked), NULL); |
- | button <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">hildon_gtk_button_new</font></span>'''</span> <span><font color="#990000">(</font></span>button_size<span><font color="#990000">));</font></span>
| + | hildon_app_menu_append (menu, GTK_BUTTON (button)); |
- | <span>'''<span><font color="#000000">gtk_button_set_label</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">,</font></span> <span><font color="#FF0000">"Open"</font></span><span><font color="#990000">);</font></span>
| + | button = hildon_gtk_button_new (button_size); |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">G_OBJECT</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">),</font></span> <span><font color="#FF0000">"clicked"</font></span><span><font color="#990000">,</font></span>
| + | gtk_button_set_label (GTK_BUTTON (button), "Open"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>on_open_clicked<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | g_signal_connect (G_OBJECT (button), "clicked", |
- | <span>'''<span><font color="#000000">hildon_app_menu_append</font></span>'''</span> <span><font color="#990000">(</font></span>menu<span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">));</font></span>
| + | G_CALLBACK (on_open_clicked), NULL); |
- | button <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">hildon_gtk_button_new</font></span>'''</span> <span><font color="#990000">(</font></span>button_size<span><font color="#990000">));</font></span>
| + | hildon_app_menu_append (menu, GTK_BUTTON (button)); |
- | <span>'''<span><font color="#000000">gtk_button_set_label</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">,</font></span> <span><font color="#FF0000">"Save"</font></span><span><font color="#990000">);</font></span>
| + | button = hildon_gtk_button_new (button_size); |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">G_OBJECT</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">),</font></span> <span><font color="#FF0000">"clicked"</font></span><span><font color="#990000">,</font></span>
| + | gtk_button_set_label (GTK_BUTTON (button), "Save"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>on_save_clicked<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | g_signal_connect (G_OBJECT (button), "clicked", |
- | <span>'''<span><font color="#000000">hildon_app_menu_append</font></span>'''</span> <span><font color="#990000">(</font></span>menu<span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">));</font></span>
| + | G_CALLBACK (on_save_clicked), NULL); |
- | button <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">hildon_gtk_button_new</font></span>'''</span> <span><font color="#990000">(</font></span>button_size<span><font color="#990000">));</font></span>
| + | hildon_app_menu_append (menu, GTK_BUTTON (button)); |
- | <span>'''<span><font color="#000000">gtk_button_set_label</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">,</font></span> <span><font color="#FF0000">"About"</font></span><span><font color="#990000">);</font></span>
| + | button = hildon_gtk_button_new (button_size); |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">G_OBJECT</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">),</font></span> <span><font color="#FF0000">"clicked"</font></span><span><font color="#990000">,</font></span>
| + | gtk_button_set_label (GTK_BUTTON (button), "About"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>on_about_clicked<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | g_signal_connect (G_OBJECT (button), "clicked", |
- | <span>'''<span><font color="#000000">hildon_app_menu_append</font></span>'''</span> <span><font color="#990000">(</font></span>menu<span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span> <span><font color="#990000">(</font></span>button<span><font color="#990000">));</font></span>
| + | G_CALLBACK (on_about_clicked), NULL); |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> menu<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | hildon_app_menu_append (menu, GTK_BUTTON (button)); |
- | <span><font color="#FF0000">}</font></span></tt>
| + | gtk_widget_show_all (GTK_WIDGET (menu)); |
| + | return menu; |
| + | } |
| + | </source> |
| | | |
| + | Sliders table buttons (see figure 16.13) are maximized and wrapped with <code>hildon_gtk_button_new ()</code>. maemo-sliders/sliders.c |
| | | |
- | Sliders table buttons (see figure 16.14) are maximized and wrapped with 'hildon_gtk_button_new ()'. maemo-sliders/sliders.c
| + | <source lang="c"> |
| + | static GtkWidget* |
| + | create_table (void) |
| + | { |
| + | GtkWidget *table; |
| + | gint x, y, c = 0; |
| + | appdata.vacant_pos = SLIDERS_NUMBER; |
| + | appdata.move_no = 0; |
| + | HildonSizeType button_size = HILDON_SIZE_FINGER_HEIGHT | HILDON_SIZE_AUTO_WIDTH; |
| + | /* Create table for sliders */ |
| + | table = gtk_table_new (4, 4, FALSE); |
| + | /* |
| + | * Create buttons, that represents sliders. Set "current_pos" key for each button |
| + | * and connect each button to appropriate callback. |
| + | */ |
| + | for (x = 0; x < SLIDERS_NUMBER; x++) |
| + | { |
| + | gchar *temp = g_strdup_printf ("%i", x+1); |
| + | appdata.buttons[x] = hildon_gtk_button_new (button_size); |
| + | gtk_button_set_label (GTK_BUTTON(appdata.buttons[x]), temp); |
| + | g_object_set_data (G_OBJECT(appdata.buttons[x]), "current_pos", (gpointer) x); |
| + | g_free (temp); |
| + | gtk_signal_connect(GTK_OBJECT(appdata.buttons[x]), "clicked", GTK_SIGNAL_FUNC(on_button_clicked), NULL); |
| + | } |
| + | /* Add sliders to table */ |
| + | for (x = 0; x < 4; x++) |
| + | for (y = 0; y < 4; y++) |
| + | if (!(x == 3 && y == 3)) |
| + | gtk_table_attach_defaults (GTK_TABLE (table), appdata.buttons[c++], y, y+1, x, x+1); |
| + | return table; |
| + | } |
| + | </source> |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> GtkWidget<span><font color="#990000"><nowiki>*</nowiki></font></span>
| + | [[Image:maemo-sliders_table.png|frame|center|Screenshot of sliders table|Maemo Sliders table]] |
- | <span>'''<span><font color="#000000">create_table</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#009900">void</font></span><span><font color="#990000">)</font></span>
| + | |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | GtkWidget <span><font color="#990000"><nowiki>*</nowiki></font></span>table<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | gint x<span><font color="#990000">,</font></span> y<span><font color="#990000">,</font></span> c <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | appdata<span><font color="#990000">.</font></span>vacant_pos <span><font color="#990000"><nowiki>=</nowiki></font></span> SLIDERS_NUMBER<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | appdata<span><font color="#990000">.</font></span>move_no <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | HildonSizeType button_size <span><font color="#990000"><nowiki>=</nowiki></font></span> HILDON_SIZE_FINGER_HEIGHT <span><font color="#990000"><nowiki>|</nowiki></font></span> HILDON_SIZE_AUTO_WIDTH<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* Create table for sliders */</font></span>''</span>
| + | |
- | table <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">gtk_table_new</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#993399">4</font></span><span><font color="#990000">,</font></span> <span><font color="#993399">4</font></span><span><font color="#990000">,</font></span> FALSE<span><font color="#990000">);</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/*</font></span>''</span>
| + | |
- | <span>''<span><font color="#9A1900"> * Create buttons, that represents sliders. Set "current_pos" key for each button</font></span>''</span>
| + | |
- | <span>''<span><font color="#9A1900"> * and connect each button to appropriate callback.</font></span>''</span>
| + | |
- | <span>''<span><font color="#9A1900"> */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#0000FF">for</font></span>'''</span> <span><font color="#990000">(</font></span>x <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span> x <span><font color="#990000"><</font></span> SLIDERS_NUMBER<span><font color="#990000"><nowiki>;</nowiki></font></span> x<span><font color="#990000">++)</font></span>
| + | |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | gchar <span><font color="#990000"><nowiki>*</nowiki></font></span>temp <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">g_strdup_printf</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%i"</font></span><span><font color="#990000">,</font></span> x<span><font color="#990000">+</font></span><span><font color="#993399">1</font></span><span><font color="#990000">);</font></span>
| + | |
- | appdata<span><font color="#990000">.</font></span>buttons<span><font color="#990000">[</font></span>x<span><font color="#990000">]</font></span> <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">hildon_gtk_button_new</font></span>'''</span> <span><font color="#990000">(</font></span>button_size<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">gtk_button_set_label</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_BUTTON</font></span>'''</span><span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>buttons<span><font color="#990000">[</font></span>x<span><font color="#990000">]),</font></span> temp<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_object_set_data</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">G_OBJECT</font></span>'''</span><span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>buttons<span><font color="#990000">[</font></span>x<span><font color="#990000">]),</font></span> <span><font color="#FF0000">"current_pos"</font></span><span><font color="#990000">,</font></span> <span><font color="#990000">(</font></span>gpointer<span><font color="#990000">)</font></span> x<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_free</font></span>'''</span> <span><font color="#990000">(</font></span>temp<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">gtk_signal_connect</font></span>'''</span><span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_OBJECT</font></span>'''</span><span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>buttons<span><font color="#990000">[</font></span>x<span><font color="#990000">]),</font></span> <span><font color="#FF0000">"clicked"</font></span><span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">GTK_SIGNAL_FUNC</font></span>'''</span><span><font color="#990000">(</font></span>on_button_clicked<span><font color="#990000">),</font></span> NULL<span><font color="#990000">);</font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* Add sliders to table */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#0000FF">for</font></span>'''</span> <span><font color="#990000">(</font></span>x <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span> x <span><font color="#990000"><</font></span> <span><font color="#993399">4</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span> x<span><font color="#990000">++)</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">for</font></span>'''</span> <span><font color="#990000">(</font></span>y <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span> y <span><font color="#990000"><</font></span> <span><font color="#993399">4</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span> y<span><font color="#990000">++)</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(!(</font></span>x <span><font color="#990000"><nowiki>==</nowiki></font></span> <span><font color="#993399">3</font></span> <span><font color="#990000">&&</font></span> y <span><font color="#990000"><nowiki>==</nowiki></font></span> <span><font color="#993399">3</font></span><span><font color="#990000">))</font></span>
| + | |
- | <span>'''<span><font color="#000000">gtk_table_attach_defaults</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_TABLE</font></span>'''</span> <span><font color="#990000">(</font></span>table<span><font color="#990000">),</font></span> appdata<span><font color="#990000">.</font></span>buttons<span><font color="#990000">[</font></span>c<span><font color="#990000">++],</font></span> y<span><font color="#990000">,</font></span> y<span><font color="#990000">+</font></span><span><font color="#993399">1</font></span><span><font color="#990000">,</font></span> x<span><font color="#990000">,</font></span> x<span><font color="#990000">+</font></span><span><font color="#993399">1</font></span><span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> table<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
| + | === Implementing Scores Window === |
| | | |
| + | We have replaced original Sliders win picture by scores window (figure 16.14), that appears in two cases. It's shown after "Scores" menu button clicked maemo-sliders/sliders.c |
| | | |
- | {| summary="Maemo Sliders Table"
| + | <source lang="c"> |
- | |+ align="BOTTOM" |'''Figure 16.13:''' Maemo Sliders Table
| + | static void |
- | |-
| + | on_scores_clicked (GtkMenuItem *menuitem, gpointer user_data) |
- | |
| + | { |
- | [[Image:maemo-sliders_table.png|Image maemo-sliders_table]]
| + | scores_window (0); |
- | |}
| + | } |
| + | </source> |
| | | |
- | === Implementing Scores Window ===
| + | and when player has won. maemo-sliders/sliders.c |
| | | |
- | We have replaced original Sliders win picture by scores window (figure 16.14), that appears in two cases. It's shown after ``Scores'' menu button clicked maemo-sliders/sliders.c
| + | <source lang="c"> |
| + | static void |
| + | on_button_clicked (GtkWidget *button, gpointer user_data) |
| + | { |
| + | /* ... */ |
| + | if ( has_player_won() ) |
| + | { |
| + | scores_window (1); |
| + | gtk_window_set_title (GTK_WINDOW (appdata.main_window), "Welcome to Sliders"); |
| + | appdata.move_no = 0; |
| + | } |
| + | else |
| + | { |
| + | gchar *temp = g_strdup_printf ("Move no.: %i", appdata.move_no); |
| + | gtk_window_set_title (GTK_WINDOW (appdata.main_window), temp); |
| + | g_free (temp); |
| + | } |
| + | /* ... */ |
| + | } |
| + | </source> |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> <span><font color="#009900">void</font></span>
| + | [[Image:maemo-sliders_scores_window.png|frame|center|alt=Screenshot of scores window|Maemo sliders scores]] |
- | <span>'''<span><font color="#000000">on_scores_clicked</font></span>'''</span> <span><font color="#990000">(</font></span>GtkMenuItem <span><font color="#990000"><nowiki>*</nowiki></font></span>menuitem<span><font color="#990000">,</font></span> gpointer user_data<span><font color="#990000">)</font></span>
| + | |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | <span>'''<span><font color="#000000">scores_window</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#993399">0</font></span><span><font color="#990000">);</font></span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
- | and when player has won. maemo-sliders/sliders.c
| + | Scores window contains pannable area with tree view maemo-sliders/sliders.c |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> <span><font color="#009900">void</font></span>
| + | <source lang="c"> |
- | <span>'''<span><font color="#000000">on_button_clicked</font></span>'''</span> <span><font color="#990000">(</font></span>GtkWidget <span><font color="#990000"><nowiki>*</nowiki></font></span>button<span><font color="#990000">,</font></span> gpointer user_data<span><font color="#990000">)</font></span>
| + | /* Create a tree view that represents scores table and an area for it */ |
- | <span><font color="#FF0000">{</font></span>
| + | area = hildon_pannable_area_new (); |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | tree_view = create_treeview (HILDON_UI_MODE_EDIT); |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span> <span>'''<span><font color="#000000">has_player_won</font></span>'''</span><span><font color="#990000">()</font></span> <span><font color="#990000">)</font></span>
| + | /* ... */ |
- | <span><font color="#FF0000">{</font></span>
| + | /* Pack tree view */ |
- | <span>'''<span><font color="#000000">scores_window</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#993399">1</font></span><span><font color="#990000">);</font></span>
| + | gtk_container_add (GTK_CONTAINER (area), tree_view); |
- | <span>'''<span><font color="#000000">gtk_window_set_title</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_WINDOW</font></span>'''</span> <span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>main_window<span><font color="#990000">),</font></span> <span><font color="#FF0000">"Welcome to Sliders"</font></span><span><font color="#990000">);</font></span>
| + | gtk_container_add (GTK_CONTAINER (window), area); |
- | appdata<span><font color="#990000">.</font></span>move_no <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | </source> |
- | <span><font color="#FF0000">}</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">else</font></span>'''</span>
| + | |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | gchar <span><font color="#990000"><nowiki>*</nowiki></font></span>temp <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">g_strdup_printf</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"Move no.: %i"</font></span><span><font color="#990000">,</font></span> appdata<span><font color="#990000">.</font></span>move_no<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">gtk_window_set_title</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_WINDOW</font></span>'''</span> <span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>main_window<span><font color="#990000">),</font></span> temp<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_free</font></span>'''</span> <span><font color="#990000">(</font></span>temp<span><font color="#990000">);</font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
| + | and edit toolbar. maemo-sliders/sliders.c |
| | | |
| + | <source lang="c"> |
| + | /* Create a new edit toolbar */ |
| + | toolbar = hildon_edit_toolbar_new_with_text ("Choose scores to delete", |
| + | "Delete"); |
| + | /* ... */ |
| + | /* Add toolbar to the window */ |
| + | hildon_window_set_edit_toolbar (HILDON_WINDOW (window), |
| + | HILDON_EDIT_TOOLBAR (toolbar)); |
| + | /* ... */ |
| + | /* Set callback for "Delete" button */ |
| + | g_signal_connect (toolbar, "button-clicked", |
| + | G_CALLBACK (delete_selected_scores), |
| + | tree_view); |
| + | /* Destroy scores window when upper corner arrow clicked */ |
| + | g_signal_connect_swapped (toolbar, "arrow-clicked", |
| + | G_CALLBACK (gtk_widget_destroy), |
| + | window); |
| + | </source> |
| | | |
- | {| summary="Maemo Sliders Scores"
| + | Win banner is shown if <code>scores_window ()</code> called in case player has won. maemo-sliders/sliders.c |
- | |+ align="BOTTOM" |'''Figure 16.14:''' Maemo Sliders Scores
| + | |
- | |-
| + | |
- | |
| + | |
- | [[Image:maemo-sliders_scores_window.png|Image maemo-sliders_scores_window]]
| + | |
- | |}
| + | |
| | | |
| + | <source lang="c"> |
| + | /* Additional actions for case, when player has won */ |
| + | if (win) |
| + | { |
| + | /* Show appropriate banner */ |
| + | hildon_banner_show_informationf (window, NULL, "Win! Score: %i", appdata.move_no); |
| + | /* ... */ |
| + | } |
| + | </source> |
| | | |
| + | Other scores related code is quite straightforward and does not use Hildon-specific features, see the <code>scores_window ()</code> implementation for details. |
| | | |
- | Scores window contains pannable area with tree view maemo-sliders/sliders.c
| + | == State Saving == |
| | | |
- | <tt> <span>''<span><font color="#9A1900">/* Create a tree view that represents scores table and an area for it */</font></span>''</span>
| + | Maemo supports state saving feature, that we have used for current Sliders game saving. The application can later open this game with the same state as before. This section describes most important steps needed to make Sliders support state savings. |
- | area <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">hildon_pannable_area_new</font></span>'''</span> <span><font color="#990000">();</font></span>
| + | |
- | tree_view <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">create_treeview</font></span>'''</span> <span><font color="#990000">(</font></span>HILDON_UI_MODE_EDIT<span><font color="#990000">);</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | |
- | <span>''<span><font color="#9A1900">/* Pack tree view */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#000000">gtk_container_add</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_CONTAINER</font></span>'''</span> <span><font color="#990000">(</font></span>area<span><font color="#990000">),</font></span> tree_view<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">gtk_container_add</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_CONTAINER</font></span>'''</span> <span><font color="#990000">(</font></span>window<span><font color="#990000">),</font></span> area<span><font color="#990000">);</font></span></tt>
| + | |
| | | |
- | and edit toolbar. maemo-sliders/sliders.c
| + | <code>state_save ()</code> is called when the user presses the "Save" menu button. Saving data should be updated before it is called. maemo-sliders/sliders.c |
| | | |
- | <tt> <span>''<span><font color="#9A1900">/* Create a new edit toolbar */</font></span>''</span>
| + | <source lang="c"> |
- | toolbar <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">hildon_edit_toolbar_new_with_text</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"Choose scores to delete"</font></span><span><font color="#990000">,</font></span>
| + | static void |
- | <span><font color="#FF0000">"Delete"</font></span><span><font color="#990000">);</font></span>
| + | on_save_clicked (GtkMenuItem *menuitem, gpointer user_data) |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | { |
- | <span>''<span><font color="#9A1900">/* Add toolbar to the window */</font></span>''</span>
| + | /* Save moves number, vacant position and board layout to "state" */ |
- | <span>'''<span><font color="#000000">hildon_window_set_edit_toolbar</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">HILDON_WINDOW</font></span>'''</span> <span><font color="#990000">(</font></span>window<span><font color="#990000">),</font></span>
| + | state.move_no = appdata.move_no; |
- | <span>'''<span><font color="#000000">HILDON_EDIT_TOOLBAR</font></span>'''</span> <span><font color="#990000">(</font></span>toolbar<span><font color="#990000">));</font></span>
| + | state.vacant_pos = appdata.vacant_pos; |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | int i; |
- | <span>''<span><font color="#9A1900">/* Set callback for "Delete" button */</font></span>''</span>
| + | for (i = 0; i < SLIDERS_NUMBER; i++) |
- | <span>'''<span><font color="#000000">g_signal_connect</font></span>'''</span> <span><font color="#990000">(</font></span>toolbar<span><font color="#990000">,</font></span> <span><font color="#FF0000">"button-clicked"</font></span><span><font color="#990000">,</font></span>
| + | state.map[i] = (gint) gtk_object_get_data(GTK_OBJECT(appdata.buttons[i]), "current_pos"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>delete_selected_scores<span><font color="#990000">),</font></span>
| + | /* Call state saving method and process return value */ |
- | tree_view<span><font color="#990000">);</font></span>
| + | if (state_save ()) |
- | <span>''<span><font color="#9A1900">/* Destroy scores window when upper corner arrow clicked */</font></span>''</span>
| + | hildon_banner_show_information (appdata.main_window, NULL, "Saved current game"); |
- | <span>'''<span><font color="#000000">g_signal_connect_swapped</font></span>'''</span> <span><font color="#990000">(</font></span>toolbar<span><font color="#990000">,</font></span> <span><font color="#FF0000">"arrow-clicked"</font></span><span><font color="#990000">,</font></span>
| + | else hildon_banner_show_information (appdata.main_window, NULL, "Can't save current game"); |
- | <span>'''<span><font color="#000000">G_CALLBACK</font></span>'''</span> <span><font color="#990000">(</font></span>gtk_widget_destroy<span><font color="#990000">),</font></span>
| + | } |
- | window<span><font color="#990000">);</font></span></tt>
| + | </source> |
| | | |
- | Win banner is shown if 'scores_window ()' called in case player has won. maemo-sliders/sliders.c
| + | Then <code>osso_state_write ()</code> can be called for correct data. maemo-sliders/sliders.c |
| | | |
- | <tt> <span>''<span><font color="#9A1900">/* Additional actions for case, when player has won */</font></span>''</span>
| + | <source lang="c"> |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>win<span><font color="#990000">)</font></span>
| + | state_save(void) |
- | <span><font color="#FF0000">{</font></span>
| + | { |
- | <span>''<span><font color="#9A1900">/* Show appropriate banner */</font></span>''</span>
| + | osso_state_t osso_state; |
- | <span>'''<span><font color="#000000">hildon_banner_show_informationf</font></span>'''</span> <span><font color="#990000">(</font></span>window<span><font color="#990000">,</font></span> NULL<span><font color="#990000">,</font></span> <span><font color="#FF0000">"Win! Score: %i"</font></span><span><font color="#990000">,</font></span> appdata<span><font color="#990000">.</font></span>move_no<span><font color="#990000">);</font></span>
| + | osso_return_t ret; |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | osso_state.state_size = sizeof(StateData); |
- | <span><font color="#FF0000">}</font></span></tt>
| + | osso_state.state_data = &state; |
| + | ret = osso_state_write(appdata.osso_context, &osso_state); |
| + | if (ret != OSSO_OK) |
| + | return FALSE; |
| + | return TRUE; |
| + | } |
| + | </source> |
| | | |
- | Other scores related code is quite straightforward and doesn't use Hildon specific features, see 'scores_window ()' implementation for details.
| + | <code>state_load ()</code> is called when user clicks the "Open" menu button. It uses <code>osso_state_read ()</code> symmetric to <code>state_save ()</code>. maemo-sliders/sliders.c |
| | | |
- | == State Saving == | + | <source lang="c"> |
| + | state_load(void) |
| + | { |
| + | osso_state_t osso_state; |
| + | osso_return_t ret; |
| + | osso_state.state_size = sizeof(StateData); |
| + | osso_state.state_data = &state; |
| + | ret = osso_state_read(appdata.osso_context, &osso_state); |
| + | if (ret != OSSO_OK) |
| + | return FALSE; |
| + | return TRUE; |
| + | } |
| + | </source> |
| | | |
- | Maemo supports state saving feature, that we have used for current Sliders game saving. The application can later open this game with the same state as before. This section describes most important steps needed to make Sliders support state savings.
| + | Do not forget to initialize the library context before state-saving usage. maemo-sliders/sliders.c |
| | | |
- | <nowiki> 'state_save ()' is called when user presses menu's "Save" button. Saving data should be updated before it's called. </nowiki>maemo-sliders/sliders.c | + | <source lang="c"> |
| + | /* Initialize Libosso */ |
| + | appdata.osso_context = osso_initialize(SL_SERVICE, VERSION, TRUE, NULL); |
| + | </source> |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> <span><font color="#009900">void</font></span>
| + | The information saved by using state saving functions does not survive over power off of the device, so if you need to save some data more permanently you could use e.g. [http://xmlsoft.org/ libxml] as shown in the next section for the scores table. |
- | <span>'''<span><font color="#000000">on_save_clicked</font></span>'''</span> <span><font color="#990000">(</font></span>GtkMenuItem <span><font color="#990000"><nowiki>*</nowiki></font></span>menuitem<span><font color="#990000">,</font></span> gpointer user_data<span><font color="#990000">)</font></span>
| + | |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* Save moves number, vacant position and board layout to "state" */</font></span>''</span>
| + | |
- | state<span><font color="#990000">.</font></span>move_no <span><font color="#990000"><nowiki>=</nowiki></font></span> appdata<span><font color="#990000">.</font></span>move_no<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | state<span><font color="#990000">.</font></span>vacant_pos <span><font color="#990000"><nowiki>=</nowiki></font></span> appdata<span><font color="#990000">.</font></span>vacant_pos<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#009900">int</font></span> i<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span>'''<span><font color="#0000FF">for</font></span>'''</span> <span><font color="#990000">(</font></span>i <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#993399">0</font></span><span><font color="#990000"><nowiki>;</nowiki></font></span> i <span><font color="#990000"><</font></span> SLIDERS_NUMBER<span><font color="#990000"><nowiki>;</nowiki></font></span> i<span><font color="#990000">++)</font></span>
| + | |
- | state<span><font color="#990000">.</font></span>map<span><font color="#990000">[</font></span>i<span><font color="#990000">]</font></span> <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#990000">(</font></span>gint<span><font color="#990000">)</font></span> <span>'''<span><font color="#000000">gtk_object_get_data</font></span>'''</span><span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_OBJECT</font></span>'''</span><span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>buttons<span><font color="#990000">[</font></span>i<span><font color="#990000">]),</font></span> <span><font color="#FF0000">"current_pos"</font></span><span><font color="#990000">);</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* Call state saving method and process return value */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">state_save</font></span>'''</span> <span><font color="#990000">())</font></span>
| + | |
- | <span>'''<span><font color="#000000">hildon_banner_show_information</font></span>'''</span> <span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>main_window<span><font color="#990000">,</font></span> NULL<span><font color="#990000">,</font></span> <span><font color="#FF0000">"Saved current game"</font></span><span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">else</font></span>'''</span> <span>'''<span><font color="#000000">hildon_banner_show_information</font></span>'''</span> <span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>main_window<span><font color="#990000">,</font></span> NULL<span><font color="#990000">,</font></span> <span><font color="#FF0000">"Can't save current game"</font></span><span><font color="#990000">);</font></span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
- | Then 'osso_state_write ()' can be called for correct data. maemo-sliders/sliders.c
| + | == Scores Saving == |
| | | |
- | <tt><span>'''<span><font color="#000000">state_save</font></span>'''</span><span><font color="#990000">(</font></span><span><font color="#009900">void</font></span><span><font color="#990000">)</font></span>
| + | Scores data store is created, when <code>get_scores_store ()</code> called first. The store is populated from a file saved under the user's home directory. The document tree is parsed with node pointer starting from root element. maemo-sliders/sliders.c |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | osso_state_t osso_state<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | osso_return_t ret<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | osso_state<span><font color="#990000">.</font></span>state_size <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#0000FF">sizeof</font></span>'''</span><span><font color="#990000">(</font></span>StateData<span><font color="#990000">);</font></span>
| + | |
- | osso_state<span><font color="#990000">.</font></span>state_data <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#990000">&</font></span>state<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | ret <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">osso_state_write</font></span>'''</span><span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>osso_context<span><font color="#990000">,</font></span> <span><font color="#990000">&</font></span>osso_state<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>ret <span><font color="#990000"><nowiki>!=</nowiki></font></span> OSSO_OK<span><font color="#990000">)</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> FALSE<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> TRUE<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
- | <nowiki> 'state_load ()' is called when user clicks "Open" menu button. It uses 'osso_state_read ()' symmetric to `state_save ()'. </nowiki>maemo-sliders/sliders.c | + | <source lang="c"> |
| + | static GtkListStore * |
| + | get_scores_store (void) |
| + | { |
| + | static GtkListStore *store = NULL; |
| | | |
- | <tt><span>'''<span><font color="#000000">state_load</font></span>'''</span><span><font color="#990000">(</font></span><span><font color="#009900">void</font></span><span><font color="#990000">)</font></span>
| + | /* Return store if it has been created before */ |
- | <span><font color="#FF0000">{</font></span>
| + | if (store != NULL) |
- | osso_state_t osso_state<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | return store; |
- | osso_return_t ret<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | osso_state<span><font color="#990000">.</font></span>state_size <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#0000FF">sizeof</font></span>'''</span><span><font color="#990000">(</font></span>StateData<span><font color="#990000">);</font></span>
| + | |
- | osso_state<span><font color="#990000">.</font></span>state_data <span><font color="#990000"><nowiki>=</nowiki></font></span> <span><font color="#990000">&</font></span>state<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | ret <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">osso_state_read</font></span>'''</span><span><font color="#990000">(</font></span>appdata<span><font color="#990000">.</font></span>osso_context<span><font color="#990000">,</font></span> <span><font color="#990000">&</font></span>osso_state<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>ret <span><font color="#990000"><nowiki>!=</nowiki></font></span> OSSO_OK<span><font color="#990000">)</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> FALSE<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> TRUE<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
- | Don't forget to initialize the library context before state saving usage. maemo-sliders/sliders.c
| + | /* Create store with 2 columns of specified types */ |
| + | store = gtk_list_store_new (N_COLUMNS, G_TYPE_STRING, G_TYPE_INT); |
| | | |
- | <tt> <span>''<span><font color="#9A1900">/* Initialize maemo application */</font></span>''</span>
| + | xmlDocPtr doc; /* the resulting document tree */ |
- | appdata<span><font color="#990000">.</font></span>osso_context <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">osso_initialize</font></span>'''</span><span><font color="#990000">(</font></span>OSSO_SERVICE<span><font color="#990000">,</font></span> VERSION<span><font color="#990000">,</font></span> TRUE<span><font color="#990000">,</font></span> NULL<span><font color="#990000">);</font></span></tt>
| + | xmlNodePtr cur; /* node pointer */ |
| + | xmlChar *attribute; /* node attribute name */ |
| + | char *row_name, *temp; |
| + | gint row_score; |
| | | |
- | The information saved by using state saving functions does not survive over power off of the device, so if you need to save some data more permanent you could use e.g. [http://xmlsoft.org/ libxml] as shown in next section for scores table.
| + | /* Parse an XML file from the filesystem */ |
| + | char *slidersdir = g_strdup_printf ("%s%s%s", getenv("HOME"), SLIDERS_DIR, SCORES_XML); |
| + | doc = xmlReadFile (slidersdir, NULL, XML_PARSE_NOERROR); |
| + | g_free (slidersdir); |
| + | if (doc == NULL) { |
| + | g_print ("%s, %i: Failed to parse document %s\n", __PRETTY_FUNCTION__, __LINE__, SCORES_XML); |
| + | return store; |
| + | } |
| | | |
- | == Scores Saving == | + | /* Parse root element */ |
| + | cur = xmlDocGetRootElement(doc); //scores |
| + | if (cur == NULL) { |
| + | g_print ("%s, %i: Empty xml doc\n", __PRETTY_FUNCTION__, __LINE__); |
| + | xmlFreeDoc (doc); |
| + | return store; |
| + | } |
| | | |
- | Scores data store is created, when 'get_scores_store ()' called first. The store is populated from file saved under user's home directory. Document tree is parsed with node pointer starting from root element. maemo-sliders/sliders.c
| + | /* Parse first row tag */ |
| + | cur = cur->xmlChildrenNode; |
| + | if (cur == NULL) { |
| + | g_print ("%s, %i: No row tag\n", __PRETTY_FUNCTION__, __LINE__); |
| + | xmlFreeDoc (doc); |
| + | return store; |
| + | } |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> GtkListStore <span><font color="#990000"><nowiki>*</nowiki></font></span>
| + | /* Parse row tags one by one */ |
- | <span>'''<span><font color="#000000">get_scores_store</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#009900">void</font></span><span><font color="#990000">)</font></span>
| + | while (cur != NULL) |
- | <span><font color="#FF0000">{</font></span>
| + | { |
- | <span>'''<span><font color="#0000FF">static</font></span>'''</span> GtkListStore <span><font color="#990000"><nowiki>*</nowiki></font></span>store <span><font color="#990000"><nowiki>=</nowiki></font></span> NULL<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | /* ... */ |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Return store if it has been created before */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>store <span><font color="#990000"><nowiki>!=</nowiki></font></span> NULL<span><font color="#990000">)</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> store<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Create store with 2 columns of specified types */</font></span>''</span>
| + | |
- | store <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">gtk_list_store_new</font></span>'''</span> <span><font color="#990000">(</font></span>N_COLUMNS<span><font color="#990000">,</font></span> G_TYPE_STRING<span><font color="#990000">,</font></span> G_TYPE_INT<span><font color="#990000">);</font></span>
| + | |
- |
| + | |
- | xmlDocPtr doc<span><font color="#990000"><nowiki>;</nowiki></font></span> <span>''<span><font color="#9A1900">/* the resulting document tree */</font></span>''</span>
| + | |
- | xmlNodePtr cur<span><font color="#990000"><nowiki>;</nowiki></font></span> <span>''<span><font color="#9A1900">/* node pointer */</font></span>''</span>
| + | |
- | xmlChar <span><font color="#990000"><nowiki>*</nowiki></font></span>attribute<span><font color="#990000"><nowiki>;</nowiki></font></span> <span>''<span><font color="#9A1900">/* node attribute name */</font></span>''</span>
| + | |
- | <span><font color="#009900">char</font></span> <span><font color="#990000"><nowiki>*</nowiki></font></span>row_name<span><font color="#990000">,</font></span> <span><font color="#990000"><nowiki>*</nowiki></font></span>temp<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | gint row_score<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Parse an XML file from the filesystem */</font></span>''</span>
| + | |
- | <span><font color="#009900">char</font></span> <span><font color="#990000"><nowiki>*</nowiki></font></span>slidersdir <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">g_strdup_printf</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s%s%s"</font></span><span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">getenv</font></span>'''</span><span><font color="#990000">(</font></span><span><font color="#FF0000">"HOME"</font></span><span><font color="#990000">),</font></span> SLIDERS_DIR<span><font color="#990000">,</font></span> SCORES_XML<span><font color="#990000">);</font></span>
| + | |
- | doc <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">xmlReadFile</font></span>'''</span> <span><font color="#990000">(</font></span>slidersdir<span><font color="#990000">,</font></span> NULL<span><font color="#990000">,</font></span> XML_PARSE_NOERROR<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_free</font></span>'''</span> <span><font color="#990000">(</font></span>slidersdir<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>doc <span><font color="#990000"><nowiki>==</nowiki></font></span> NULL<span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: Failed to parse document %s</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">,</font></span> SCORES_XML<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> store<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Parse root element */</font></span>''</span>
| + | |
- | cur <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">xmlDocGetRootElement</font></span>'''</span><span><font color="#990000">(</font></span>doc<span><font color="#990000">);</font></span> <span>''<span><font color="#9A1900">//scores</font></span>''</span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>cur <span><font color="#990000"><nowiki>==</nowiki></font></span> NULL<span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: Empty xml doc</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">xmlFreeDoc</font></span>'''</span> <span><font color="#990000">(</font></span>doc<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> store<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Parse first row tag */</font></span>''</span>
| + | |
- | cur <span><font color="#990000"><nowiki>=</nowiki></font></span> cur<span><font color="#990000">-></font></span>xmlChildrenNode<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>cur <span><font color="#990000"><nowiki>==</nowiki></font></span> NULL<span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: No row tag</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#000000">xmlFreeDoc</font></span>'''</span> <span><font color="#990000">(</font></span>doc<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> store<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Parse row tags one by one */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#0000FF">while</font></span>'''</span> <span><font color="#990000">(</font></span>cur <span><font color="#990000"><nowiki>!=</nowiki></font></span> NULL<span><font color="#990000">)</font></span>
| + | |
- | <span><font color="#FF0000">{</font></span>
| + | |
- | <span>''<span><font color="#9A1900">/* ... */</font></span>''</span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Add new row to the store */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#000000">gtk_list_store_insert_with_values</font></span>'''</span> <span><font color="#990000">(</font></span>store<span><font color="#990000">,</font></span> NULL<span><font color="#990000">,</font></span> <span>'''<span><font color="#000000">gtk_tree_model_iter_n_children</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_TREE_MODEL</font></span>'''</span><span><font color="#990000">(</font></span>store<span><font color="#990000">),</font></span> NULL<span><font color="#990000">),</font></span> <span><font color="#993399">0</font></span><span><font color="#990000">,</font></span> row_name<span><font color="#990000">,</font></span> <span><font color="#993399">1</font></span><span><font color="#990000">,</font></span> row_score<span><font color="#990000">,</font></span> <span><font color="#990000">-</font></span><span><font color="#993399">1</font></span><span><font color="#990000">);</font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Parse next row element */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#000000">g_free</font></span>'''</span> <span><font color="#990000">(</font></span>row_name<span><font color="#990000">);</font></span>
| + | |
- | cur <span><font color="#990000"><nowiki>=</nowiki></font></span> cur<span><font color="#990000">-></font></span>next<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Free the resulting tree */</font></span>''</span>
| + | |
- | <span>'''<span><font color="#000000">xmlFreeDoc</font></span>'''</span><span><font color="#990000">(</font></span>doc<span><font color="#990000">);</font></span>
| + | |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span> store<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span></tt>
| + | |
| | | |
- | 'scores_xml_save ()' is called before application quits. It uses xml text writer in order to save current data store to appropriate file. maemo-sliders/sliders.c
| + | /* Add new row to the store */ |
| + | gtk_list_store_insert_with_values (store, NULL, gtk_tree_model_iter_n_children (GTK_TREE_MODEL(store), NULL), 0, row_name, 1, row_score, -1); |
| | | |
- | <tt><span>'''<span><font color="#0000FF">static</font></span>'''</span> <span><font color="#009900">void</font></span>
| + | /* Parse next row element */ |
- | <span>'''<span><font color="#000000">scores_xml_save</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#0000FF">const</font></span>'''</span> <span><font color="#009900">char</font></span> <span><font color="#990000"><nowiki>*</nowiki></font></span>uri<span><font color="#990000">)</font></span>
| + | g_free (row_name); |
- | <span><font color="#FF0000">{</font></span>
| + | cur = cur->next; |
- | <span><font color="#009900">int</font></span> rc<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | } |
- | xmlTextWriterPtr writer<span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- |
| + | /* Free the resulting tree */ |
- | <span>''<span><font color="#9A1900">/* Check if store have been created */</font></span>''</span>
| + | xmlFreeDoc(doc); |
- | GtkListStore <span><font color="#990000"><nowiki>*</nowiki></font></span>store <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">get_scores_store</font></span>'''</span> <span><font color="#990000">();</font></span>
| + | return store; |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(!</font></span>store<span><font color="#990000">)</font></span> <span>'''<span><font color="#0000FF">return</font></span>'''</span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | } |
- |
| + | </source> |
- | <span>''<span><font color="#9A1900">/* Create a new XmlWriter for uri, with no compression. */</font></span>''</span>
| + | |
- | writer <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">xmlNewTextWriterFilename</font></span>'''</span><span><font color="#990000">(</font></span>uri<span><font color="#990000">,</font></span> <span><font color="#993399">0</font></span><span><font color="#990000">);</font></span>
| + | == Portrait Mode == |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>writer <span><font color="#990000"><nowiki>==</nowiki></font></span> NULL<span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: Error creating the xml writer for %s</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">,</font></span> SCORES_XML<span><font color="#990000">);</font></span>
| + | This section explains how to use accelerometer D-Bus interface in order to switch your maemo application to portrait/landscape mode. |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | |
- | <span><font color="#FF0000">}</font></span>
| + | First at all we need to include MCE headers and connect to appropriate D-Bus signal. maemo-sliders/sliders.c |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Start the document with the xml default for the version,</font></span>''</span>
| + | <source lang="c"> |
- | <span>''<span><font color="#9A1900"> * encoding UTF-8 and the default for the standalone</font></span>''</span>
| + | #include <dbus/dbus.h> |
- | <span>''<span><font color="#9A1900"> * declaration. */</font></span>''</span>
| + | #include <mce/mode-names.h> |
- | rc <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">xmlTextWriterStartDocument</font></span>'''</span><span><font color="#990000">(</font></span>writer<span><font color="#990000">,</font></span> NULL<span><font color="#990000">,</font></span> <span><font color="#FF0000">"UTF-8"</font></span><span><font color="#990000">,</font></span> NULL<span><font color="#990000">);</font></span>
| + | #include <mce/dbus-names.h> |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>rc <span><font color="#990000"><</font></span> <span><font color="#993399">0</font></span><span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | #define MCE_SIGNAL_MATCH "type='signal'," \ |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: Error at xmlTextWriterStartDocument</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">);</font></span>
| + | "sender='" MCE_SERVICE "'," \ |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | "path='" MCE_SIGNAL_PATH "'," \ |
- | <span><font color="#FF0000">}</font></span>
| + | "interface='" MCE_SIGNAL_IF "'" |
- |
| + | |
- | <span>''<span><font color="#9A1900">/* Start an element named ROOT_ELEMENT. Since thist is the first</font></span>''</span>
| + | /* ... */ |
- | <span>''<span><font color="#9A1900"> * element, this will be the root element of the document. */</font></span>''</span>
| + | |
- | rc <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">xmlTextWriterStartElement</font></span>'''</span><span><font color="#990000">(</font></span>writer<span><font color="#990000">,</font></span> BAD_CAST ROOT_ELEMENT<span><font color="#990000">);</font></span>
| + | /* Connect to session bus, add a match rule, install filter callback */ |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>rc <span><font color="#990000"><</font></span> <span><font color="#993399">0</font></span><span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | appdata.system_bus = dbus_bus_get (DBUS_BUS_SYSTEM, NULL); |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: Error at xmlTextWriterStartElement</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">);</font></span>
| + | if (appdata.system_bus) { |
- | <span>'''<span><font color="#0000FF">return</font></span>'''</span><span><font color="#990000"><nowiki>;</nowiki></font></span>
| + | dbus_bus_add_match (appdata.system_bus, MCE_SIGNAL_MATCH, NULL); |
- | <span><font color="#FF0000">}</font></span>
| + | dbus_connection_add_filter (appdata.system_bus, |
- |
| + | (DBusHandleMessageFunction) mce_filter_func, |
- | <span>''<span><font color="#9A1900">/* Save each score row from store. */</font></span>''</span>
| + | &appdata, NULL); |
- | <span>'''<span><font color="#000000">gtk_tree_model_foreach</font></span>'''</span> <span><font color="#990000">(</font></span><span>'''<span><font color="#000000">GTK_TREE_MODEL</font></span>'''</span><span><font color="#990000">(</font></span>store<span><font color="#990000">),</font></span> scores_xml_save_score<span><font color="#990000">,</font></span> <span><font color="#990000">&</font></span>writer<span><font color="#990000">);</font></span>
| + | } |
- |
| + | </source> |
- | <span>''<span><font color="#9A1900">/* Here we could close the element named ROOT_ELEMENT using the</font></span>''</span>
| + | |
- | <span>''<span><font color="#9A1900"> * function xmlTextWriterEndElement, but since we do not want to</font></span>''</span>
| + | Second action point is rotation directly. We have used Hildon API for this purpose. maemo-sliders/sliders.c |
- | <span>''<span><font color="#9A1900"> * write any other elements, we simply call xmlTextWriterEndDocument,</font></span>''</span>
| + | |
- | <span>''<span><font color="#9A1900"> * which will do all the work. */</font></span>''</span>
| + | <source lang="c"> |
- | rc <span><font color="#990000"><nowiki>=</nowiki></font></span> <span>'''<span><font color="#000000">xmlTextWriterEndDocument</font></span>'''</span><span><font color="#990000">(</font></span>writer<span><font color="#990000">);</font></span>
| + | static DBusHandlerResult |
- | <span>'''<span><font color="#0000FF">if</font></span>'''</span> <span><font color="#990000">(</font></span>rc <span><font color="#990000"><</font></span> <span><font color="#993399">0</font></span><span><font color="#990000">)</font></span> <span><font color="#FF0000">{</font></span>
| + | mce_filter_func (DBusConnection * connection, |
- | <span>'''<span><font color="#000000">g_print</font></span>'''</span> <span><font color="#990000">(</font></span><span><font color="#FF0000">"%s, %i: Error at xmlTextWriterEndDocument</font></span><span><font color="#CC33CC">\n</font></span><span><font color="#FF0000">"</font></span><span><font color="#990000">,</font></span> __PRETTY_FUNCTION__<span><font color="#990000">,</font></span> __LINE__<span><font color="#990000">);</font></span>
| + | DBusMessage * message, AppData *data) |
- | <span><font color="#FF0000">}</font></span>
| + | { |
- |
| + | /* ... */ |
- | <span>'''<span><font color="#000000">xmlFreeTextWriter</font></span>'''</span><span><font color="#990000">(</font></span>writer<span><font color="#990000">);</font></span>
| + | /* Rotate main window */ |
- | <span><font color="#FF0000">}</font></span></tt>
| + | if (!strcmp (rotation, MCE_ORIENTATION_PORTRAIT)) |
| + | hildon_gtk_window_set_portrait_flags (GTK_WINDOW(appdata.main_window), HILDON_PORTRAIT_MODE_REQUEST); |
| + | else hildon_gtk_window_set_portrait_flags (GTK_WINDOW(appdata.main_window), ~HILDON_PORTRAIT_MODE_REQUEST); |
| + | } |
| + | /* ... */ |
| + | } |
| + | </source> |
| + | |
| + | ==Enabling volume/zoom keys== |
| + | |
| + | This section explains how to enable use of the device's Volume up/down keys. |
| + | |
| + | Since hildon-2.2.2 you can just use [http://maemo.org/api_refs/5.0/5.0-final/hildon/hildon-Additions-to-GTK+.html#hildon-gtk-window-enable-zoom-keys hildon_gtk_window_enable_zoom_keys]: |
| + | |
| + | <source lang="c"> |
| + | void hildon_gtk_window_enable_zoom_keys(GtkWindow *window, gboolean enable); |
| + | </source> |
| + | |
| + | Or if you are not using hildon you use the more complicated way: |
| + | |
| + | First two needed libraries are included |
| + | |
| + | <source lang="c"> |
| + | #include <gdk/gdkx.h> |
| + | #include <X11/Xatom.h> |
| + | </source> |
| + | |
| + | By default, maemo-status-volume daemon grabs keys for volume control so they need to be released |
| + | |
| + | <source lang="c"> |
| + | static void |
| + | ungrab_volume_keys() |
| + | { |
| + | /* Tell maemo-status-volume daemon to ungrab keys */ |
| + | unsigned long val = 1; /* ungrab, use 0 to grab */ |
| + | Atom atom; |
| + | GdkDisplay *display = NULL; |
| + | display = gdk_drawable_get_display (appdata.main_window->window); |
| + | atom = gdk_x11_get_xatom_by_name_for_display (display, "_HILDON_ZOOM_KEY_ATOM"); |
| + | XChangeProperty (GDK_DISPLAY_XDISPLAY (display), |
| + | GDK_WINDOW_XID (appdata.main_window->window), atom, XA_INTEGER, 32, |
| + | PropModeReplace, (unsigned char *) &val, 1); |
| + | } |
| + | </source> |
| + | |
| + | === Remapping volume keys === |
| + | |
| + | This section explains how to use device's Volume up/down keys to set application to fullsceen or unfullscreen mode. |
| + | |
| + | Next event for key press is created. By returning <code>TRUE</code> when the desired key is pressed function tells to GTK+ that keypress was handled. All other keys return <code>FALSE</code> so application lets GTK+ decide what to do with them. |
| + | |
| + | <source lang="c"> |
| + | static gboolean |
| + | on_key_pressed(GtkWidget* widget, GdkEventKey* event) |
| + | { |
| + | /* set application to fullscreen when volume up is pressed and vice versa */ |
| + | if (event->keyval == HILDON_HARDKEY_INCREASE){ |
| + | gtk_window_fullscreen(GTK_WINDOW(appdata.main_window)); |
| + | /* Tell that event was handled */ |
| + | return TRUE; |
| + | } |
| + | |
| + | else if (event->keyval == HILDON_HARDKEY_DECREASE){ |
| + | gtk_window_unfullscreen(GTK_WINDOW(appdata.main_window)); |
| + | return TRUE; |
| + | } |
| + | /* tell that event wasn't handled */ |
| + | return FALSE; |
| + | } |
| + | </source> |
| + | |
| + | Two more things to do, both inside <code>main()</code>. The <code>key_press_event</code> signal is connected to newly created callback function |
| + | |
| + | <source lang="c"> |
| + | g_signal_connect(G_OBJECT(appdata.main_window), "key_press_event", |
| + | G_CALLBACK(on_key_pressed), NULL); |
| + | </source> |
| + | |
| + | And Volume keys ungrabbing function is called before <code>gtk_main()</code> |
| + | |
| + | <source lang="c">> |
| + | ungrab_volume_keys(); |
| + | </source> |
| | | |
| == Integration to Menu == | | == Integration to Menu == |
| | | |
- | Application integration to menu needs .desktop file. This section describes the needed additions and changes. | + | Application integration in the application launcher menu needs a .desktop file. This section describes the needed additions and changes. |
| | | |
- | Sliders doesn't have appropriate .desktop file, so we need to generate it from 'maemo-sliders.desktop.in' with 'configure' script. maemo-sliders.desktop.in | + | Sliders does not have an appropriate .desktop file, so we need to generate it from <code>maemo-sliders.desktop.in</code> with a <code>configure</code> script. maemo-sliders.desktop.in |
| | | |
- | <code>[Desktop Entry] | + | [Desktop Entry] |
| Encoding=UTF-8 | | Encoding=UTF-8 |
| Version=@VERSION@ | | Version=@VERSION@ |
Line 403: |
Line 476: |
| Name=Maemo Sliders | | Name=Maemo Sliders |
| Exec=@prefix@/bin/maemo-sliders | | Exec=@prefix@/bin/maemo-sliders |
- | Icon=hello</code>
| |
| | | |
| == Application Packaging == | | == Application Packaging == |
| | | |
- | 'dh_make' tool have been used for Sliders debianization
| + | The <code>dh_make</code> tool has been used for Sliders Debianization. |
| + | |
| + | [[Category:Development]] |
| + | [[Category:Documentation]] |
| + | [[Category:Fremantle]] |
This section describes key aspects of the process of porting an application to the Maemo platform. When starting to port an application to Maemo platform, the first step is to set up the development environment. The actual porting after that is described in this section.
The Sliders interface consists of the main window with board, menu and a couple of dialogs. See source mentioned above for game history and description.
Sliders game is not designed for usage in mobile devices, so we need to hildonize it in order to build effective touch interface for this simple game.
Before using Hildon we need to initialize it. maemo-sliders/sliders.c
After that we can create a main window with all necessary content. maemo-sliders/sliders.c
We have replaced the original Sliders menu and toolbar with a Hildon application menu.
We have replaced original Sliders win picture by scores window (figure 16.14), that appears in two cases. It's shown after "Scores" menu button clicked maemo-sliders/sliders.c
and when player has won. maemo-sliders/sliders.c
and edit toolbar. maemo-sliders/sliders.c
Other scores related code is quite straightforward and does not use Hildon-specific features, see the scores_window ()
implementation for details.
Maemo supports state saving feature, that we have used for current Sliders game saving. The application can later open this game with the same state as before. This section describes most important steps needed to make Sliders support state savings.
Do not forget to initialize the library context before state-saving usage. maemo-sliders/sliders.c
The information saved by using state saving functions does not survive over power off of the device, so if you need to save some data more permanently you could use e.g. libxml as shown in the next section for the scores table.
This section explains how to use accelerometer D-Bus interface in order to switch your maemo application to portrait/landscape mode.
First at all we need to include MCE headers and connect to appropriate D-Bus signal. maemo-sliders/sliders.c
Second action point is rotation directly. We have used Hildon API for this purpose. maemo-sliders/sliders.c
This section explains how to enable use of the device's Volume up/down keys.
By default, maemo-status-volume daemon grabs keys for volume control so they need to be released
This section explains how to use device's Volume up/down keys to set application to fullsceen or unfullscreen mode.
Next event for key press is created. By returning TRUE
when the desired key is pressed function tells to GTK+ that keypress was handled. All other keys return FALSE
so application lets GTK+ decide what to do with them.
Application integration in the application launcher menu needs a .desktop file. This section describes the needed additions and changes.
Sliders does not have an appropriate .desktop file, so we need to generate it from maemo-sliders.desktop.in
with a configure
script. maemo-sliders.desktop.in