Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 40cab169 authored by danielwbhuang's avatar danielwbhuang Committed by Daniel Huang
Browse files

Implement trackpad gestures education UI. 

1. Use BottomSheetDialogFragment.
2. Use LottieAnimationView for animation
3. Add 5 animation assets

Demo: go/trackpad_education_demo

Bug: 247080509
Test: manual
Change-Id: Icac7a6cd51763ca20b7661d6f1d4cc95af5292e9
parent 4525cfb4

res/drawable/trackpad_gesture_dialog_bg.xml

0 → 100644
+24 −0
Original line number Diff line number Diff line 
<?xml version="1.0" encoding="utf-8"?>

<!--

     Copyright (C) 2022 The Android Open Source Project



     Licensed under the Apache License, Version 2.0 (the "License");

     you may not use this file except in compliance with the License.

     You may obtain a copy of the License at



          http://www.apache.org/licenses/LICENSE-2.0



     Unless required by applicable law or agreed to in writing, software

     distributed under the License is distributed on an "AS IS" BASIS,

     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

     See the License for the specific language governing permissions and

     limitations under the License.

-->

<shape xmlns:android="http://schemas.android.com/apk/res/android"

       android:shape="rectangle">

    <solid android:color="?android:attr/colorBackground"/>

    <corners android:topLeftRadius="16dp"

             android:topRightRadius="16dp"

             android:bottomLeftRadius="0dp"

             android:bottomRightRadius="0dp"/>

</shape>

res/layout/gesture_tip1_go_home.xml

0 → 100644
+62 −0
Original line number Diff line number Diff line 
<?xml version="1.0" encoding="utf-8"?>

<!-- Copyright (C) 2023 The Android Open Source Project



     Licensed under the Apache License, Version 2.0 (the "License");

     you may not use this file except in compliance with the License.

     You may obtain a copy of the License at



          http://www.apache.org/licenses/LICENSE-2.0



     Unless required by applicable law or agreed to in writing, software

     distributed under the License is distributed on an "AS IS" BASIS,

     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

     See the License for the specific language governing permissions and

     limitations under the License.

-->



<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">



    <TextView

        android:id="@+id/title"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="32dp"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:text="@string/gesture_title_go_home"

        android:textColor="?android:attr/textColorPrimary"/>



    <TextView

        android:id="@+id/summary"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceSmall"

        android:text="@string/gesture_summary_go_home"

        android:textColor="?android:attr/textColorSecondary"/>



    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:foregroundGravity="center_horizontal">



        <com.airbnb.lottie.LottieAnimationView

            android:id="@+id/gesture_tip1_go_home"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="16dp"

            android:scaleType="centerInside"

            app:lottie_autoPlay="true"

            app:lottie_loop="true"

            app:lottie_rawRes="@raw/gesture_tip1_go_home" />

    </FrameLayout>

</LinearLayout>

res/layout/gesture_tip2_go_back.xml

0 → 100644
+62 −0
Original line number Diff line number Diff line 
<?xml version="1.0" encoding="utf-8"?>

<!-- Copyright (C) 2023 The Android Open Source Project



     Licensed under the Apache License, Version 2.0 (the "License");

     you may not use this file except in compliance with the License.

     You may obtain a copy of the License at



          http://www.apache.org/licenses/LICENSE-2.0



     Unless required by applicable law or agreed to in writing, software

     distributed under the License is distributed on an "AS IS" BASIS,

     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

     See the License for the specific language governing permissions and

     limitations under the License.

-->



<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">



    <TextView

        android:id="@+id/title"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="32dp"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:text="@string/gesture_title_go_back"

        android:textColor="?android:attr/textColorPrimary"/>



    <TextView

        android:id="@+id/summary"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceSmall"

        android:text="@string/gesture_summary_go_back"

        android:textColor="?android:attr/textColorSecondary"/>



    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:foregroundGravity="center_horizontal">



        <com.airbnb.lottie.LottieAnimationView

            android:id="@+id/gesture_tip2_go_back"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="16dp"

            android:scaleType="centerInside"

            app:lottie_autoPlay="true"

            app:lottie_loop="true"

            app:lottie_rawRes="@raw/gesture_tip2_go_back" />

    </FrameLayout>

</LinearLayout>

res/layout/gesture_tip3_recent_apps.xml

0 → 100644
+62 −0
Original line number Diff line number Diff line 
<?xml version="1.0" encoding="utf-8"?>

<!-- Copyright (C) 2023 The Android Open Source Project



     Licensed under the Apache License, Version 2.0 (the "License");

     you may not use this file except in compliance with the License.

     You may obtain a copy of the License at



          http://www.apache.org/licenses/LICENSE-2.0



     Unless required by applicable law or agreed to in writing, software

     distributed under the License is distributed on an "AS IS" BASIS,

     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

     See the License for the specific language governing permissions and

     limitations under the License.

-->



<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">



    <TextView

        android:id="@+id/title"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="32dp"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:text="@string/gesture_title_recent_apps"

        android:textColor="?android:attr/textColorPrimary"/>



    <TextView

        android:id="@+id/summary"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceSmall"

        android:text="@string/gesture_summary_recent_apps"

        android:textColor="?android:attr/textColorSecondary"/>



    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:foregroundGravity="center_horizontal">



        <com.airbnb.lottie.LottieAnimationView

            android:id="@+id/gesture_tip3_recent_apps"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="16dp"

            android:scaleType="centerInside"

            app:lottie_autoPlay="true"

            app:lottie_loop="true"

            app:lottie_rawRes="@raw/gesture_tip3_recent_apps" />

    </FrameLayout>

</LinearLayout>

res/layout/gesture_tip4_notifications.xml

0 → 100644
+62 −0
Original line number Diff line number Diff line 
<?xml version="1.0" encoding="utf-8"?>

<!-- Copyright (C) 2023 The Android Open Source Project



     Licensed under the Apache License, Version 2.0 (the "License");

     you may not use this file except in compliance with the License.

     You may obtain a copy of the License at



          http://www.apache.org/licenses/LICENSE-2.0



     Unless required by applicable law or agreed to in writing, software

     distributed under the License is distributed on an "AS IS" BASIS,

     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

     See the License for the specific language governing permissions and

     limitations under the License.

-->



<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">



    <TextView

        android:id="@+id/title"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="32dp"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:text="@string/gesture_title_notifications"

        android:textColor="?android:attr/textColorPrimary"/>



    <TextView

        android:id="@+id/summary"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="24dp"

        android:layout_marginRight="24dp"

        android:layout_gravity="center_horizontal"

        android:textAppearance="?android:attr/textAppearanceSmall"

        android:text="@string/gesture_summary_notifications"

        android:textColor="?android:attr/textColorSecondary"/>



    <FrameLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:foregroundGravity="center_horizontal">



        <com.airbnb.lottie.LottieAnimationView

            android:id="@+id/gesture_tip4_notifications"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="16dp"

            android:scaleType="centerInside"

            app:lottie_autoPlay="true"

            app:lottie_loop="true"

            app:lottie_rawRes="@raw/gesture_tip4_notifications" />

    </FrameLayout>

</LinearLayout>