Créer son propre menu

La 'toolbox' c'est le petit nom du menu de gauche qui regroupe les catégories de blocs à utiliser.

cat.jpg

Les blocs sont ensuite dans la colonne qui se déplie :

blocs.jpg

Définir une toolbox, c'est nourrir un fichier xml qui regroupe tous les noms des catégories & blocs qui la peuplent.

Exemple du fichier toolbox_vide.xml :

<?xml version="1.0" encoding="utf-8" ?>
<toolbox>
    <parametre id="defaultCategories">CAT_LOGIC,CAT_LOOPS,CAT_MATH,CAT_ARRAY,CAT_TEXT,CAT_VARIABLES,CAT_FUNCTIONS
    </parametre>
    <category name="CAT_LOGIC" colour="#E1A91A">
        <block type="controls_if"></block>
        <block type="controls_switch"></block>
        <block type="logic_compare"></block>
        <block type="logic_operation"></block>
        <block type="logic_negate"></block>
        <block type="logic_boolean"></block>
        <block type="logic_null"></block>
    </category>
    <category name="CAT_LOOPS" colour="#C88330">

On retrouve là les informations de la page 'créer ses blocs multilingues', donc passons à la suite : augmenter la liste dans le fichier index.html

Pour cela ouvrir le fichier et chercher le paragraphe suivant :

<!-- toolbox config modal -->
<div class="modal fade" id="configModal" tabindex="-1" role="dialog" aria-labelledby="configModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="configModalLabel"></h4>
      </div>
        <div id="divToolbox">
            <label id="labelToolboxDefinition"></label>
            <select id="toolboxes">
                <option value="toolbox_vide" selected="selected">Algo simple</option>
                <option value="toolbox_arduino_all">Arduino tous blocs</option>
            </select>
        </div>
      <input type="checkbox" name="select_all" id="select_all"/> <span id="span_select_all"> </span>
      <div style="float : right; margin-right : 5px;">
            <input type="checkbox" name="put_in_url" id="put_in_url"/> <span id="span_put_in_url"> </span>
      </div>

      <div class="modal-body" id="modal-body-config"></div>
      <div class="modal-footer">
        <button id="btn_close_config" type="button" class="btn btn-default" data-dismiss="modal"></button>
        <button id="btn_valid_config" type="button" class="btn btn-primary"></button>
      </div>
    </div>
  </div>
</div>

Rajouter une ligne avant ou après “ <option value=“toolbox_arduino_all”>Arduino tous blocs</option> ”, sous la ligne “ <select id=“toolboxes”> ”.

Le champ value doit contenir le nom exact du fichier de toolbox à utiliser, la suite est le nom qui apparaît dans le menu déroulant :

choix_cat.jpg

Utilisateurs de Chrome/Chromium

L'externalisation des toolbox dans des fichiers xml hors du fichier 'index.html' n'est pas possible si vous n'avez pas résolu le problème de requête Ajax qui s'affiche lorsque vous voulez choisir les catégories de blocs.

Dans ce cas, il faut tout remettre dans le fichier 'index.html' comme dans le fichier exemple 'index_chrome.html'.

  • fr/arduino/blockly_rduino/toolbox.txt
  • Dernière modification: 2018/11/18 18:27
  • (modification externe)