TP : un bloc-notes

editText.addTextChangedListener(new TextWatcher() {
  @Override
  /**
   * s est la chaîne de caractères qui est en train de changer
  */
  public void onTextChanged(CharSequence s, int start, int before, int count) {
    // Que faire au moment où le texte change ?
  }

  @Override
  /**
   * @param s La chaîne qui a été modifiée
   * @param count Le nombre de caractères concernés
   * @param start L'endroit où commence la modification dans la chaîne
   * @param after La nouvelle taille du texte
  */
  public void beforeTextChanged(CharSequence s, int start, int count, int after) {
    // Que faire juste avant que le changement de texte soit pris en compte ?
  }

  @Override
  /**
   * @param s L'endroit où le changement a été effectué
  */
  public void afterTextChanged(Editable s) {
    // Que faire juste après que le changement de texte a été pris en compte ?              
  }
});

editText.setOnKeyListener(new View.OnKeyListener() {
  /**
   * Que faire quand on appuie sur une touche ?
   * @param v La vue sur laquelle s'est effectué l'évènement
   * @param keyCode Le code qui correspond à la touche
   * @param event L'évènement en lui-même
  */
  public boolean onKey(View v, int keyCode, KeyEvent event) {
    // …
  }
});

public class Exemple implements ImageGetter {
  @Override
  public Drawable getDrawable(String smiley) {
    Drawable retour = null;

    Resources resources = context.getResources();

    retour = resources.getDrawable(R.drawable.ic_launcher);

    // On délimite l'image (elle va de son coin en haut à gauche à son coin en bas à droite)
    retour.setBounds(0, 0, retour.getIntrinsicWidth(), retour.getIntrinsicHeight());
    return retour;
  }
}

<nom.du.package.NomDeLaClasse>

Log.d("Essai", "Coucou les Zéros !");
TextView x = null;
x.setText("Va planter");

<resources>
  <color name="background">#99CCFF</color>
  <color name="black">#000000</color>
  <color name="translucide">#00000000</color>
</resources>

<resources>
  <style name="blueBackground">
    <item name="android:background">@color/background</item>
  </style>

  <style name="blackText">
    <item name="android:textColor">@color/black</item>
  </style>

  <style name="optionButton">
    <item name="android:background">@drawable/option_button</item>
  </style>

  <style name="hideButton">
    <item name="android:background">@drawable/hide_button</item>
  </style>

  <style name="translucide">
    <item name="android:background">@color/translucide</item>
  </style>
</resources>

<resources>
  <string name="app_name">Notepad</string>
  <string name="hide">Cacher</string>
  <string name="show">Afficher</string>
  <string name="bold">Gras</string>
  <string name="italic">Italique</string>
  <string name="underline">Souligné</string>
  <string name="blue">Bleu</string>
  <string name="red">Rouge</string>
  <string name="black">Noir</string>
  <string name="smileys">Smileys :</string>
  <string name="divider">Séparateur</string>
  <string name="edit">Édition :</string>
  <string name="preview">Prévisualisation : </string>
  <string name="smile">Smiley content</string>
  <string name="clin">Smiley qui fait un clin d\oeil</string>
  <string name="heureux">Smiley avec un gros sourire</string>
</resources>

/**
 * Utilisée pour ouvrir ou fermer le menu.
 * @return true si le menu est désormais ouvert.
*/
public boolean toggle() {
  //Animation de transition.
  TranslateAnimation animation = null;

  // On passe de ouvert à fermé (ou vice versa)
  isOpen = !isOpen;

  // Si le menu est déjà ouvert
  if (isOpen) 
  {
    // Animation de translation du bas vers le haut
    animation = new TranslateAnimation(0.0f, 0.0f, -toHide.getHeight(), 0.0f);
    animation.setAnimationListener(openListener);
  } else
  {
    // Sinon, animation de translation du haut vers le bas
    animation = new TranslateAnimation(0.0f, 0.0f, 0.0f, -toHide.getHeight());
    animation.setAnimationListener(closeListener);
  }

  // On détermine la durée de l'animation
  animation.setDuration(SPEED);
  // On ajoute un effet d'accélération
  animation.setInterpolator(new AccelerateInterpolator());
  // Enfin, on lance l'animation
  startAnimation(animation);

  return isOpen;
}

<sdz.chapitreDeux.notepad.Slider xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/slider"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical"
  android:padding="5dip"
  style="@style/blueBackground" >
  <!-- Restant du code -->
</sdz.chapitreDeux.notepad.Slider>

<RelativeLayout
  android:id="@+id/toHide"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:layoutAnimation="@anim/main_appear"
  android:paddingLeft="10dip"
  android:paddingRight="10dip" >

  <Button
    android:id="@+id/bold"
    style="@style/optionButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="@string/bold"
  />

  <TextView
    android:id="@+id/smiley"
    style="@style/blackText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/bold"
    android:paddingTop="5dip"
    android:text="@string/smileys" 
  />

  <ImageButton
    android:id="@+id/smile"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/bold"
    android:layout_toRightOf="@id/smiley"
    android:contentDescription="@string/smile"
    android:padding="5dip"
    android:src="@drawable/smile"
    style="@style/translucide"  
  />

  <ImageButton
    android:id="@+id/heureux"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/smile"
    android:layout_centerHorizontal="true"
    android:contentDescription="@string/heureux"
    android:padding="5dip"
    android:src="@drawable/heureux"
    style="@style/translucide" 
  />

  <ImageButton
    android:id="@+id/clin"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/smile"
    android:layout_alignLeft="@+id/underline"
    android:layout_alignRight="@+id/underline"
    android:contentDescription="@string/clin"
    android:padding="5dip"
    android:src="@drawable/clin"
    style="@style/translucide" 
  />

  <Button
    android:id="@+id/italic"
    style="@style/optionButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:text="@string/italic" 
  />

  <Button
    android:id="@+id/underline"
    style="@style/optionButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true"
    android:text="@string/underline" 
  />

  <RadioGroup
    android:id="@+id/colors"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_below="@id/heureux"
    android:orientation="horizontal" >

    <RadioButton
      android:id="@+id/black"
      style="@style/blackText"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"  
      android:checked="true"
      android:text="@string/black" 
    />
    <RadioButton
      android:id="@+id/blue"
      style="@style/blackText"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"      
      android:text="@string/blue" 
    />
    <RadioButton
      android:id="@+id/red"
      style="@style/blackText"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"     
      android:text="@string/red" 
    />
  </RadioGroup>
</RelativeLayout>

<Button
  android:id="@+id/hideShow"
  style="@style/hideButton"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:paddingBottom="5dip"
  android:layout_gravity="center_horizontal"
  android:text="@string/hide" />

<ImageView
  android:src="@android:drawable/divider_horizontal_textfield"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:scaleType="fitXY"
  android:paddingLeft="5dp"
  android:paddingRight="5dp"
  android:paddingBottom="2dp"
  android:paddingTop="2dp"
  android:contentDescription="@string/divider" />

<TableLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:shrinkColumns="1" >

  <TableRow
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TextView
      android:text="@string/edit"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      style="@style/blackText" />

    <EditText
       android:id="@+id/edit"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:gravity="top"
       android:inputType="textMultiLine"
       android:lines="5"
       android:textSize="8sp" />

  </TableRow>

  <TableRow
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TextView
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:text="@string/preview"
      style="@style/blackText" />

    <TextView
      android:id="@+id/text"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:textSize="8sp"
      android:text=""
      android:scrollbars="vertical"
      android:maxLines = "100"
      android:paddingLeft="5dip"
      android:paddingTop="5dip"
      style="@style/blackText" />

  </TableRow>

  <TableRow
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <TextView
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:text="" />

    <TextView
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:text="                    " />

  </TableRow>

</TableLayout>

/**
 * Récupère une image depuis les ressources
 * pour les ajouter dans l'interpréteur HTML
*/
public class SmileyGetter implements ImageGetter {
  /* Context de notre activité */
  protected Context context = null;

  public SmileyGetter(Context c) {
    context = c;
  }

  public void setContext(Context context) {
    this.context = context;
  }

  @Override
  /**
   * Donne un smiley en fonction du paramètre d'entrée
   * @param smiley Le nom du smiley à afficher
   */
  public Drawable getDrawable(String smiley) {
    Drawable retour = null;

    // On récupère le gestionnaire de ressources
    Resources resources = context.getResources();

    // Si on désire le clin d'œil…
    if(smiley.compareTo("clin") == 0)
      // … alors on récupère le drawable correspondant
      retour = resources.getDrawable(R.drawable.clin);
    else if(smiley.compareTo("smile") == 0)
      retour = resources.getDrawable(R.drawable.smile);
    else
      retour = resources.getDrawable(R.drawable.heureux);
    // On délimite l'image (elle va de son coin en haut à gauche à son coin en bas à droite)
    retour.setBounds(0, 0, retour.getIntrinsicWidth(), retour.getIntrinsicHeight());
    return retour;
  }
}

public class NotepadActivity extends Activity {
  /* Récupération des éléments du GUI */
  private Button hideShow = null;
  private Slider slider = null;
  private RelativeLayout toHide = null;
  private EditText editer = null;
  private TextView text = null;
  private RadioGroup colorChooser = null;

  private Button bold = null;
  private Button italic = null;
  private Button underline = null;

  private ImageButton smile = null;
  private ImageButton heureux = null;
  private ImageButton clin = null;

  /* Utilisé pour planter les smileys dans le texte */
  private SmileyGetter getter = null;

  /* Couleur actuelle du texte */
  private String currentColor = "#000000";

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    getter = new SmileyGetter(this);

    // On récupère le bouton pour cacher/afficher le menu
    hideShow = (Button) findViewById(R.id.hideShow);
    // Puis on récupère la vue racine de l'application et on change sa couleur
    hideShow.getRootView().setBackgroundColor(R.color.background);
    // On rajoute un Listener sur le clic du bouton…
    hideShow.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View vue) {
        // … pour afficher ou cacher le menu
        if(slider.toggle())
        {
          // Si le Slider est ouvert…
          // … on change le texte en "Cacher"
          hideShow.setText(R.string.hide);
        }else
        {
          // Sinon on met "Afficher"
          hideShow.setText(R.string.show);
        }
      }
    });

    // On récupère le menu
    toHide = (RelativeLayout) findViewById(R.id.toHide);
    // On récupère le layout principal
    slider = (Slider) findViewById(R.id.slider);
    // On donne le menu au layout principal
    slider.setToHide(toHide);

    // On récupère le TextView qui affiche le texte final
    text = (TextView) findViewById(R.id.text);
    // On permet au TextView de défiler
    text.setMovementMethod(new ScrollingMovementMethod());

    // On récupère l'éditeur de texte
    editer = (EditText) findViewById(R.id.edit);
    // On ajoute un Listener sur l'appui de touches
    editer.setOnKeyListener(new View.OnKeyListener() {
      @Override
      public boolean onKey(View v, int keyCode, KeyEvent event) {
        // On récupère la position du début de la sélection dans le texte
        int cursorIndex = editer.getSelectionStart();
        // Ne réagir qu'à l'appui sur une touche (et pas au relâchement)
        if(event.getAction() == 0)
          // S'il s'agit d'un appui sur la touche « entrée »
          if(keyCode == 66)
            // On insère une balise de retour à la ligne
            editer.getText().insert(cursorIndex, "<br />");
        return true;
      }
    });
    // On ajoute un autre Listener sur le changement, dans le texte cette fois
    editer.addTextChangedListener(new TextWatcher() {
      @Override
      public void onTextChanged(CharSequence s, int start, int before, int count) {
        // Le Textview interprète le texte dans l'éditeur en une certaine couleur
        text.setText(Html.fromHtml("<font color=\"" + currentColor + "\">" + editer.getText().toString() + "</font>", getter, null));
      }

      @Override
      public void beforeTextChanged(CharSequence s, int start, int count, int after) {

      }

      @Override
      public void afterTextChanged(Editable s) {

      }
    });


    // On récupère le RadioGroup qui gère la couleur du texte
    colorChooser = (RadioGroup) findViewById(R.id.colors);
    // On rajoute un Listener sur le changement de RadioButton sélectionné
    colorChooser.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
      @Override
      public void onCheckedChanged(RadioGroup group, int checkedId) {
        // En fonction de l'identifiant du RadioButton sélectionné…
        switch(checkedId)
        {
          // On change la couleur actuelle pour noir
          case R.id.black:
            currentColor = "#000000";
            break;
          // On change la couleur actuelle pour bleu
          case R.id.blue:
            currentColor = "#0022FF";
            break;
          // On change la couleur actuelle pour rouge
          case R.id.red:
            currentColor = "#FF0000";
        }
        /*
         * On met dans l'éditeur son texte actuel
         * pour activer le Listener de changement de texte
        */
        editer.setText(editer.getText().toString());
      }
    });

    smile = (ImageButton) findViewById(R.id.smile);
    smile.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        // On récupère la position du début de la sélection dans le texte
        int selectionStart = editer.getSelectionStart();
        // Et on insère à cette position une balise pour afficher l'image du smiley
        editer.getText().insert(selectionStart, "<img src=\"smile\" >");
      }
    });

    heureux =(ImageButton) findViewById(R.id.heureux);
    heureux.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        // On récupère la position du début de la sélection
        int selectionStart = editer.getSelectionStart();
        editer.getText().insert(selectionStart, "<img src=\"heureux\" >");
      }
    });

    clin = (ImageButton) findViewById(R.id.clin);
    clin.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //On récupère la position du début de la sélection
        int selectionStart = editer.getSelectionStart();
        editer.getText().insert(selectionStart, "<img src=\"clin\" >");
      }
    });

    bold = (Button) findViewById(R.id.bold);
    bold.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View vue) {
        // On récupère la position du début de la sélection
        int selectionStart = editer.getSelectionStart();
        // On récupère la position de la fin de la sélection
        int selectionEnd = editer.getSelectionEnd();

        Editable editable = editer.getText();

        // Si les deux positions sont identiques (pas de sélection de plusieurs caractères)
        if(selectionStart == selectionEnd)
          //On insère les balises ouvrante et fermante avec rien dedans
          editable.insert(selectionStart, "<b></b>");
        else
        {
          // On met la balise avant la sélection
          editable.insert(selectionStart, "<b>");
          // On rajoute la balise après la sélection (et après les 3 caractères de la balise <b>)
          editable.insert(selectionEnd + 3, "</b>");
        }
      }
    });

    italic = (Button) findViewById(R.id.italic);
    italic.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View vue) {
        // On récupère la position du début de la sélection
        int selectionStart = editer.getSelectionStart();
        // On récupère la position de la fin de la sélection
        int selectionEnd = editer.getSelectionEnd();

        Editable editable = editer.getText();

        // Si les deux positions sont identiques (pas de sélection de plusieurs caractères)
        if(selectionStart == selectionEnd)
          //On insère les balises ouvrante et fermante avec rien dedans
          editable.insert(selectionStart, "<i></i>");
        else
        {
          // On met la balise avant la sélection
          editable.insert(selectionStart, "<i>");
          // On rajoute la balise après la sélection (et après les 3 caractères de la balise <b>)
          editable.insert(selectionEnd + 3, "</i>");
        }
      }
    });

     underline = (Button) findViewById(R.id.underline);
     underline.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View vue) {
        // On récupère la position du début de la sélection
        int selectionStart = editer.getSelectionStart();
        // On récupère la position de la fin de la sélection
        int selectionEnd = editer.getSelectionEnd();

        Editable editable = editer.getText();

        // Si les deux positions sont identiques (pas de sélection de plusieurs caractères)
        if(selectionStart == selectionEnd)
          // On insère les balises ouvrante et fermante avec rien dedans
          editable.insert(selectionStart, "<u></u>");
        else
        {
          // On met la balise avant la sélection
          editable.insert(selectionStart, "<u>");
          // On rajoute la balise après la sélection (et après les 3 caractères de la balise <b>)
          editable.insert(selectionEnd + 3, "</u>");
        }
      }
    });
  }
}

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:state_pressed="true"
    android:drawable="@drawable/pressed" />
  <item android:drawable="@drawable/number" />
</selector>