android: add ui for hearing stuff

mostly copied from the transparency settings, which are now updated to match ios <26 ui

Author: kavishdevar

android/app/src/main/java/me/kavishdevar/librepods/MainActivity.kt

@@ -112,6 +112,8 @@ import me.kavishdevar.librepods.screens.AirPodsSettingsScreen
 import me.kavishdevar.librepods.screens.AppSettingsScreen
 import me.kavishdevar.librepods.screens.DebugScreen
 import me.kavishdevar.librepods.screens.HeadTrackingScreen
+import me.kavishdevar.librepods.screens.HearingAidScreen
+import me.kavishdevar.librepods.screens.HearingAidAdjustmentsScreen
 import me.kavishdevar.librepods.screens.LongPress
 import me.kavishdevar.librepods.screens.Onboarding
 import me.kavishdevar.librepods.screens.RenameScreen
@@ -380,6 +382,12 @@ fun Main() {
                 composable("onboarding") {
                     Onboarding(navController, context)
                 }
+                composable("hearing_aid") {
+                    HearingAidScreen(navController)
+                }
+                composable("hearing_aid_adjustments") {
+                    HearingAidAdjustmentsScreen(navController)
+                }
             }
         }
 

android/app/src/main/java/me/kavishdevar/librepods/composables/AccessibilitySlider.kt

@@ -49,10 +49,11 @@ import kotlin.math.roundToInt
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun AccessibilitySlider(
-    label: String,
+    label: String? = null,
     value: Float,
     onValueChange: (Float) -> Unit,
-    valueRange: ClosedFloatingPointRange<Float>
+    valueRange: ClosedFloatingPointRange<Float>,
+    widthFrac: Float = 1f
 ) {
     val isDarkTheme = isSystemInDarkTheme()
 
@@ -62,18 +63,20 @@ fun AccessibilitySlider(
     val labelTextColor = if (isDarkTheme) Color.White else Color.Black
 
     Column(
-        modifier = Modifier.fillMaxWidth(),
+        modifier = Modifier.fillMaxWidth(widthFrac),
         verticalArrangement = Arrangement.spacedBy(8.dp)
     ) {
-        Text(
-            text = label,
-            style = TextStyle(
-                fontSize = 16.sp,
-                fontWeight = FontWeight.Medium,
-                color = labelTextColor,
-                fontFamily = androidx.compose.ui.text.font.FontFamily(Font(R.font.sf_pro))
+        if (label != null) {
+            Text(
+                text = label,
+                style = TextStyle(
+                    fontSize = 16.sp,
+                    fontWeight = FontWeight.Medium,
+                    color = labelTextColor,
+                    fontFamily = androidx.compose.ui.text.font.FontFamily(Font(R.font.sf_pro))
+                )
             )
-        )
+        }
 
         Slider(
             value = value,

android/app/src/main/java/me/kavishdevar/librepods/composables/IndependentToggle.kt

@@ -27,7 +27,10 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
@@ -45,17 +48,22 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.Font
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import me.kavishdevar.librepods.services.AirPodsService
+import me.kavishdevar.librepods.R
 import me.kavishdevar.librepods.utils.AACPManager
 import kotlin.io.encoding.ExperimentalEncodingApi
 import androidx.core.content.edit
 import android.util.Log
 
 @Composable
-fun IndependentToggle(name: String, service: AirPodsService? = null, functionName: String? = null, sharedPreferences: SharedPreferences, default: Boolean = false, controlCommandIdentifier: AACPManager.Companion.ControlCommandIdentifiers? = null) {
+fun IndependentToggle(name: String, service: AirPodsService? = null, functionName: String? = null, sharedPreferences: SharedPreferences, default: Boolean = false, controlCommandIdentifier: AACPManager.Companion.ControlCommandIdentifiers? = null, description: String? = null) {
     val isDarkTheme = isSystemInDarkTheme()
     val textColor = if (isDarkTheme) Color.White else Color.Black
     val snakeCasedName =
@@ -109,39 +117,57 @@ fun IndependentToggle(name: String, service: AirPodsService? = null, functionNam
             }
         }
     }
-    Box (
+    Column (
         modifier = Modifier
-            .padding(vertical = 8.dp)
-            .background(animatedBackgroundColor, RoundedCornerShape(14.dp))
-            .pointerInput(Unit) {
-                detectTapGestures(
-                    onPress = {
-                        backgroundColor = if (isDarkTheme) Color(0x40888888) else Color(0x40D9D9D9)
-                        tryAwaitRelease()
-                        backgroundColor = if (isDarkTheme) Color(0xFF1C1C1E) else Color(0xFFFFFFFF)
-                    },
-                    onTap = {
-                        checked = !checked
-                        cb()
-                    }
-                )
-            },
-    )
-    {
-        Row(
+            .padding(vertical = 8.dp),
+    ) {
+        Box (
             modifier = Modifier
-                .fillMaxWidth()
-                .height(55.dp)
-                .padding(horizontal = 12.dp),
-            verticalAlignment = Alignment.CenterVertically
-        ) {
-            Text(text = name, modifier = Modifier.weight(1f), fontSize = 16.sp, color = textColor)
-            StyledSwitch(
-                checked = checked,
-                onCheckedChange = {
-                    checked = it
-                    cb()
+                .background(animatedBackgroundColor, RoundedCornerShape(14.dp))
+                .pointerInput(Unit) {
+                    detectTapGestures(
+                        onPress = {
+                            backgroundColor = if (isDarkTheme) Color(0x40888888) else Color(0x40D9D9D9)
+                            tryAwaitRelease()
+                            backgroundColor = if (isDarkTheme) Color(0xFF1C1C1E) else Color(0xFFFFFFFF)
+                        },
+                        onTap = {
+                            checked = !checked
+                            cb()
+                        }
+                    )
                 },
+        )
+        {
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(55.dp)
+                    .padding(horizontal = 12.dp),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Text(text = name, modifier = Modifier.weight(1f), fontSize = 16.sp, color = textColor)
+                StyledSwitch(
+                    checked = checked,
+                    onCheckedChange = {
+                        checked = it
+                        cb()
+                    },
+                )
+            }
+        }
+        if (description != null) {
+            Spacer(modifier = Modifier.height(8.dp))
+            Text(
+                text = description,
+                style = TextStyle(
+                    fontSize = 12.sp,
+                    fontWeight = FontWeight.Light,
+                    color = (if (isSystemInDarkTheme()) Color.White else Color.Black).copy(alpha = 0.6f),
+                    fontFamily = FontFamily(Font(R.font.sf_pro))
+                ),
+                modifier = Modifier
+                    .padding(horizontal = 8.dp)
             )
         }
     }