Tag Archives

3 Articles
Débuter sur Backbone.JS

Débuter sur Backbone.JS

Aujourd’hui aucun tutoriels mais la présentation d’une technologie Web que je commence à apprendre à utiliser et qui s’avère rudement bien pensée.

Comme le nom de l’article le suggère, Backbone est une library Javascript. Mais cette library a la particularité d’utiliser le patern MV* (je ne dis pas le C car il n’y a pas réellement de controllers). De là vous pouvez rattacher des événements à vos models pour effectuer des actions javascript. Si en plus vous rajoutez une couche médiateur/façade, vous aurez une base en béton.

Malheureusement je n’ai pas assez d’expérience dessus pour vous faire une introduction ou vous en dire plus donc voici les différents liens utiles pour découvrir cette library et peut-être voudriez vous l’adopter :

Et voici une liste non exhaustive des sites utilisant cette technologie :
  • DocumentCloud
  • Flow
  • Foursquare
  • Groupon
  • Basecamp
  • Stripe
  • Trello
  • Diaspora (oui il est bien vivant ce facebook killer)
Voilà, si vous avez d’autres liens utiles sous le coude n’hésitez surtout pas à les partager. Je suis très intéressé par tout ce qui touche à cette library.
Formater une TextView avec du code HTML

Formater une TextView avec du code HTML

by Throrïn 2 Comments

Dans Android, quand on veut mettre en forme une TextView, on peut aller jusqu’à se pendre.

De base, dans une TextView, nous pouvons éditer que le style global du texte. Donc exit les couleurs ici, un lien par-là, du texte italique au milieu et j’en passe. Pour faire tout ceci, quelques choix s’offrent à nous dont la mise en forme en Html.

Par contre, il faut penser à cette mise en forme avant de setter le texte de notre TextView. Pour ceci, nous allons créer un nouveau projet Android basique. Ensuite, allez dans votre main.xml et modifiez le comme ceci :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <TextView  
        android:id="@+id/textView"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="@string/hello"
        />
</LinearLayout>

Nous avons juste rajouté une ID à notre TextView afin de la récupérer dans notre Activity. Ensuite, placez-vous dans votre Activity et récupérez votre TextView avec la commande suivante (à faire après le setContentView()) :

TextView text = findViewById(R.id.textView);

Bien, à partir d’ici, nous pouvons entièrement surcharger notre TextView. Nous pouvons lui remplacer le texte de base, changer sa couleur, sa taille, … Nous allons juste changer son texte par du code Html :

String html = "<p>Test de code HTML avec un <a href='http://www.throrinstudio.com'>lien</a>. <b>Et un texte en gras</b></p>";
text.setText(html);

Si nous lançons notre projet, nous obtenons ceci :

[]1

il y a comme un petit problème.

Ce n’est pas ce que nous attendions n’est-ce pas ? C’est normal, par défaut, la TextView retranscrit tel quel le texte qu’on lui attribue. Un peu à la manière des balises en HTML. Pour avoir notre texte mis en forme, nous devons passer par une étape intermédiaire.

Cette étape sert juste à indiquer que ce que l’on passe à notre TextView est bien du Html et qu’il devra être affiché avec la bonne mise en forme. Donc nous allons juste modifier la ligne d’attribution du texte comme ceci :

text.setText(Html.fromHtml(html));

Ici, nous faisons juste un Html.fromHtml. Cette fonction native à Android permet justement de formater le texte à partir de l’html. Ce qui nous donne ceci :

[]2

Résultat final

Nous avons enfin le résultat escompté sauf que, si vous essayez de cliquer sur le lien, il ne se passe rien. Android n’a fait que la mise en forme, pas l’action associée au lien. Pour ce faire, nous devons dire à notre TextView que nous souhaitons interagir avec notre lien grâce à la ligne suivante :

text.setMovementMethod(LinkMovementMethod.getInstance());

Et maintenant relancez votre application, cliquez sur le lien et ho, magie, ça marche !!

La mise en forme Html n’utilise que le style HTML basique. N’espérez pas faire ce que vous voulez comme en web avec du CSS. De plus, les images ne s’afficheront pas dans votre TextView.
Dart : Le langage web made in Google

Dart : Le langage web made in Google

Google a annoncé officiellement en fin de semaine dernière le développement de son propre langage : DART

DART, c’est quoi? Et bien il semblerait que ce soit un nouveau langage structuré pour le web venant remplacer html et consort. Pour le moment, aucune autre information n’est disponible car Google devrait le présenter lors de la conférence GOTO Aarhus prévue le 10 octobre prochain.

Certaines spéculations vont bon train sur la toile disant que ce ne serait qu’une extension du moteur JS V8 équipant le navigateur Chrome et d’autres encore pensent que ce sera un langage interprété tel qule python et le javascript.

Donc rendez-vous le 10 octobre pour avoir la réponse.

[Sources : Korben | Developpez.com]