<!-- If the browser does not support frames put the first topic content here --> <div class="Section1"> <h1 style='margin-right:-14.4pt'><a name="node0" id= "node0"></a><span style='font-size:18.0pt'>Partie 1 (XML) - Ajouter un Menu a son application Android</span></h1> <p>Ce tutoriel va nous apprendre comment ajouter un menu accessible avec la touche « Menu » (<img width="19" height="19" src= "creation_Menu&SousMenu_fichiers/image001.gif" alt="image" />) et utiliser un icone officiel en XML.</p> <p> </p> <p>Voici l'application que nous allons réaliser :</p> <p align="center" style='text-align:center'><a href= "http://www.android-dev.fr/images/tuto/appli_menu.png"><span style= 'text-decoration:none'><img border="0" width="295" height="492" src="creation_Menu&SousMenu_fichiers/image002.jpg" alt= "appli menu" /></span></a></p> <p style='margin:0cm;margin-bottom:.0001pt'> </p> <p style='margin:0cm;margin-bottom:.0001pt'>Tout d’abord une interface minimaliste nous indiquant d’appuyer sur la touche « Menu ».</p> <p><a href= "http://www.android-dev.fr/images/tuto/appuimenu.png"><span style= 'text-decoration:none'><img border="0" width="217" height="363" src="creation_Menu&SousMenu_fichiers/image003.jpg" alt= "appli menu2" /></span></a></p> <p>Lors du clic sur la touche « Menu », on voudrait que ces deux options apparaissent. Ainsi que le texte affiche « Menu »</p> <table cellpadding="0" cellspacing="0"> <tr> <td width="107" height="33" bgcolor="white" style= 'vertical-align:top;background: white'> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <div style='padding:3.6pt 7.2pt 3.6pt 7.2pt'> <p class="MsoNormal">Sauvegarde</p> </div> </td> </tr> </table> </td> </tr> </table> <table cellpadding="0" cellspacing="0"> <tr> <td width="108" height="32" bgcolor="white" style= 'vertical-align:top;background: white'> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <div style='padding:3.6pt 7.2pt 3.6pt 7.2pt'> <p class="MsoNormal">Chargement</p> </div> </td> </tr> </table> </td> </tr> </table> <a href= "http://www.android-dev.fr/images/tuto/appli_menu2.png"><span style='text-decoration:none'><img border="0" width="243" height="405" src= "creation_Menu&SousMenu_fichiers/image004.jpg" alt= "appli menu" /></span></a> <p> </p> <p>Ensuite si on appuie sur « quitter », l’application doit se fermer. Si on clique sur « Options », on veut qu’un autre menu s’affiche. Le texte doit également afficher le texte du bouton sur lequel on a appuyé « Chargement ou Sauvegarde ».</p> <p> </p> <h2><a name="node1" id="node1"></a>Partie 1 : XML</h2> <p>On va commencer par la partie XML.</p> <p> </p> <h3><a name="node2" id="node2"></a>String</h3> <p>Cette chaine de caractères servira à la phrase présente au milieu de l’appli :</p> <p><a href= "http://www.android-dev.fr/images/tuto/intro1.png"><span style= 'text-decoration:none'><img border="0" width="480" height="259" src="creation_Menu&SousMenu_fichiers/image005.gif" alt= "intro phrase" /></span></a></p> <span style= 'font-size:12.0pt;font-family:"Times New Roman"'><br clear="all" style='page-break-before:always' /></span> <p> </p> <h3><a name="node3" id="node3"></a>Interface</h3> <p>Dans cette partie, vu la simplicité de l’interface, il nous suffira de centrer la phrase précédente horizontalement et verticalement. Et donner la couleur a cette phrase.</p> <p>Tout d’abord ouvrons le fichier "/res/layout/activite_menu.xml".</p> <p>Un textview doit être déjà créé, remplaçons le par la suivant :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><code><span lang="EN-GB" style= 'font-size:10.0pt' xml:lang="EN-GB"><TextView</span></code> <code><span lang="EN-GB" style='font-size:10.0pt' xml:lang= "EN-GB">android:id="@+id/txtMessage"</span></code><span lang= "EN-GB" xml:lang="EN-GB"> </span></p> <p class="MsoNormal"><code><span lang="EN-GB" style= 'font-size:10.0pt' xml:lang= "EN-GB"> android:layout_width="match_parent"</span></code></p> <p class="MsoNormal"><code><span lang="EN-GB" style= 'font-size:10.0pt' xml:lang= "EN-GB"> android:layout_height="match_parent"</span></code></p> <p class="MsoNormal"><code><span lang="EN-GB" style= 'font-size:10.0pt' xml:lang= "EN-GB"> android:gravity="center_vertical|center_horizontal"</span></code></p> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'> android:text="Appuyez sur la touché Menu"</span></code></p> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'> android:textSize="30px"</span></code></p> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'> android:textColor="#C4C4C4"</span></code></p> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'>/></span></code></p> </td> </tr> </table> <p><strong>Explication</strong> :</p> <p>On lui affecte un Id :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'>android:id="@+id/txtMessage" </span></code></p> </td> </tr> </table> <p>Pour les dimensions (fill_parent : le TextView prendra toute la place disponible) :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><code><span lang="EN-GB" style= 'font-size:10.0pt' xml:lang= "EN-GB">android:layout_width="match_parent"</span></code></p> <p class="MsoNormal"><code><span lang="EN-GB" style= 'font-size:10.0pt' xml:lang= "EN-GB">android:layout_height="match_parent"</span></code></p> </td> </tr> </table> <p>L’alignement (on le centre horizontalement et verticalement) :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'>android:gravity="center_vertical|center_horizontal"</span></code></p> </td> </tr> </table> <p>On lui assigne le texte voulu :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'>android:text="@string/intro"</span></code></p> </td> </tr> </table> <p>Et enfin on attribue une couleur et une taille a la textView :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'>android:textSize="30px"</span></code></p> <p class="MsoNormal"><code><span style= 'font-size:10.0pt'>android:textColor="#C4C4C4"</span></code></p> </td> </tr> </table> <p> </p> <b><span style= 'font-size:13.5pt;font-family:"Times New Roman"'><br clear="all" style='page-break-before:always' /></span></b> <h3><a name="node4" id="node4"></a>Menu</h3> <p>Maintenant on va créer un fichier XML qui définit l’interface du menu.</p> <p>Le menu se situe dans le dossier « /res/menu ». On va nommer le fichier "menu_options.xml". Ce qui devrait donner l’arborescence suivante : "/res/menu/menu_options.xml"</p> <p style='margin:0cm;margin-bottom:.0001pt'>Dans ce fichier on devrait obtenir le code suivant :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <pre style='background:white;border:none;padding:0cm'> <span lang="EN-US" style='color:black' xml:lang= "EN-US"><</span><b><span lang="EN-US" style='color: navy' xml:lang="EN-US">menu </span></b><b><span lang="EN-US" style= 'color:blue' xml:lang="EN-US">xmlns:</span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"http://schemas.android.com/apk/res/android"<br /> </span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">xmlns:</span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">tools</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"http://schemas.android.com/tools" </span></b><b><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">tools</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:context=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">".MainActivity"</span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">><br /> <</span><b><span lang="EN-US" style= 'color:navy' xml:lang="EN-US">item </span></b><b><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:id=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"@+id/option" </span></b><b><span lang="EN-US" style= 'color:#660E7A' xml:lang="EN-US">android</span></b><b><span lang= "EN-US" style='color:blue' xml:lang= "EN-US">:title=</span></b><b><span lang="EN-US" style='color:green' xml:lang="EN-US">"Options"<br /> </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:orderInCategory=</span></b><b><span lang="EN-US" style='color:green' xml:lang= "EN-US">"100" </span></b><b><span lang="EN-US" style= 'color:#660E7A' xml:lang="EN-US">android</span></b><b><span lang= "EN-US" style='color:blue' xml:lang= "EN-US">:showAsAction=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"never"<br /> </span></b><b><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:icon=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"@drawable/options"</span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">><br /> <</span><b><span lang="EN-US" style= 'color:navy' xml:lang="EN-US">menu </span></b><span lang="EN-US" style='color:black' xml:lang= "EN-US">><br /> <</span><b><span lang="EN-US" style='color:navy' xml:lang="EN-US">item </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:title=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"Chargement"<br /> </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:id=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"@+id/chargement" </span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">/><br /> <</span><b><span lang="EN-US" style='color:navy' xml:lang="EN-US">item </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:title=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"Sauvegarde"<br /> </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:id=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"@+id/sauvegarde" </span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">/><br /> </</span><b><span lang="EN-US" style= 'color:navy' xml:lang="EN-US">menu</span></b><span lang="EN-US" style='color:black' xml:lang= "EN-US">><br /> </</span><b><span lang="EN-US" style= 'color:navy' xml:lang="EN-US">item</span></b><span lang="EN-US" style='color:black' xml:lang= "EN-US">><br /> <</span><b><span lang="EN-US" style= 'color:navy' xml:lang="EN-US">item </span></b><b><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:title=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"Quitter"<br /><br /> </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:id=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"@+id/quitter"<br /> </span></b><b><span lang= "EN-US" style='color:#660E7A' xml:lang= "EN-US">android</span></b><b><span lang="EN-US" style='color:blue' xml:lang="EN-US">:icon=</span></b><b><span lang="EN-US" style= 'color:green' xml:lang= "EN-US">"@drawable/quitter" </span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">/><br /></</span><b><span lang="EN-US" style= 'color:navy' xml:lang="EN-US">menu</span></b><span lang="EN-US" style='color:black' xml:lang="EN-US">></span> </pre></div> <p><strong>Conception (mode graphique)</strong> :</p> <p align="center" style='text-align:center'><img border="0" width= "383" height="390" src= "creation_Menu&SousMenu_fichiers/image006.jpg" alt= "image" /></p> <span style= 'font-size:12.0pt;font-family:"Times New Roman"'><br clear="all" style='page-break-before:always' /></span> <p><b>On glisse les Item (Menu Item) voulus dans le menu :</b></p> <p align="center" style='text-align:center'><span style= 'position:absolute; z-index:4;left:0px;margin-left:190px;margin-top:26px;width:12px;height:146px'> <img width="12" height="146" src= "creation_Menu&SousMenu_fichiers/image007.gif" alt= "image" /></span><span style= 'position:absolute;z-index:3;left:0px;margin-left:165px;margin-top:7px; width:60px;height:21px'><img width="60" height="21" src="creation_Menu&SousMenu_fichiers/image008.gif" alt="image" /></span><img border="0" width="274" height="262" src= "creation_Menu&SousMenu_fichiers/image009.jpg" alt= "image" /></p> <p>On donne un id et on modifie le texte. On peut également mettre une icône (system ou personnalisée cad préalablement chargée dans Drawable) dans la propriété icon.</p> <p> </p> <p style='margin:0cm;margin-bottom:.0001pt'><b>Créer les sous menus :</b></p> <p style='margin:0cm;margin-bottom:.0001pt'> </p> <p style='margin:0cm;margin-bottom:.0001pt'>Pour créer des sous menus (dans options par exemple) : On glisse un menu sur l'item et on glisse les items voulus dans celui-ci. Ce qui donne :</p> <p style='margin:0cm;margin-bottom:.0001pt'> </p> <p align="center" style= 'margin:0cm;margin-bottom:.0001pt;text-align:center'><img border= "0" width="407" height="396" src= "creation_Menu&SousMenu_fichiers/image010.jpg" alt= "image" /></p> <b><span style= 'font-size:18.0pt;font-family:"Times New Roman"'><br clear="all" style='page-break-before:always' /></span></b> <h1 style='margin-right:-5.4pt'><a name="node5" id= "node5"></a><span style='font-size:18.0pt'>Partie 2 (java) - Ajouter un Menu a son application Android</span></h1> <p>On va maintenant modifier le fichier Java (celui qui sera "lancé" au démarrage de l'application).</p> <p>Cette partie consistera à utiliser les événements sur un menu. Il faudra lors de l’appui sur un élément du menu, changer le texte dans la textView créé dans la partie XML.</p> <p>On ouvre le fichier java.</p> <h3><a name="node6" id="node6"></a>Import</h3> <p>Tout d’abord on va modifier les imports :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <pre style='background:white'> <b><span style='color:navy'>import </span></b><span style= 'color:black'>android.app.Activity;<br /> </span><b><span style= 'color:navy'>import </span></b><span style= 'color:black'>android.content.Intent;<br /> </span><b><span style= 'color:navy'>import </span></b><span style= 'color:black'>android.os.Bundle;<br /> </span><b><span style= 'color:navy'>import </span></b><span style= 'color:black'>android.view.Menu;<br /> </span><b><span style= 'color:navy'>import </span></b><span style= 'color:black'>android.view.MenuInflater;<br /> </span><b><span style='color:navy'>import </span></b><span style='color:black'>android.view.MenuItem;<br /> </span><b><span style='color:navy'>import </span></b><span style='color:black'>android.widget.TextView;<br /> </span><b><span style='color:navy'>import </span></b><span style='color:black'>android.widget.Toast;</span> </pre> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> </tr> </table> <p>Ensuite on doit avoir cette classe et ces fonctions :</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="520" style= 'width:390.35pt;border:solid windowtext 1.0pt;padding: 0cm 0cm 0cm 0cm'> <pre style='margin-right:-.5pt;background:white'> <b><span lang="EN-US" style='color:navy' xml:lang= "EN-US">protected void </span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">onCreate(Bundle savedInstanceState)<br />{<br /> </span><b><span lang="EN-US" style='color:navy' xml:lang="EN-US">super</span></b><span lang= "EN-US" style='color:black' xml:lang= "EN-US">.onCreate(savedInstanceState);<br /> setContentView(R.layout.</span><b><i><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">activite__menu</span></i></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">);<br /> initialisations();<br />}<br /> </span><b><span lang="EN-US" style='color:navy' xml:lang= "EN-US">public void </span></b><span lang="EN-US" style= 'color:black' xml:lang= "EN-US">initialisations()<br />{<br /> TextView txtMess = (TextView) findViewById(R.id.</span><b><i><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">txtMessage</span></i></b><span lang="EN-US" style= 'color:black' xml:lang="EN-US">);</span> </pre> <pre style='margin-right:-.5pt;background: white'> <span lang="EN-US" style='color:black' xml:lang="EN-US">}</span> </pre></td> <td width="85" style='width:63.75pt;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><span lang="EN-US" xml:lang= "EN-US"> </span></p> </td> </tr> </table> <p style='margin:0cm;margin-bottom:.0001pt'> </p> <h2 style= 'margin-top:0cm;margin-right:0cm;margin-bottom:6.0pt;margin-left: 0cm'> <a name="node7" id="node7"></a>onCreateOptionMenu()</h2> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal">Après la fonction "onCreate()", on va créer (ou modifier) la fonction "onCreateOptionsMenu()". Cette fonction sera utilisée lors de l’appui sur la touche "Menu" (remarque : cette fonction est exécutée uniquement la 1ère fois où le menu est appelé) :</p> <p class="MsoNormal"> </p> </td> <td width="1" style='width:1.0pt;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> </tr> </table> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white;margin-left:0cm;margin-right:-21.3pt'> <pre style='background: white;border:none;padding:0cm'> <b><span style='color:navy'>public boolean </span></b><span style= 'color:black'>onCreateOptionsMenu(Menu menu) {<br /> </span><b><span style='color:#660E7A'>txtMess </span></b><span style='color:black'>= (TextView) findViewById(R.id.</span><b><i><span style='color:#660E7A'>txtMessage</span></i></b><span style='color:black'>);<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"MENU"</span></b><span style='color:black'>);<br /> MenuInflater inflater = getMenuInflater();<br /> inflater.inflate(R.menu.</span><b><i><span style='color:#660E7A'>menu_options</span></i></b><span style='color:black'>, menu);<br /></span><span style='font-size:8.0pt;color:black'><br /></span><span style='color:black'> </span><i><span style='color:gray'>// Chargement des images dans les sous menus options.<br /> </span></i><span style='color:black'>menu.getItem(</span><span style='color:blue'>1</span><span style='color:black'>).getSubMenu().getItem(</span><span style='color:blue'>0</span><span style='color:black'>).setIcon(R.drawable.</span><b><i><span style='color:#660E7A'>pc_verstablette</span></i></b><span style='color:black'>);<br /> menu.getItem(</span><span style='color:blue'>1</span><span style='color:black'>).getSubMenu().getItem(</span><span style='color:blue'>1</span><span style='color:black'>).setIcon(R.drawable.</span><b><i><span style='color:#660E7A'>tablette_verspc</span></i></b><span style='color:black'>);<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br />}</span> </pre></div> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> </tr> </table> <p><strong>Explication</strong>:</p> <p>On modifie la textView pour indiquer que l’utilisateur à appuyer sur la touche menu :</p> <table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" style='border:solid windowtext 1.0pt'> <tr> <td style='border:none;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='border:none;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><span lang="EN-US" style='color:black' xml:lang="EN-US"> </span> <b><span lang="EN-US" style= 'color:#660E7A' xml:lang="EN-US">txtMess</span></b> <span lang= "EN-US" style='color:black' xml:lang="EN-US">= (TextView) findViewById(R.id.</span><b><i><span lang="EN-US" style= 'color:#660E7A' xml:lang= "EN-US">txtMessage</span></i></b><span lang="EN-US" style= 'color:black' xml:lang="EN-US">);<br /> </span> <b><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">txtMess</span></b><span lang="EN-US" style='color:black' xml:lang="EN-US">.setText(</span><b><span lang="EN-US" style= 'color:green' xml:lang="EN-US">"MENU"</span></b><span lang="EN-US" style='color:black' xml:lang="EN-US">);</span></p> </td> </tr> </table> <p style= 'margin-top:18.0pt;margin-right:0cm;margin-bottom:6.0pt;margin-left: 0cm'> Ensuite on instancie le menu et on le lie au menu créé en XML :</p> <table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" style='border:solid windowtext 1.0pt'> <tr> <td style='border:none;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><span lang="EN-US" style='color:black' xml:lang="EN-US"> MenuInflater inflater = getMenuInflater();<br /> inflater.inflate(R.menu.</span><b><i><span lang="EN-US" style='color:#660E7A' xml:lang= "EN-US">menu_options</span></i></b><span lang="EN-US" style= 'color:black' xml:lang="EN-US">, menu);</span></p> </td> <td style='border:none;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"><span lang="EN-US" xml:lang= "EN-US"> </span></p> </td> </tr> </table> <p>Et enfin on retourne vrai (comme quoi on a réussie a crée le menu) :</p> <p> </p> <h2><a name="node8" id="node8"></a>onOptionsItemSelected()</h2> <p>Ensuite on crée la méthode qui sera utilisée lors de l’appui sur un élément du menu (Options, Quitter, Chargement, Sauvegarde).</p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='border:solid windowtext 1.0pt;padding:0cm 0cm 0cm 0cm'> <pre style='background:white'> <b><span style='color:navy'>public boolean </span></b><span style= 'color:black'>onOptionsItemSelected(MenuItem item)<br />{<br /> </span><b><span style='color:navy'>switch </span></b><span style='color:black'>(item.getItemId())<br /> {<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>option</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Option"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi OPTION"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>chargement</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Chargement"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi CHARGEMENT"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><i><span style='color:gray'>// Ouvre l'activite principale<br /> </span></i><span style='color:black'>Intent t = </span><b><span style='color:navy'>new </span></b><span style='color:black'>Intent(Activite_Menu.</span><b><span style='color:navy'>this</span></b><span style='color:black'>, MainActivity.</span><b><span style='color:navy'>class</span></b><span style='color:black'>);<br /> startCoursActivity(t);<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>sauvegarde</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Sauvegarde"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi SAUVEGARDE"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>quitter</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Quitter"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi QUITTER"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> finish();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> }<br /> </span><b><span style='color:navy'>return false</span></b><span style='color:black'>;<br />}</span> </pre> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> </tr> </table> <p>Dans cette méthode, on définie les conséquences sur l’appui d’un élément en utilisant un switch(){ … case …}</p> <p> </p> <h3><a name="node9" id="node9"></a>Le Switch</h3> <table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" style='border:solid windowtext 1.0pt'> <tr> <td style='border:none;padding:0cm 0cm 0cm 0cm'> <pre style='background:white'> <b><span style='color:navy'>switch </span></b><span style= 'color:black'>(item.getItemId())</span> </pre></td> <td width="8" style= 'width:5.9pt;border:none;padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> </tr> </table> <p><strong>Explication</strong> :</p> <p>Dans le Switch, on place l’ID de l’élément sur lequel l’utilisateur a appuyé (“Options” ou “Quitter”, "Sauvegarde", "Chargement")</p> <p>A l’intérieur du Switch on place tout les cas :</p> <h3 style= 'margin-top:18.0pt;margin-right:0cm;margin-bottom:6.0pt;margin-left: 0cm'> <a name="node10" id="node10"></a>Les Case</h3> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0"> <tr> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> <td style='padding:0cm 0cm 0cm 0cm'> <p class="MsoNormal"> </p> </td> </tr> </table> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <pre style='background:white;border:none;padding:0cm'> <b><span style='color:navy'>case </span></b><span style= 'color:black'>R.id.</span><b><i><span style= 'color:#660E7A'>option</span></i></b><span style= 'color:black'>:<br /> </span><b><span style= 'color:#660E7A'>txtMess</span></b><span style= 'color:black'>.setText(</span><b><span style= 'color:green'>"Option"</span></b><span style= 'color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi OPTION"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /></span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>chargement</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Chargement"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi CHARGEMENT"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><i><span style='color:gray'>// Ouvre l'activite principale<br /> </span></i><span style='color:black'>Intent t = </span><b><span style='color:navy'>new </span></b><span style='color:black'>Intent(Activite_Menu.</span><b><span style='color:navy'>this</span></b><span style='color:black'>, MainActivity.</span><b><span style='color:navy'>class</span></b><span style='color:black'>);<br /> startCoursActivity(t);<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /></span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>sauvegarde</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Sauvegarde"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi SAUVEGARDE"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /></span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>quitter</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Quitter"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi QUITTER"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> finish();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;</span> </pre></div> <p><strong>Explication</strong> :</p> <p style='margin-bottom:6.0pt'>On teste dans chaque case l’ID.</p> <p style= 'margin-top:0cm;margin-right:0cm;margin-bottom:2.0pt;margin-left:0cm'> Ensuite dans l’intérieur de chaque case on :</p> <p style= 'margin-top:0cm;margin-right:0cm;margin-bottom:6.0pt;margin-left:0cm'> - Modifie le texte de la textView puis on effectue l'opération adéquate. Dans le cas "Chargement" par exemple on lance l'activité désirée Et on retourne true.</p> <p style='margin-top:6.0pt'>Pour le choix “Quitter”, on a une instruction en plus, celle de quitter l’application : finish();</p> <span style= 'font-size:12.0pt;font-family:"Times New Roman"'><br clear="all" style='page-break-before:always' /></span> <p style= 'margin-top:12.0pt;margin-right:0cm;margin-bottom:6.0pt;margin-left: 0cm'> Ce qui donne le fichier <b>Activite_</b>M<strong>enu.java</strong> :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <pre style='background:white;border:none;padding:0cm'> <b><span style='color:navy'>package </span></b><span style= 'color:black'>com.philippe.android_portpontrieux;<br /><br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.app.Activity;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.content.Intent;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.os.Bundle;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.view.Menu;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.view.MenuInflater;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.view.MenuItem;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.widget.TextView;<br /></span><b><span style='color:navy'>import </span></b><span style='color:black'>android.widget.Toast;<br /><br /></span><b><span style='color:navy'>public class </span></b><span style='color:black'>Activite_Menu </span><b><span style='color:navy'>extends </span></b><span style='color:black'>Activity<br />{<br /> TextView </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>;<br /> </span><span style='color:olive'>@Override<br /> </span><b><span style='color:navy'>protected void </span></b><span style='color:black'>onCreate(Bundle savedInstanceState)<br /> {<br /> </span><b><span style='color:navy'>super</span></b><span style='color:black'>.onCreate(savedInstanceState);<br /> setContentView(R.layout.</span><b><i><span style='color:#660E7A'>activite__menu</span></i></b><span style='color:black'>);<br /> initialisations();<br /> }<br /> </span><b><span style='color:navy'>public void </span></b><span style='color:black'>initialisations()<br /> {<br /> TextView txtMess = (TextView) findViewById(R.id.</span><b><i><span style='color:#660E7A'>txtMessage</span></i></b><span style='color:black'>);<br /> }<br /> </span><b><span style='color:navy'>public boolean </span></b><span style='color:black'>onCreateOptionsMenu(Menu menu)<br /> {<br /> </span><b><span style='color:#660E7A'>txtMess </span></b><span style='color:black'>= (TextView) findViewById(R.id.</span><b><i><span style='color:#660E7A'>txtMessage</span></i></b><span style='color:black'>);<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"MENU"</span></b><span style='color:black'>);<br /> MenuInflater inflater = getMenuInflater();<br /> inflater.inflate(R.menu.</span><b><i><span style='color:#660E7A'>menu_options</span></i></b><span style='color:black'>, menu);<br /><br /> </span><i><span style='color:gray'>// Chargement des images dans les sous menus options. Impossible directement en XML.<br /> </span></i><span style='color:black'>menu.getItem(</span><span style='color:blue'>1</span><span style='color:black'>).getSubMenu().getItem(</span><span style='color:blue'>0</span><span style='color:black'>).setIcon(R.drawable.</span><b><i><span style='color:#660E7A'>pc_verstablette</span></i></b><span style='color:black'>);<br /> menu.getItem(</span><span style='color:blue'>1</span><span style='color:black'>).getSubMenu().getItem(</span><span style='color:blue'>1</span><span style='color:black'>).setIcon(R.drawable.</span><b><i><span style='color:#660E7A'>tablette_verspc</span></i></b><span style='color:black'>);<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> }<br /> </span><b><span style='color:navy'>public boolean </span></b><span style='color:black'>onOptionsItemSelected(MenuItem item)<br /> {<br /> </span><b><span style='color:navy'>switch </span></b><span style='color:black'>(item.getItemId())<br /> {<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>option</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Option"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi OPTION"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>chargement</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Chargement"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi CHARGEMENT"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><i><span style='color:gray'>// Ouvre l'activite principale<br /> </span></i><span style='color:black'>Intent t = </span><b><span style='color:navy'>new </span></b><span style='color:black'>Intent(Activite_Menu.</span><b><span style='color:navy'>this</span></b><span style='color:black'>, MainActivity.</span><b><span style='color:navy'>class</span></b><span style='color:black'>);<br /> startCoursActivity(t);<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>sauvegarde</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Sauvegarde"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi SAUVEGARDE"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> </span><b><span style='color:navy'>case </span></b><span style='color:black'>R.id.</span><b><i><span style='color:#660E7A'>quitter</span></i></b><span style='color:black'>:<br /> </span><b><span style='color:#660E7A'>txtMess</span></b><span style='color:black'>.setText(</span><b><span style='color:green'>"Quitter"</span></b><span style='color:black'>);<br /> Toast.<i>makeText</i>(getApplicationContext(), </span><b><span style='color:green'>"Vous avez choisi QUITTER"</span></b><span style='color:black'>, Toast.</span><b><i><span style='color:#660E7A'>LENGTH_SHORT</span></i></b><span style='color:black'>).show();<br /> finish();<br /> </span><b><span style='color:navy'>return true</span></b><span style='color:black'>;<br /> }<br /> </span><b><span style='color:navy'>return false</span></b><span style='color:black'>;<br /> }<br />}</span> </pre></div> <p style='margin:0cm;margin-bottom:.0001pt'> </p> </div>
Table des matières
Sujets
Recherche
Partie 1 (XML) - Ajouter un Menu a son application Android
Partie 1 : XML
String
Interface
Menu
Partie 2 (java) - Ajouter un Menu a son application Android
Import
onCreateOptionMenu()
onOptionsItemSelected()
Le Switch
Les Case
Import
Interface
Le Switch
Les Case
Menu
onCreateOptionMenu()
onOptionsItemSelected()
Partie 1 (XML) - Ajouter un Menu a son application Android
Partie 1 : XML
Partie 2 (java) - Ajouter un Menu a son application Android
String
Générée avec
chmProcessor
Générée avec
chmProcessor