Vous êtes sur la page 1sur 6

Barka Zouhir et

Création d’une vue d’authentification sous Android

Pour afficher la vue

Après la création d’un nouvelle application sous android


On doit créer une layout MainActivity là où on ajoute les contrôles
nécessaires dans la construction de la vue

Ces controles sont les deux EditText et le button. Soit on utilise le mode
design ou mode code ou split pour le fichier xml de la layout MainActivity
existant dans le répertoire layout

1- Pour le button le code source xml est comme suite


<Button
android:id="@+id/button"
android:layout_width="331dp"
android:layout_height="76dp"
android:background="@android:color/holo_green_light"
android:text="Login"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.45"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.819" />

2- Pour le nom d’utilisateur est le suivant


<com.google.android.material.textfield.TextInputEditText
android:id="@+id/textInputEditText"
android:layout_width="337dp"
android:layout_height="46dp"
android:hint="USERNAME"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.482"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.515" />

3- Pour le mot de passe on a utilisé une bibliothèque (com.scottyab.)


qui permettre l’affichage d’un œil qui Switch l’affichage ou le non
affichage du mot de passe.
4- L’image : on doit ajouter le contrôle ImageView dans cette layout
dans le but d’afficher le sigle de l’université de khenchela mais il
faut d’abord importer ce sigle sous la forme image (png ou jpg ou
bitmap) et le mettre dans le répertoire dit « drawable » et le
référencer dans le code de notre contrôle .
<ImageView
android:id="@+id/imageView"
android:layout_width="221dp"
android:layout_height="227dp"
android:src="@drawable/jami3a" // le nom du sigle est jami3a
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.069"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.653"
tools:srcCompat="@tools:sample/avatars" />

Etape2 : land view en cliquant sur le symbole pour ajouter la nouvelle


Layout celle de mode land

Clique ici

En cochant landscape , avec le bouton create other on crée une nouvelle


layout et on doit repositionner les contrôles dans leurs nouvelles positions
convenables au mode land .

Etape 2 :
Pour l’affichage du mot de passe et du nom utilisateur dans une nouvelle
layout on doit créer cette derniere en mettant une editText qui va portera
les valeurs du mot de passe et du nom utilisateur activity_main2
Pour passer de 1ier layout à cette dernière en passant les valeurs du mot de
passe et de nom d’utilisateur on doit ajouter au code source java de la 1ier
layout la fonction.
public void OpenMainActivity2()
{
// Intent intent = new Intent(this, MainActivity2.class);
Intent i = new Intent(this, MainActivity2.class);
EditText textbox = (EditText) findViewById(R.id.textInputEditText);
ShowHidePasswordEditText L=(ShowHidePasswordEditText)
findViewById(R.id.password);
String getrec=textbox.getText().toString();
String getpass=L.getText().toString();
Bundle bundle = new Bundle();
Bundle bundle1 = new Bundle();
//Add your data to bundle
bundle1.putString("pass",getpass);// passer le mot de pass
bundle.putString("stuff",getrec);// passer le username
i.putExtras(bundle);
i.putExtras(bundle1);
startActivity(i);
}
qui ouvre la 2ieme layout et faire passer les deux valeurs dans les variables
getrec et getpass
le bouton qui ouvre la 2ieme layout son code source est dans la
fonction on create
button=(Button) findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
OpenMainActivity2();
}
});

pour le debuggage on à utilser un moblie avec un android 9.0


et on a le configuré avec androidstudio .

Vous aimerez peut-être aussi