Androideur.com

Actualité, smartphones, tutoriels et applications Android

août, 2010

Mise en forme basique du texte du Hello World !

Publié par kann août - 19 - 2010 - Jeudi ADD COMMENTS

Nous allons voir dans ce tutoriel comment manipuler facilement la mise en forme du texte que nous avons affiché dans le tutoriel « Hello World », notre première application Android. Nous avons déjà créé un premier XML Layout que nous allons enrichir avec quelques propriétés afin de :

  • Centrer le texte
  • Changer la couleur de l’arrière plan
  • Changer la couleur du texte

Comme nous avons vu, le système de construction des Interfaces Utilisateur des applications Android se base sur des fichiers XML. Ouvrons notre fichier XML layout : res/layout/main.xml qui doit ressembler à ce-ci :

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

Centrer le texte

Afin de center le texte « Bonjour Android ! », nous allons ajouter un premier attribut : gravity et demander à notre application de center horizontalement le texte. gravity prendra donc comme valeur : center_horizontal

Voyons ce que ça donne :

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

Et sur l’émulateur, ça va bien donner ça :

Android XML Layout center horizontalement

On voudra Aussi center verticalement notre texte. Très intuitif, oui ; gravity prendra aussi  la valeur center_vertical.

Faisons quand même attention ici à la syntaxe :

<?xml version="1.0" encoding="utf-8"?>
	<TextView xmlns:android="http://schemas.android.com/apk/res/android"
	  android:id="@+id/textview"
	  android:layout_width="fill_parent"
	  android:layout_height="fill_parent"
	  android:gravity="center_vertical|center_horizontal"
	  android:text="@string/hello"/>

Un petit run pour vérifier :

center horizontalement et verticalement

Changer la couleur de l’arrière plan

C’est très intuitif, oui. Ajoutons un attribut background avec comme valeur un code couleur plutôt clair : #E9EEF2 par exemple (pour rester dans le thème Androideur.com)

<?xml version="1.0" encoding="utf-8"?>
	<TextView xmlns:android="http://schemas.android.com/apk/res/android"
	  android:id="@+id/textview"
	  android:layout_width="fill_parent"
	  android:layout_height="fill_parent"
	  android:gravity="center_vertical|center_horizontal"
	  android:background="#E9EEF2"
	  android:text="@string/hello"/>

Pas de surprise :

center horizontalement verticalement background

Changer la couleur du texte

Nous aurons besoin de l’attribut textColor cette fois, avec comme valeur : #535A5F.

Profitons aussi pour mettre le texte en gras en ajoutant l’attribut textStyle= »bold »

<?xml version="1.0" encoding="utf-8"?>
	<TextView xmlns:android="http://schemas.android.com/apk/res/android"
	  android:id="@+id/textview"
	  android:layout_width="fill_parent"
	  android:layout_height="fill_parent"
	  android:gravity="center_vertical|center_horizontal"
	  android:textColor="#535A5F"
	  android:textStyle="bold"
	  android:background="#E9EEF2"
	  android:text="@string/hello"/>

Un dernier run :

mise en forme texte android

Voilà tout ! Nous avons vu quelques manipulations basiques pour mettre en forme un texte dans une application Android. Nous sommes désormais prêt à voir les différents layout de plus près.

A la prochaine.

Qualcomm vient de confirmer aujourd’hui le lancement de son nouveau processeur Snapdragon dual-core QSD8672 à 1,5 GHz pour le 4ème trimestre 2010, plus exactement à Noël, selon Mark Frankel, vice president of product management chez Qualcomm CDMA Technologies.

Le nouveau processeur équipera, comme ses prédécesseurs, les smartphones, les tablettes et les netbooks à bas prix.

Basé sur une architecture 45 nm, ses performances lui permettront de traiter un flux vidéo Full HD avec une prise en charge d’une sortie HDMI et une mémoire de type DDR2 et DDR3.

Il faudra attendre, par contre, début 2011 pour s’offrir un bijou équipé d’une telle performance.

Rappelons qu’un smartphone / une tablette tournant sur Android 3.0 (Gingerbread), dont la sortie est prévue pour mi-octobre, doit être équipé(e) d’un processeur de fréquence supérieure à 1GHz et d’une RAM pas mois de 512MB.

Il est clair que ce processeur aura tous les atouts pour faire tourner nos smartphones Android l’année prochaine.

Source : computerworld.com

Utiliser PayPal pour acheter des applications Android

Publié par kann août - 17 - 2010 - Mardi 1 COMMENT
PayPal Android App

Les négociations sont toujours en cours entre Google et eBay.

L’objectif : proposer PayPal comme option de payement sur Android Market outre que la solution Google Checkout.

Selon bloomberg, « En ajoutant PayPal, Google donnerait aux développeurs un autre moyen de se faire payer, ce qui les incitera à créer plus d’applications Android« .

Actuellement, les payements se font via la plateforme de paiement Google Checkout dont le nombre d’utilisateurs est nettement inférieur à celui de PayPal.

Avec la croissance des ventes des smartphones Android, on commence à se rendre compte chez google que toute barrière compliquant la procédure d’achat des applications android décourage en fin de compte les développeurs. Ce qui veut dire moins d’applications.

PayPal compte actuellement 87 millions d’utilisateurs enregistrés, avec 1million de nouveaux comptes créés chaque mois durant Q2 2010 et 37% des ventes eBay.

Les négociations continuent et rien ne dit qu’un accord verra le jour bientôt. Aucun commentaire officiel n’a été publié, ni de la part de Google, ni de celui de PayPal.

Oui, oui, le smartphone Nexus One n’a pas été totalement abandonné comme nous avons pu croire. Il est seulement « impossible de le commander directement de chez Google« , mais plutôt depuis votre compte Android Developer au prix de $529. On vient de l’annoncer sur le blog officiel Android Developers.

Tout ce que vous avez à faire est de vous connecter sur votre compte développeur et cliquer sur le lien « Development Phones« . Le Nexus One est officiellement le mobile des développeurs Android

Il est encore livré avec la version Android 2.1 (eclair), mais il sera rapidement mis à jour avec la version Android 2.2 (froyo) dès qu’il sera allumé.

Commander Nexus One

Android Developers Blog: Nexus One Developer Phone

Tutoriel Android : un XML layout pour le Hello World

Publié par kann août - 1 - 2010 - Dimanche 3 COMMENTS

Après avoir développé notre première application Hello World sur Android, nous allons, aujourd’hui, apporter quelques améliorations à l’interface utilisateur en appliquant un XML layout.

Nous nous sommes contenté lors du précédent tutoriel d’afficher un bout de texte « Hello, Android » sans nous soucier de toute contrainte, ou tout autre éventuel problème que peut engendrer cette technique de « hard codage ». Supposons que nous aurons à traduire l’application en plusieurs autres langues, ou à modifier l’ergonomie. Ceux qui ont une petite expérience de développement des interfaces utilisateurs sauront tout de suite que ça va se compliquer petit à petit jusqu’à devenir un vrai cauchemar, et un code difficile à maintenir.

C’est pourquoi Android propose un autre système de construction des Interfaces Utilisateur se basant sur des fichiers XML. Voilà par exemple le XML qui gère exactement de même manière  l’interface utilisateur de notre premier Hello World :

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

La structure générale des XML layout d’Android est simple : Une arborescence d’éléments XML là où chaque nœud porte le nom d’une classe de type View. Naturellement, on peut utiliser le nom de toute sous-classe View et même celle que nous pourrions créer nous-mêmes. Cette structure nous permet de créer rapidement nos UI et de les maintenir facilement dans le futur.
Examinons de près le code précédent :

Attribut Explication
xmlns:android C’est la déclaration XML namespace qui demande aux outils Android de se référer aux attributs définis par Android namespace. Cet attribut doit obligatoirement être présent au début de tout fichier de layout Android
android:id Cet attribut assigne un identifiant unique à l’élément TextView
android:layout_width Cet attribut définit la largeur de la zone d’affichage en se référent à l’espace écran disponible. Dans notre cas, nous allons utiliser toute la largeur de l’écran
android:layout_height Tout comme le android:layout_width, sauf que ça concerne la hauteur
android:text Ca permet de définir le texte à afficher par TextView. Dans cet exemple, nous utilisons une chaîne de caractère de type « ressource » au lieu d’une chaîne « Hard-coded ». La valeur de la chaîne de caractère « hello« , est définie dans le fichier res/values/strings.xml. Il est recommandé d’utiliser cette technique en vue de faciliter la traduction des applications Android

Les fichiers XML layout sont situés sous le dossier res/layout de notre projet. « res » comme « ressources ; ce dossier contiendra toutes les ressources qui ne font pas partie du code de l’application comme les images, les fichiers audio et les textes de traduction.

Le plugin Android crée automatiquement un fichier XML layout : main.xml. Dans notre tutoriel « Hello World » nous avons ignoré ce fichier et nous avons « hard-codé » le texte à afficher, ce qui n’est pas propre.

Améliorons alors notre code :

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

Dans le Package Explorer d’Eclipse, naviguez jusqu’au dossier /res/layout/ et ouvrez le fichier main.xml. Vous aurez peut-être à cliquer sur le tab « main.xml » (en bas de la fenêtre) afin d’afficher la source. Remplacez le code par le suivant :
Et sauvegardez votre fichier
Ouvrer le fichier res/values/strings.xml. C’est le fichier dans lequel vous devez déclarer tous les textes de l’interface utilisateur de votre application. Le plugin Eclipse a du déjà déclaré deux textes : hello et app_name. Il est temps de changer le texte à afficher. Mettons « Bonjour Android ! » Par exemple.

Notre fichier ressemblera à ça :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Bonjour Android !</string>
    <string name="app_name">Hello, Android</string>
</resources>

Finalement, modifions notre classe HelloAndroid et utilisons les ressources que nous venons de déclarer :

package com.androideur.helloandroid;
 
import android.app.Activity;
import android.os.Bundle;
 
public class HelloAndroid extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

Et voilà !!!

Exécutons nnotre application et admirons le résultat ;)

Join the forum discussion on this post