Comment créer un TextView Android 2019

Un TextView peut être défini comme un titre, du texte soit un paragraphe qui affiche un message se situant dans une  page d’une application mobile Android, cela peut peut être dans une page de connexion ou tout simplement un Hello World, un TextView est également utilisé comme un EditText pour permettre à l’utilisateur d’entrer ou de modifier une information dans un champs de saisie de texte.

Comment créer un TextView

  1. On va commencer par créer notre projet sur Android Studio, entrer le nom du projet que vous désirez, je vais utiliser ici TextView comme le nom de projet.

TextView

 

  1. Choisissez Add No Activity pour que Android Studio ne nous crée pas des class.

 

Une fois à l’interface de Android Studio, Clique droit sur le nom de notre Package cd.misapi.TextView

 

Création de la classe MainActivity.class

textview

 

Ouvrir le fichier AndroidManifest.xml ce fichier permet de spécifier différentes options pour vos projets, tel que l’accès aux permissions Internet, Base de donéee SQLite pour l’enregistrement des données en locale, il se situe à la racine et permet de faire fonctionner certains paramètres de sécurité ou encore des informations plus ou moins triviales telles que le thème pour chaque Activity séparé, le nom de l’application ainsi que son icone.

On vois très bien sur les lignes suivants notre Activity s’appelle « .MainActivity » et son action est de jouer le rôle de la page principale, la page de démarrage, cette Activity se lancera dès le démarrage de notre application grâce a l’option « LAUNCHER » se situant dans la balise category.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="cd.misapi.textview">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Pour pouvoir afficher notre page et lui donner un design , il va nous falloir créer un fichier XML nous permettant de customiser notre page principale. Dans le dossier RES, on fait un clic droit sur le sous-dossier « Layout » et créer un nouveau fichier XML que nous appellerons « activity_main.xml ». C’est avec ce fichier qu’on pourrait faire mieux le design de notre application.

Dans le fichier activity_main,xml on va devoir ajouter du code qui nous permettra de customiser notre application. Nous allons tout d’abord créer une balise <RelativeLayout> et y insérer des dimensions. Nous allons ensuite créer une seconde balise nommée <LinearLayout>,elle va nous permettre d’ajouter notre texte, copier et coller les lignes de code ci-dessous.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_gravity="center"
    tools:context=".MainActivity">


</LinearLayout>

Sur cette capture d’écran, nous avons mis la largeur de notre LinearLayout au maximum avec « match_parent », elle prend donc toute la largeur de l’écran. Au niveau de la hauteur, elle prendra juste le nécessaire avec « wrap_content » pour le reste de nos éléments a ajouter.

Nous avons mis une gravité égal à « center » pour que notre texte soit centré au milieu de l’écran.

Pour finir nous avons rajouté une orientation verticale pour que les différents exemple de texte soit les unes en dessous des autres.

Pour la suite, on va devoir ajouter notre TextView pour afficher du texte

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_gravity="center"
    tools:context=".MainActivity">

    <TextView
        android:gravity="center"
        android:text="Je suis un text"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

textview

On peut donc voir qu’on notre notre écran qui affiche  le TextView notre application fonctionne correctement.

En sachant qu’il y a plusieurs moyens de stylé un TextView, dans l’article qui suit, on verra comment stylé un TextView.

J’espère vous avoir aidé et je vous souhaite bon courage pour cette réalisation, pour toutes question, veuillez laisser un commentaire pour toute préoccupation.

 

Précedent

Tous les codes secrets Samsung pour les Galaxy 2019

Le rôle du fichier AndroidManifest.xml

Suivant

Laisser un commentaire