Skip to content

Commit 06cff81

Browse files
committed
Rework of the tabs
1 parent 93d3611 commit 06cff81

4 files changed

Lines changed: 102 additions & 39 deletions

File tree

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<?xml version="1.0" encoding="utf-8"?>
22
<!--
3-
Fond transparent pour le logo en thème sombre.
4-
Les lettres "MG" blanches sont déjà visibles sur le fond sombre — pas de dégradé nécessaire.
3+
Plaque du logo en thème sombre : transparente.
4+
Les lettres "MG" blanches sont déjà visibles sur la barre sombre.
55
-->
6-
<shape xmlns:android="http://schemas.android.com/apk/res/android">
6+
<shape xmlns:android="http://schemas.android.com/apk/res/android"
7+
android:shape="rectangle">
78
<solid android:color="#00000000" />
89
</shape>
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<!--
3+
Plaque du logo en thème clair.
4+
Les lettres "MG" du logo sont blanches : sans fond sombre elles disparaissent sur la barre
5+
blanche. Plaque unie aux coins des onglets voisins — elle remplace l'ancien dégradé, qui ne
6+
tenait que parce que le logo occupait toute la largeur libre de la barre.
7+
-->
8+
<shape xmlns:android="http://schemas.android.com/apk/res/android"
9+
android:shape="rectangle">
10+
<corners android:radius="8dp" />
11+
<solid android:color="#FF1C1C1E" />
12+
</shape>

‎app/src/main/res/drawable/gradient_logo_bg.xml‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎app/src/main/res/layout/activity_main.xml‎

Lines changed: 86 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@
22
<!--
33
Layout principal de l'activité.
44
Remplace la BottomNavigationView par une top-bar fixe avec :
5-
• Logo "MG4Control"
6-
• Indicateur firmware read-only (chip SWI133 / chip SWI68)
5+
• Logo "MG4Control", sur sa plaque
76
• Onglets, dans l'ordre : PROFILS, AUTOMATISATION, RACCOURCIS, STATISTIQUES, RÉGLAGES
7+
Les cinq onglets se partagent à parts égales toute la largeur laissée par le logo : ce sont
8+
les cibles tactiles les plus sollicitées de l'application, autant qu'elles soient grandes.
89
La zone de contenu en dessous est gérée par le NavController.
910
-->
1011
<LinearLayout
@@ -21,31 +22,53 @@
2122
android:layout_height="52dp"
2223
android:orientation="horizontal"
2324
android:gravity="center_vertical"
24-
android:paddingStart="20dp"
25+
android:paddingStart="12dp"
2526
android:paddingEnd="12dp"
2627
android:background="@color/dash_card"
2728
android:elevation="4dp">
2829

29-
<!-- Logo image -->
30+
<!--
31+
Logo image. Les lettres "MG" sont blanches : en thème clair la plaque sombre les fait
32+
ressortir sur la barre blanche, en thème sombre elle est transparente. Même hauteur
33+
que les onglets ; la marge verticale garde l'image à ses 36dp.
34+
-->
3035
<ImageView
3136
android:id="@+id/topbar_logo"
32-
android:layout_width="0dp"
33-
android:layout_height="36dp"
34-
android:layout_weight="1"
37+
android:layout_width="wrap_content"
38+
android:layout_height="44dp"
39+
android:layout_marginEnd="8dp"
40+
android:paddingTop="4dp"
41+
android:paddingBottom="4dp"
3542
android:src="@drawable/logo_topbar"
36-
android:background="@drawable/gradient_logo_bg"
43+
android:background="@drawable/bg_logo_plate"
3744
android:scaleType="fitStart"
3845
android:adjustViewBounds="true"
3946
android:contentDescription="@string/app_name" />
4047

48+
<!--
49+
Onglets : même police qu'avant, à 16sp comme le reste de l'application. Les marges
50+
internes par défaut du bouton (6dp en haut et en bas) sont retirées pour que la plaque
51+
fasse réellement 44dp dans la barre de 52dp. Un libellé trop long pour sa part de
52+
largeur (langue, taille de texte) rétrécit au lieu d'être coupé.
53+
-->
4154

4255
<!-- Bouton PROFILS -->
4356
<com.google.android.material.button.MaterialButton
4457
android:id="@+id/btn_nav_profiles"
45-
android:layout_width="wrap_content"
46-
android:layout_height="36dp"
58+
android:layout_width="0dp"
59+
android:layout_height="44dp"
60+
android:layout_weight="1"
61+
android:insetTop="0dp"
62+
android:insetBottom="0dp"
63+
android:paddingStart="4dp"
64+
android:paddingEnd="4dp"
65+
android:maxLines="1"
4766
android:text="@string/nav_profiles"
48-
android:textSize="11sp"
67+
android:textSize="16sp"
68+
app:autoSizeTextType="uniform"
69+
app:autoSizeMinTextSize="11sp"
70+
app:autoSizeMaxTextSize="16sp"
71+
app:autoSizeStepGranularity="1sp"
4972
android:letterSpacing="0.06"
5073
android:textAllCaps="true"
5174
android:textColor="@color/text_secondary"
@@ -58,10 +81,20 @@
5881
<!-- Bouton AUTOMATISATION -->
5982
<com.google.android.material.button.MaterialButton
6083
android:id="@+id/btn_nav_automation"
61-
android:layout_width="wrap_content"
62-
android:layout_height="36dp"
84+
android:layout_width="0dp"
85+
android:layout_height="44dp"
86+
android:layout_weight="1"
87+
android:insetTop="0dp"
88+
android:insetBottom="0dp"
89+
android:paddingStart="4dp"
90+
android:paddingEnd="4dp"
91+
android:maxLines="1"
6392
android:text="@string/nav_automation"
64-
android:textSize="11sp"
93+
android:textSize="16sp"
94+
app:autoSizeTextType="uniform"
95+
app:autoSizeMinTextSize="11sp"
96+
app:autoSizeMaxTextSize="16sp"
97+
app:autoSizeStepGranularity="1sp"
6598
android:letterSpacing="0.06"
6699
android:textAllCaps="true"
67100
android:textColor="@color/text_secondary"
@@ -74,10 +107,20 @@
74107
<!-- Bouton RACCOURCIS -->
75108
<com.google.android.material.button.MaterialButton
76109
android:id="@+id/btn_nav_shortcuts"
77-
android:layout_width="wrap_content"
78-
android:layout_height="36dp"
110+
android:layout_width="0dp"
111+
android:layout_height="44dp"
112+
android:layout_weight="1"
113+
android:insetTop="0dp"
114+
android:insetBottom="0dp"
115+
android:paddingStart="4dp"
116+
android:paddingEnd="4dp"
117+
android:maxLines="1"
79118
android:text="@string/nav_shortcuts"
80-
android:textSize="11sp"
119+
android:textSize="16sp"
120+
app:autoSizeTextType="uniform"
121+
app:autoSizeMinTextSize="11sp"
122+
app:autoSizeMaxTextSize="16sp"
123+
app:autoSizeStepGranularity="1sp"
81124
android:letterSpacing="0.06"
82125
android:textAllCaps="true"
83126
android:textColor="@color/text_secondary"
@@ -90,10 +133,20 @@
90133
<!-- Bouton STATISTIQUES -->
91134
<com.google.android.material.button.MaterialButton
92135
android:id="@+id/btn_nav_stats"
93-
android:layout_width="wrap_content"
94-
android:layout_height="36dp"
136+
android:layout_width="0dp"
137+
android:layout_height="44dp"
138+
android:layout_weight="1"
139+
android:insetTop="0dp"
140+
android:insetBottom="0dp"
141+
android:paddingStart="4dp"
142+
android:paddingEnd="4dp"
143+
android:maxLines="1"
95144
android:text="@string/nav_stats"
96-
android:textSize="11sp"
145+
android:textSize="16sp"
146+
app:autoSizeTextType="uniform"
147+
app:autoSizeMinTextSize="11sp"
148+
app:autoSizeMaxTextSize="16sp"
149+
app:autoSizeStepGranularity="1sp"
97150
android:letterSpacing="0.06"
98151
android:textAllCaps="true"
99152
android:textColor="@color/text_secondary"
@@ -106,10 +159,20 @@
106159
<!-- Bouton RÉGLAGES -->
107160
<com.google.android.material.button.MaterialButton
108161
android:id="@+id/btn_nav_settings"
109-
android:layout_width="wrap_content"
110-
android:layout_height="36dp"
162+
android:layout_width="0dp"
163+
android:layout_height="44dp"
164+
android:layout_weight="1"
165+
android:insetTop="0dp"
166+
android:insetBottom="0dp"
167+
android:paddingStart="4dp"
168+
android:paddingEnd="4dp"
169+
android:maxLines="1"
111170
android:text="@string/nav_settings"
112-
android:textSize="11sp"
171+
android:textSize="16sp"
172+
app:autoSizeTextType="uniform"
173+
app:autoSizeMinTextSize="11sp"
174+
app:autoSizeMaxTextSize="16sp"
175+
app:autoSizeStepGranularity="1sp"
113176
android:letterSpacing="0.06"
114177
android:textAllCaps="true"
115178
android:textColor="@color/text_secondary"

0 commit comments

Comments
 (0)