تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

SystemUIOverlayWindow codelab

تشرح هذه الصفحة كيفية إنشاء طريقة عرض في SystemUIOverlayWindow .

قبل ان تبدا

يفترض المحتوى المقدم أدناه أنك قرأت مقالات واجهة مستخدم النظام هذه:

هذا المقال:

يفترض أنك على دراية بحالات الاستخدام لنظام التشغيل Android Automotive و SystemUIOverlayWindow الخاص به.
يقدم أمثلة على فئات فرعية معينة من OverlayViewController .
لا يتناول الفئات الفرعية لـ OverlayViewController .
لا يشرح كيفية إعداد Android للتطوير.
لا يصف كل خيار يمكن تجاوزه في الفئات الأساسية. بل إنه يصف فقط العناصر اللازمة لإعداد عرض أساسي.

أكمل الدرس التطبيقي حول التعليمات البرمجية

الخطوة 1: إنشاء تخطيط لـ OverlayViewController

قم بإنشاء ملف باسم frameworks/base/packages/CarSystemUI/res/layout/codelab_layout.xml ليحتوي على ما يلي:

<?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>

ينشئ هذا التخطيط طريقة العرض التالية:

الخطوة 2: إضافة ViewStub إلى SysUIOverlayWindow

أضف العرض إلى نافذتك عن طريق إضافة ViewStub إلى SystemUIOverlayWindow .

أضف الكود التالي إلى frameworks/base/packages/CarSystemUI/res/layout/sysui_overlay_window.xml في FrameLayout الجذر:

<ViewStub android:id="@+id/codelab_stub"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout="@layout/codelab_layout"/>

يحدد الترتيب الذي يتم به تعريف ViewStubs في FrameLayout الجذر الترتيب Z لطرق العرض في النافذة. نظرًا لأن الدرس التطبيقي حول التعليمات البرمجية هذا لا يتضمن طرق عرض الطبقات، فيمكنك إضافة مقتطف التعليمات البرمجية في أي مكان في FrameLayout الجذري.

الخطوة 3: إنشاء OverlayViewController

ليتم إظهاره وإخفائه، يجب ربط التخطيط الجديد بـ OverlayViewController .

لإنشاء OverlayViewController قابل للحقن باسم frameworks/base/packages/CarSystemUI/src/com/android/systemui/car/codelab/CodeLabViewController.java بالمحتوى التالي:

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);
    }
}

الخطوة 4: إنشاء OverlayViewMediator

يتم تشغيل OverlayViewMediator عند ظهور عرض جديد أو إخفائه.

قم بإنشاء OverlayViewMediator جديد قابل للحقن باسم frameworks/base/packages/CarSystemUI/src/com/android/systemui/car/codelab/CodeLabViewMediator.java بالمحتوى التالي:

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
    }
}

الخطوة 5: اعرض العرض

لسهولة الفهم ولتفعيل رؤيتنا، استخدم البلوتوث عندما تكون الحالة متوقفة.

استبدل // no-op في CodeLabViewMediator#registerListeners بما يلي:

// 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));

الخطوة 6: إخفاء العرض

سيتم إخفاء العرض عند ظهور "إخفاء!" تم النقر على الزر. نظرًا لأن هذا الإجراء يتم فقط على زر العرض المضخم، أضف هذا مباشرةً إلى OverlayViewController .

أضف الطريقة التالية إلى CodeLabViewController :

@Override
protected void onFinishInflate() {
    getLayout().findViewById(R.id.codelab_button).setOnClickListener(v -> {
        stop();
    });
}

الخطوة 7: قم بتكوين OverlayViewMediator الجديد

لإضافة OverlayViewMediator الجديد إلى OverlayWindowModule، أضف الكود التالي إلى OverlayWindowModule :

/** Injects CodeLabViewMediator. */
@Binds
@IntoMap
@ClassKey(CodeLabViewMediator.class)
public abstract OverlayViewMediator bindCodeLabViewMediator(
        CodeLabViewMediator overlayViewsMediator);

لإضافة OverlayViewMediator الجديد إلى config_carSystemUIOverlayViewsMediators، أضف السطر التالي إلى config_carSystemUIOverlayViewsMediators in frameworks/base/packages/CarSystemUI/res/values/config.xml :
```
<item>com.android.systemui.car.codelab.CodeLabViewMediator</item>
```

نتيجة

تهانينا! لقد قمت بإنشاء طريقة عرض في SystemUIOverlayWindow :

مصادر إضافية

لمعرفة المزيد، راجع الموارد المقدمة أدناه.

نموذج OverlayViewController

شاهد أداة تبديل المستخدم بملء الشاشة كتطبيق مباشر لـ SystemUIOverlayWindow: :

وحدات تحكم OverlayView الأخرى

OverlayPanelViewController

يتم استخدام OverlayPanelViewController لتوفير رسوم السحب الأساسية عند إظهار وإخفاء طرق العرض داخل SystemUIOverlayWindow . راجع لوحة الإشعارات لمعرفة المزيد: