feat(widget): Add theme customization to widget configuration

Add color presets, custom color picker, transparency slider, and device
label toggle to the widget configuration screen. Widget preview updates
in real-time. Use profile label as device name in both preview and
actual widget.
This commit is contained in:
darken
2026-02-20 12:22:55 +01:00
committed by Matthias Urhahn
parent b3ead17b12
commit 46bb8c98de
15 changed files with 1171 additions and 61 deletions
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:fillColor="#FFFFFF"
android:pathData="M9,16.17L4.83,12l-1.42,1.41L9,19 21,7l-1.41,-1.41z" />
</vector>
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#FFFFFF" />
<stroke
android:width="1dp"
android:color="#20000000" />
</shape>
@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<stroke
android:width="3dp"
android:color="?colorPrimary" />
</shape>
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="16dp" />
<solid android:color="@android:color/transparent" />
</shape>
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="16dp" />
<solid android:color="?colorSurfaceVariant" />
</shape>
@@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="44dp"
android:layout_height="44dp"
android:layout_margin="4dp">
<View
android:id="@+id/swatch_color"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_gravity="center"
android:background="@drawable/widget_color_swatch_bg" />
<View
android:id="@+id/swatch_selected_ring"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_gravity="center"
android:background="@drawable/widget_color_swatch_selected_ring"
android:visibility="gone" />
<ImageView
android:id="@+id/swatch_check"
android:layout_width="16dp"
android:layout_height="16dp"
android:layout_gravity="center"
android:src="@drawable/ic_baseline_check_24"
android:visibility="gone" />
</FrameLayout>
@@ -0,0 +1,100 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/preview_widget_root"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:minWidth="160dp"
android:gravity="center"
android:orientation="vertical"
android:paddingHorizontal="16dp"
android:paddingVertical="12dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center_vertical"
android:orientation="horizontal">
<ImageView
android:id="@+id/preview_left_icon"
style="@style/PodInfoItemIcon.Notification"
android:src="@drawable/devic_airpods_gen1_left"
tools:ignore="ContentDescription" />
<TextView
android:id="@+id/preview_left_label"
style="@style/PodInfoItemText.Notification"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginStart="4dp"
android:text="80%"
tools:ignore="HardcodedText" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center_vertical"
android:orientation="horizontal">
<ImageView
android:id="@+id/preview_right_icon"
style="@style/PodInfoItemIcon.Notification"
android:src="@drawable/devic_airpods_gen1_right"
tools:ignore="ContentDescription" />
<TextView
android:id="@+id/preview_right_label"
style="@style/PodInfoItemText.Notification"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginStart="4dp"
android:text="95%"
tools:ignore="HardcodedText" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center_vertical"
android:orientation="horizontal">
<ImageView
android:id="@+id/preview_case_icon"
style="@style/PodInfoItemIcon.Notification"
android:src="@drawable/devic_airpods_gen1_case"
tools:ignore="ContentDescription" />
<TextView
android:id="@+id/preview_case_label"
style="@style/PodInfoItemText.Notification"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginStart="4dp"
android:text="100%"
tools:ignore="HardcodedText" />
</LinearLayout>
<TextView
android:id="@+id/preview_device_label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
tools:text="AirPods Pro"
android:textColor="?android:attr/textColorPrimary"
android:textSize="12sp"
android:textStyle="bold"
tools:ignore="HardcodedText" />
</LinearLayout>
@@ -6,49 +6,267 @@
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/content_container"
<androidx.core.widget.NestedScrollView
android:id="@+id/scroll_view"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginHorizontal="32dp"
android:layout_marginTop="32dp"
android:layout_weight="1"
android:orientation="vertical">
android:fillViewport="true">
<com.google.android.material.textview.MaterialTextView
<LinearLayout
android:id="@+id/content_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/widget_configuration_title"
android:textAppearance="@style/TextAppearance.Material3.TitleLarge" />
android:layout_marginTop="24dp"
android:orientation="vertical"
android:paddingBottom="16dp">
<com.google.android.material.textview.MaterialTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginBottom="16dp"
android:text="@string/widget_configuration_description"
android:textAppearance="@style/TextAppearance.Material3.BodyMedium" />
<!-- Profile selection -->
<com.google.android.material.textview.MaterialTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:text="@string/widget_configuration_title"
android:textAppearance="@style/TextAppearance.Material3.TitleLarge" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/profiles_recycler"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
tools:listitem="@layout/widget_configuration_profile_item" />
<com.google.android.material.textview.MaterialTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="4dp"
android:layout_marginBottom="12dp"
android:text="@string/widget_configuration_description"
android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
android:textColor="?colorOnSurfaceVariant" />
</LinearLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/profiles_recycler"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp"
android:nestedScrollingEnabled="false"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
tools:listitem="@layout/widget_configuration_profile_item" />
<com.google.android.material.divider.MaterialDivider
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginVertical="16dp" />
<!-- Appearance section header + reset button -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:gravity="center_vertical"
android:orientation="horizontal">
<com.google.android.material.textview.MaterialTextView
android:id="@+id/appearance_header"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="@string/widget_config_appearance_label"
android:textAppearance="@style/TextAppearance.Material3.TitleLarge" />
<com.google.android.material.button.MaterialButton
android:id="@+id/reset_button"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/widget_config_reset_label" />
</LinearLayout>
<!-- Live preview with container -->
<FrameLayout
android:id="@+id/preview_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="12dp"
android:background="@drawable/widget_preview_checkerboard"
android:padding="24dp">
<FrameLayout
android:id="@+id/preview_card"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/widget_preview_bg"
android:clipToOutline="true">
<include layout="@layout/widget_config_preview" />
</FrameLayout>
</FrameLayout>
<!-- Transparency slider — directly below preview for live feedback -->
<com.google.android.material.textview.MaterialTextView
android:id="@+id/transparency_label"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="16dp"
android:text="@string/widget_config_transparency_label"
android:textAppearance="@style/TextAppearance.Material3.LabelLarge"
android:textColor="?colorOnSurfaceVariant" />
<com.google.android.material.slider.Slider
android:id="@+id/transparency_slider"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp"
android:value="0"
android:valueFrom="0"
android:valueTo="100"
android:stepSize="5" />
<!-- Show device name toggle -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:gravity="center_vertical"
android:minHeight="48dp"
android:orientation="horizontal">
<com.google.android.material.textview.MaterialTextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="@string/widget_config_show_device_label"
android:textAppearance="@style/TextAppearance.Material3.BodyLarge" />
<com.google.android.material.materialswitch.MaterialSwitch
android:id="@+id/show_device_label_switch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true" />
</LinearLayout>
<!-- Preset chips -->
<com.google.android.material.textview.MaterialTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="16dp"
android:text="@string/widget_config_preset_label"
android:textAppearance="@style/TextAppearance.Material3.LabelLarge"
android:textColor="?colorOnSurfaceVariant" />
<com.google.android.material.chip.ChipGroup
android:id="@+id/preset_chip_group"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="8dp"
app:selectionRequired="true"
app:singleSelection="true" />
<!-- Background color (custom mode only) -->
<com.google.android.material.textview.MaterialTextView
android:id="@+id/bg_color_label"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="16dp"
android:text="@string/widget_config_background_color_label"
android:textAppearance="@style/TextAppearance.Material3.LabelLarge"
android:textColor="?colorOnSurfaceVariant"
android:visibility="gone" />
<GridLayout
android:id="@+id/bg_color_grid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="8dp"
android:columnCount="8"
android:visibility="gone" />
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/bg_hex_input_layout"
style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
android:layout_width="160dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="8dp"
android:hint="#"
android:visibility="gone">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/bg_hex_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textCapCharacters|textNoSuggestions"
android:maxLength="7"
android:singleLine="true" />
</com.google.android.material.textfield.TextInputLayout>
<!-- Foreground color (custom mode only) -->
<com.google.android.material.textview.MaterialTextView
android:id="@+id/fg_color_label"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="16dp"
android:text="@string/widget_config_foreground_color_label"
android:textAppearance="@style/TextAppearance.Material3.LabelLarge"
android:textColor="?colorOnSurfaceVariant"
android:visibility="gone" />
<GridLayout
android:id="@+id/fg_color_grid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="8dp"
android:columnCount="8"
android:visibility="gone" />
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/fg_hex_input_layout"
style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
android:layout_width="160dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="8dp"
android:hint="#"
android:visibility="gone">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/fg_hex_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textCapCharacters|textNoSuggestions"
android:maxLength="7"
android:singleLine="true" />
</com.google.android.material.textfield.TextInputLayout>
</LinearLayout>
</androidx.core.widget.NestedScrollView>
<com.google.android.material.divider.MaterialDivider
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<com.google.android.material.textview.MaterialTextView
android:id="@+id/pro_required_caption"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="32dp"
android:layout_marginTop="32dp"
android:text="@string/common_feature_requires_pro_msg"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="12dp"
android:gravity="center"
android:textAppearance="@style/TextAppearance.Material3.TitleSmall"
android:textColor="?colorOnSurfaceVariant"
android:text="@string/common_feature_requires_pro_msg"
android:textAppearance="@style/TextAppearance.Material3.LabelLarge"
android:textColor="?colorError"
android:visibility="gone"
tools:visibility="visible" />
@@ -56,15 +274,15 @@
android:id="@+id/buttons_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="32dp"
android:layout_marginTop="16dp"
android:layout_marginBottom="32dp"
android:layout_marginHorizontal="24dp"
android:layout_marginTop="12dp"
android:layout_marginBottom="24dp"
android:gravity="end"
android:orientation="horizontal">
<com.google.android.material.button.MaterialButton
android:id="@+id/cancel_button"
style="@style/Widget.Material3.Button.TextButton"
style="@style/Widget.Material3.Button.OutlinedButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
@@ -79,4 +297,4 @@
</LinearLayout>
</LinearLayout>
</LinearLayout>
@@ -2,11 +2,11 @@
<com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
style="@style/Widget.Material3.CardView.Outlined"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginVertical="4dp"
app:cardCornerRadius="12dp"
app:cardElevation="2dp">
app:cardCornerRadius="12dp">
<LinearLayout
android:layout_width="match_parent"
@@ -57,4 +57,4 @@
</LinearLayout>
</com.google.android.material.card.MaterialCardView>
</com.google.android.material.card.MaterialCardView>
+14
View File
@@ -122,6 +122,20 @@
<string name="common_feature_requires_pro_msg">This feature requires CAPod Pro.</string>
<string name="widget_no_data_label">No data</string>
<string name="widget_config_appearance_label">Appearance</string>
<string name="widget_config_preset_label">Presets</string>
<string name="widget_config_background_color_label">Background color</string>
<string name="widget_config_foreground_color_label">Text &amp; icon color</string>
<string name="widget_config_transparency_label">Background transparency</string>
<string name="widget_config_show_device_label">Show device name</string>
<string name="widget_config_reset_label">Reset to defaults</string>
<string name="widget_config_custom_label">Custom</string>
<string name="widget_config_preset_material_you">Material You</string>
<string name="widget_config_preset_dark">Dark</string>
<string name="widget_config_preset_light">Light</string>
<string name="widget_config_preset_blue">Blue</string>
<string name="widget_config_preset_green">Green</string>
<string name="widget_config_preset_red">Red</string>
<string name="settings_compat_indirectcallback_title">Indirect data delivery</string>
<string name="settings_compat_indirectcallback_summary">Use an alternative method to receive BLE data from the system (broadcast instead of callback).</string>