From 61da09ade5afc3ab340d514d581fa48a1208dcf1 Mon Sep 17 00:00:00 2001
From: Scott Murray <scott.murray@konsulko.com>
Date: Thu, 29 Dec 2022 01:39:03 -0500
Subject: Layout simplifications and tweaks

Changes:
- Remove OrientationBuilder usage and landscape widget layout, as
  it complicates further rework due to not being as easily tested,
  and will be an ongoing maintenance hassle until landscape mode is
  actually required.
- Simplify layout by removing the arrows for tire pressure, and
  replacing the heavy Positioned usage with Row/Columns with some
  alignment directives.
- Swap the fuel and speed gauges to have the speed on the left, as
  that matches the typical cluster postion.
- Correct the aspect ratio of hero car image and increase its size
  to better fill available area.
- Tweaked label alignment and positioning on the temperature widgets
  to better make use of the available space.
- Corrected labels to 'km/h' in a couple of places.

Bug-AGL: SPEC-4660

Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Change-Id: I45a15e2c4c9aa835745c754952979cda8baa90fa
---
 lib/widgets/fuel_and_speed.dart | 37 +++++++++++++++++--------------------
 1 file changed, 17 insertions(+), 20 deletions(-)

(limited to 'lib/widgets/fuel_and_speed.dart')

diff --git a/lib/widgets/fuel_and_speed.dart b/lib/widgets/fuel_and_speed.dart
index 2ee902e..d5dd902 100644
--- a/lib/widgets/fuel_and_speed.dart
+++ b/lib/widgets/fuel_and_speed.dart
@@ -6,8 +6,6 @@ import 'package:flutter/material.dart';
 import 'package:percent_indicator/circular_percent_indicator.dart';
 import 'package:percent_indicator/linear_percent_indicator.dart';
 
-
-
 class SpeedAndFuel extends StatelessWidget {
   double fuel;
   double speed;
@@ -24,42 +22,41 @@ class SpeedAndFuel extends StatelessWidget {
         children: [
           CircularPercentIndicator(
             radius: SizeConfig.fontsize * 1.6,
-            percent: fuel / 100,
+            percent: speed / 300,
             lineWidth: SizeConfig.fontsize / 2,
-
-            backgroundColor: Colors.lightBlue.shade100,
-            progressColor: fuel < 25
-                ? Colors.redAccent
-                : fuel < 50
-                    ? Colors.orange
-                    : Colors.green,
+            backgroundColor: Color.fromARGB(255, 176, 213, 195),
+            progressColor: Colors.lightBlueAccent,
             animation: true,
             circularStrokeCap: CircularStrokeCap.round,
             animateFromLastPercent: true,
             center: Text(
-              fuel.toString() + ' %',
+              speed.toInt().toString(),
               style: SizeConfig.smallnormalfont,
             ),
             footer: Text(
-              'fuel',
+              'km/h',
               style: SizeConfig.smallnormalfont2,
             ),
           ),
           CircularPercentIndicator(
             radius: SizeConfig.fontsize * 1.6,
-            percent: speed / 300,
+            percent: fuel / 100,
             lineWidth: SizeConfig.fontsize / 2,
-            backgroundColor: Color.fromARGB(255, 176, 213, 195),
-            progressColor: Colors.lightBlueAccent,
+            backgroundColor: Colors.lightBlue.shade100,
+            progressColor: fuel < 25
+                ? Colors.redAccent
+                : fuel < 50
+                    ? Colors.orange
+                    : Colors.green,
             animation: true,
             circularStrokeCap: CircularStrokeCap.round,
             animateFromLastPercent: true,
             center: Text(
-              speed.toString(),
+              fuel.toInt().toString() + ' %',
               style: SizeConfig.smallnormalfont,
             ),
             footer: Text(
-              'Speed in KM/H',
+              'Fuel',
               style: SizeConfig.smallnormalfont2,
             ),
           ),
@@ -83,7 +80,7 @@ class Rpm extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.end,
         children: [
           Text(
-            "Engine Status",
+            "Engine",
             style: SizeConfig.smallnormalfont2,
           ),
           LinearPercentIndicator(
@@ -93,14 +90,14 @@ class Rpm extends StatelessWidget {
             animateFromLastPercent: true,
             animation: true,
             animationDuration: 500,
-            percent: rpm / 8000,
+            percent: rpm > 9000 ? 9000 : rpm / 9000,
             barRadius: Radius.circular(15),
             leading: Text(
               'RPM',
               style: SizeConfig.smallnormalfont,
             ),
             trailing: Text(
-              rpm.toString(),
+              rpm.toInt().toString(),
               style: SizeConfig.smallnormalfont2,
             ),
           ),
-- 
cgit