Partage de technologie

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

objectif de la mission

Utilisez TextView, Button, etc. pour implémenter une interface de calculatrice, comme le montre la figure 1.

Figure 1 Rendus de l'interface de la calculatrice

analyse des tâches

L'ensemble de l'interface utilise une disposition de tableau. La première ligne utilise un contrôle TextView s'étendant sur 4 colonnes, les 4 lignes du milieu et 4 colonnes, et le premier contrôle de la dernière ligne s'étend sur 2 colonnes.

Mise en œuvre des tâches

1) Créez un nouveau projet, sélectionnez « Activité de vues vides », spécifiez le nom du projet comme Calucator et le nom du package comme cn.edu.jssvc.calucator.
2) Utilisez l'interface de conception de mise en page linéaire, ouvrez Activity_mail.xml, passez en mode Code, modifiez la disposition de contrainte (ConstraintLayout) dans Code en disposition de table (TableLayout), supprimez les contrôles qu'il contient et définissez l'attribut android:stretchColumns du TableLayout = "0,1,2,3".
3) Faites glisser le TableRow dans la zone Palette vers l'arborescence des composants et définissez l'attribut TableRow android:layout_weight="1" de sorte que ces cinq lignes divisent également la totalité de l'écran, comme le montrent les figures 2 et 3.

Figure 2 Paramètres de TableRow

Figure 3 Paramètres de la propriété TableRow
4) Faites glisser le contrôle TextView dans la ligne 1 et définissez son attribut android:layout_span sur 4, c'est-à-dire sur 4 colonnes :

                                   

                    上一篇
                    下一篇