Anpassung der Doppelfenster

Android 12 führt ein Dual-Panee- Design ein, mit einem statischen L0-Menü auf der linken Seite und einem Inhaltsbereich auf der rechten Seite. Diese Funktion führt viele neue Anpassungsoptionen ein. Auf dieser Seite werden diese Funktionen detailliert beschrieben und erläutert, wie Sie Ihre eigenen Einstellungen anpassen können.

Zum Einzelfenster zurückkehren

Standardmäßig zeigt CarSettings jetzt die Doppelfensteransicht an, wenn das App-Fenster mindestens 1400 dp breit ist, andernfalls die Einzelfensteransicht. Um dies für ein bestimmtes Gerät anzupassen, verwenden Sie ein Runtime Resource Overlay (RRO), um auf die erforderlichen Konfigurationswerte abzuzielen:

Wert Beschreibung
config_global_force_single_pane Auf true setzen, wenn die gesamte App in einer Einzelfensterkonfiguration ausgeführt werden soll.
config_homepage_fragment_class Gibt das Startfragment für die Homepage an. Im Doppelbereich wird dies für das erste Fragment im Inhaltsbereich verwendet. Im Einzelfenster sollte dies das Homepage-Fragment sein.

Kopfzeilenschlüssel

Da verschiedene CarSettings-Aktivitäten eine angepasste IA haben können, wird eine Header-Schlüsselzuordnung bereitgestellt, um Anpassungen zu vereinfachen. In AndroidManifest.xml ist in den Metadaten jeder Aktivität, die Dual Pane unterstützt, ein TOP_LEVEL_HEADER_KEY angegeben. Dieser Wert verweist auf einen in res/values/header_keys.xml angegebenen Schlüssel, der dem Präferenzschlüssel des Menüelements der obersten Ebene zugeordnet ist, unter das das Startfragment fällt. Wenn daher das Startfragment einer Aktivität geändert oder die IA neu angeordnet wird, sodass ein bestimmtes Fragment unter eine andere Top-Level-Präferenz fällt, können die relevanten Zuordnungen in der Datei header_keys.xml aktualisiert werden, um den richtigen Wert anzugeben .

Passen Sie das Aktivitätslayout an

Das Layout für BaseCarSettingsActivity befindet sich in res/layout/car_setting_activity und in diesen Abschnitten:

Wert Beschreibung
top_level_menu Menüfragment der obersten Ebene, das in Konfigurationen mit zwei Fenstern angezeigt wird. Die Breite dieses Abschnitts wird durch top_level_menu_width angegeben. Um diese Ansicht herum ist ein Chassis-Grundlayout (mit Symbolleiste) angeordnet.
top_level_divider Vertikale Linie, die die beiden Bereiche teilt und deren Breite Sie mit top_level_divider_width anpassen können.
fragment_container_wrapper Wrapper-Layout für den Inhaltsbereich (oder den Hauptbereich in einer Einzelfensterkonfiguration). Um diese Ansicht herum ist ein Gehäusegrundlayout (mit Symbolleiste) angeordnet.
settings_focus_parking_view Benutzerdefinierte Implementierung von FocusParkingView um den Rotationsfokus bei Bedarf beizubehalten.
fragment_container Hauptinhaltscontainer. Inhaltsfragmente verwenden dies als Ziellayout.
restricted_message UX-eingeschränkte Blockierungsansicht, die auf Instanzen von BaseFragment angezeigt wird.

Abbildung 1. Doppelfenster-Layout

Präferenzen der obersten Ebene

Die Einstellungen der obersten Ebene sind benutzerdefinierte CarUiPreferences mit einem leicht geänderten Layout, um die Einstellungshöhe und Hintergrundform zu ändern. Es gibt viele verschiedene Möglichkeiten, das Aussehen dieser Einstellungen anzupassen:

Wert Beschreibung
res/layout/top_level_preference.xml Überlagern Sie das gesamte Präferenzlayout.
top_level_preference_min_height Mindesthöhe der obersten Präferenz. Abhängig vom Inhalt (z. B. wenn ein Untertitel vorhanden ist) können die Einstellungen größer als dieser Wert sein.
top_level_preference_corner_radius Radius der Eckenrundung.
top_level_preference_background Hintergrund der Einstellungen der obersten Ebene, wenn diese derzeit nicht hervorgehoben sind.
top_level_preference_highlight Hintergrund der Einstellungen der obersten Ebene, wenn sie hervorgehoben sind.

Symbole der obersten Ebene

Abbildung 2 zeigt, wie die Symbole der obersten Ebene jetzt aus einem Vektorsymbol in einer farbigen Hintergrundform bestehen. Diese Form ist derzeit so konfiguriert, dass sie entweder eine ovale oder eine rechteckige Form unterstützt. Standardmäßig ist die Form auf oval eingestellt.

Um die Standardeinstellung zu ändern, ändern Sie den Wert in config_top_level_icon_shape (wobei 0 für ein Rechteck und 1 für ein Oval steht). Die Symbole werden erstellt, indem das Vordergrundsymbol durch top_level_foreground_icon_inset aus der Hintergrundform eingefügt wird. Jedes Symbol der obersten Ebene verfügt über eine in res/values/colors.xml angegebene Vordergrundfarbe und eine im Ordner res/color angegebene Hintergrundfarbe.

Um ein individuelles Erscheinungsbild zu erstellen, können Sie alle Farbwerte überschreiben.

Abbildung 2. Präferenzkomponenten der obersten Ebene

Symbole für eingefügte Einstellungen, die in die durch config_top_level_injection_categories angegebenen Kategorien fallen, werden ebenfalls als Symbole der obersten Ebene behandelt. Die bereitgestellten Symbole werden um denselben Wert und in derselben Form eingefügt, wie sie für alle anderen Symbole der obersten Ebene angegeben sind (siehe oben). Der Hintergrund wird jedoch bestimmt, indem die folgenden Attribute in dieser Reihenfolge betrachtet werden:

  1. com.android.settings.bg.argb Metadaten der injizierenden App.
  2. com.android.settings.bg.hint Metadaten der injizierenden App.
  3. top_level_injected_default_background Angegeben in res/values/colors.xml .

Um die injizierenden App-Daten zu ignorieren und immer den Standardhintergrund zu verwenden, setzen Sie config_top_level_injection_background_always_use_default auf true .