Z tego artykułu dowiesz się, jak utworzyć widok w SystemUIOverlayWindow
.
Zanim rozpoczniesz
Poniżej zakładamy, że znasz te artykuły dotyczące interfejsu systemu:
Ten artykuł:
- Zakładamy, że znasz przypadki użycia systemu operacyjnego Android Automotive
SystemUIOverlayWindow
- Zawiera przykłady określonych podklas klasy
OverlayViewController
. - Nie obejmuje podklas klasy
OverlayViewController
. - Nie wyjaśnia, jak skonfigurować Androida na potrzeby programowania.
- Nie opisuje żadnej opcji, którą można zastąpić w klasach podstawowych. Opisuje on raczej potrzebne do skonfigurowania widoku podstawowego.
Wykonaj ćwiczenia z programowania
Krok 1. Utwórz układ dla kontrolera OverlayViewController
Utwórz plik o nazwie
frameworks/base/packages/CarSystemUI/res/layout/codelab_layout.xml
następujące elementy:
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/codelab_container" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/black"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:text="Code Lab View!" android:color="@*android:color/car_accent" android:textStyle="italic" android:textSize="34sp"/> <Button android:id="@+id/codelab_button" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="0" android:text="Hide!" android:background="@*android:color/car_accent"/> </LinearLayout> </FrameLayout>
Ten układ tworzy następujący widok:
![Kontroler widoku nakładki](https://source.android.com/static/docs/automotive/images/codelab_01.png?authuser=1&hl=pl)
Krok 2. Dodaj komponent ViewStub do SysUIOverlayWindow
Dodaj widok do okna, dodając element
ViewStub
do: SystemUIOverlayWindow
.
Dodaj następujący kod do
frameworks/base/packages/CarSystemUI/res/layout/sysui_overlay_window.xml
w katalogu głównym FrameLayout
:
<ViewStub android:id="@+id/codelab_stub" android:layout_width="match_parent" android:layout_height="match_parent" android:layout="@layout/codelab_layout"/>
Kolejność, w jakiej zdefiniowano obiekty ViewStubs w katalogu głównym FrameLayout
, definiuje
Kolejność wyświetleń w oknie na osi Z. Ponieważ to ćwiczenie w Codelabs nie obejmuje widoków warstw, możesz
dodaj fragment kodu w dowolnym miejscu w katalogu głównym FrameLayout
.
Krok 3. Utwórz obiekt OverlayViewController
Aby nowy układ był widoczny lub ukryty, musi być połączony z elementem OverlayViewController.
Aby utworzyć obiekt OverlayViewController
o nazwie OverlayViewController
przeznaczony do wstrzykiwania
frameworks/base/packages/CarSystemUI/src/com/android/systemui/car/codelab/CodeLabViewController.java
z następującą treścią:
package com.android.systemui.car.codelab; import com.android.systemui.R; import com.android.systemui.car.window.OverlayViewController; import com.android.systemui.car.window.OverlayViewGlobalStateController; import com.android.systemui.dagger.SysUISingleton; import javax.inject.Singleton; @SysUISingleton public class CodeLabViewController extends OverlayViewController { @Inject public CodeLabViewController( OverlayViewGlobalStateController overlayViewGlobalStateController) { super(R.id.codelab_stub, overlayViewGlobalStateController); } }
Krok 4. Utwórz obiekt OverlayViewMediator
An OverlayViewMediator, do wywołania, gdy potrzebny jest nowy widok lub ukryty.
Utwórz nowy elementOverlayViewMediator
o nazwie do wstrzykiwania
frameworks/base/packages/CarSystemUI/src/com/android/systemui/car/codelab/CodeLabViewMediator.java
z następującą treścią:
package com.android.systemui.car.codelab;
import android.bluetooth.BluetoothAdapter; import android.content.BroadcastReceiver; import android.content.Context; import android.content.Intent; import android.content.IntentFilter;
import com.android.systemui.car.window.OverlayViewMediator; import com.android.systemui.dagger.SysUISingleton;
import javax.inject.Inject;
@SysUISingleton public class CodeLabViewMediator implements OverlayViewMediator { Context mContext; CodeLabViewController mCodeLabViewController;
@Inject public CodeLabViewMediator(Context context, CodeLabViewController codeLabViewController) { mContext = context; mCodeLabViewController = codeLabViewController; }
@Override public void registerListeners() { // no-op }
@Override public void setupOverlayContentViewControllers() { // no-op } }
Krok 5. Pokaż widok
Aby ułatwić sobie zrozumienie i aktywowanie widoku, używaj Bluetootha, gdy stan jest wyłączony.
Zamień // no-op
w CodeLabViewMediator#registerListeners
na
następujące:
// Register Show Listener mContext.registerReceiver(new BroadcastReceiver() { @Override public void onReceive(Context context, Intent intent) { final String action = intent.getAction();
if (action.equals(BluetoothAdapter.ACTION_STATE_CHANGED)) { final int state = intent.getIntExtra(BluetoothAdapter.EXTRA_STATE, BluetoothAdapter.ERROR); switch (state) { case BluetoothAdapter.STATE_OFF: // Show OverlayViewController mCodeLabViewController.start(); break; } } } }, new IntentFilter(BluetoothAdapter.ACTION_STATE_CHANGED));
Krok 6. Ukryj widok
Gdy klikniesz „Ukryj!”, widok zostanie ukryty. kliknięty przycisk. Od tego działania
w przycisku widoku powiększonego, dodaj tę opcję bezpośrednio do OverlayViewController
.
Dodaj do CodeLabViewController
tę metodę:
@Override protected void onFinishInflate() { getLayout().findViewById(R.id.codelab_button).setOnClickListener(v -> { stop(); }); }
Krok 7. Skonfiguruj nowy obiekt OverlayViewMediator
- Aby dodać nowy element OverlayViewMediator do komponentu OverlayWindowModule, dodaj do
OverlayWindowModule:
/** Injects CodeLabViewMediator. */ @Binds @IntoMap @ClassKey(CodeLabViewMediator.class) public abstract OverlayViewMediator bindCodeLabViewMediator( CodeLabViewMediator overlayViewsMediator);
- Aby dodać nowy obiekt OverlayViewMediator do obiektu config_carSystemUIOverlayViewsMediators:
dodaj następujący wiersz do
config_carSystemUIOverlayViewsMediators (w języku angielskim)
w
frameworks/base/packages/CarSystemUI/res/values/config.xml
:<item>com.android.systemui.car.codelab.CodeLabViewMediator</item>
Wynik
Gratulacje! Utworzono widok w SystemUIOverlayWindow
:
![Nakładka UI](https://source.android.com/static/docs/automotive/images/codelab_02.gif?authuser=1&hl=pl)
Dodatkowe materiały
Aby dowiedzieć się więcej, zapoznaj się z materiałami poniżej.
Przykładowy kontroler OverlayView
Pełnoekranowy przełącznik użytkowników to prosty sposób na to,
SystemUIOverlayWindow:
:
Inne elementy sterujące OverlayView
kontroler OverlayPanelViewView
An
NakładkaPanelViewController
służy do podstawowej animacji przeciągania podczas pokazywania i ukrywania widoków wewnątrz
SystemUIOverlayWindow
Więcej informacji znajdziesz w panelu powiadomień: