VoiceAI-Android/app/src/main/res/layout/activity_new_splash.xml

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>

        <variable
            name="newSplashViewModel"
            type="com.atmob.voiceai.module.newsplash.NewSplashViewModel" />

        <import type="com.atmob.common.ui.SizeUtil" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <com.airbnb.lottie.LottieAnimationView
            isGone="@{newSplashViewModel.isShowRecommendPage}"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.6657608695652174"
            app:layout_constraintWidth_percent="0.8"
            app:lottie_autoPlay="true"
            app:lottie_fileName="anim/splash_loading.zip"
            app:lottie_loop="true" />


        <androidx.constraintlayout.widget.ConstraintLayout
            isGone="@{!newSplashViewModel.isShowRecommendPage}"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorPrimary">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:src="@drawable/bg_new_splash_header"
                app:layout_constraintDimensionRatio="1080:936"
                app:layout_constraintTop_toTopOf="parent" />

            <androidx.core.widget.NestedScrollView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_constrainedHeight="true"
                app:layout_constraintBottom_toTopOf="@+id/tv_auto_renewable"
                app:layout_constraintTop_toTopOf="parent">


                <androidx.constraintlayout.widget.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <Space
                        android:id="@+id/space_status_bar"
                        android:layout_width="match_parent"
                        android:layout_height="@{SizeUtil.getStatusBarHeight(), default=@dimen/app_status_bar_height}"
                        app:layout_constraintTop_toTopOf="parent" />

                    <Space
                        android:id="@+id/space1"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        app:layout_constraintDimensionRatio="360:16"
                        app:layout_constraintTop_toBottomOf="@+id/space_status_bar" />

                    <ImageView
                        android:onClick="@{()-> newSplashViewModel.onBackClick()}"
                        isInvisible="@{!newSplashViewModel.isShowCloseBtn}"
                        android:id="@+id/iv_close"
                        android:layout_width="0dp"
                        android:layout_height="0dp"
                        android:layout_marginStart="14dp"
                        android:src="@drawable/icon_new_splash_close"
                        app:layout_constraintDimensionRatio="1:1"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/space1"
                        app:layout_constraintWidth_percent="0.1" />

                    <Space
                        android:id="@+id/space2"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        app:layout_constraintDimensionRatio="360:33"
                        app:layout_constraintTop_toBottomOf="@+id/iv_close" />

                    <ImageView
                        android:id="@+id/iv_logo"
                        android:layout_width="0dp"
                        android:layout_height="0dp"
                        android:src="@drawable/ic_splash_logo"
                        app:layout_constraintDimensionRatio="421:277"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/space2"
                        app:layout_constraintWidth_percent="0.3888888888888889" />

                    <TextView
                        android:id="@+id/tv_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="12dp"
                        android:text="@string/new_splash_title"
                        android:textColor="@color/white80"
                        android:textSize="14sp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@id/iv_logo" />

                    <Space
                        android:id="@+id/space3"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        app:layout_constraintDimensionRatio="360:33"
                        app:layout_constraintTop_toBottomOf="@+id/tv_title" />

                    <LinearLayout
                        android:id="@+id/ll_content"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        app:layout_constraintTop_toBottomOf="@+id/space3">

                        <include
                            introduceContent="@{@string/new_splash_unlimited_content}"
                            introduceIcon="@{@drawable/icon_new_splash_unlimited}"
                            introduceTitle="@{@string/new_splash_unlimited_title}"
                            layout="@layout/layout_new_splash_introduce"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginBottom="10dp" />

                        <include
                            introduceContent="@{@string/new_splash_limits_content}"
                            introduceIcon="@{@drawable/icon_new_splash_limits}"
                            introduceTitle="@{@string/new_splash_limits_title}"
                            layout="@layout/layout_new_splash_introduce"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginBottom="10dp" />

                        <include
                            introduceContent="@{@string/new_splash_turbo_content}"
                            introduceIcon="@{@drawable/icon_new_splash_turbo}"
                            introduceTitle="@{@string/new_splash_turbo_title}"
                            layout="@layout/layout_new_splash_introduce"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginBottom="10dp" />

                        <include
                            introduceContent="@{@string/new_splash_no_ad_content}"
                            introduceIcon="@{@drawable/icon_new_splash_no_ad}"
                            introduceTitle="@{@string/new_splash_no_ad_title}"
                            layout="@layout/layout_new_splash_introduce"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginBottom="10dp" />
                    </LinearLayout>

                    <TextView
                        android:id="@+id/tv_subscribe_price_desc"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textColor="@color/white"
                        android:textSize="20sp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/ll_content"
                        tools:text="US$ 3.99/Week" />


                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="11dp"
                        android:drawablePadding="5.5dp"
                        android:textColor="#BEBFBE"
                        android:textSize="12sp"
                        app:drawableStartCompat="@drawable/icon_total_integration"
                        app:layout_constraintEnd_toEndOf="@+id/tv_subscribe_price_desc"
                        app:layout_constraintStart_toStartOf="@+id/tv_subscribe_price_desc"
                        app:layout_constraintTop_toBottomOf="@+id/tv_subscribe_price_desc"
                        tools:text="20000 renew yearly" />
                </androidx.constraintlayout.widget.ConstraintLayout>

            </androidx.core.widget.NestedScrollView>

            <Space
                android:id="@+id/space_bottom"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintDimensionRatio="360:22" />

            <TextView
                android:onClick="@{()-> newSplashViewModel.onTermsClick()}"
                android:id="@+id/tv_terms_of_service"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/setting_terms_of_service"
                android:textColor="@color/white80"
                android:textSize="12sp"
                app:layout_constraintBottom_toTopOf="@+id/space_bottom"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toLeftOf="@+id/tv_restore" />

            <TextView
                android:id="@+id/tv_restore"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/sub_restore"
                android:textColor="@color/white80"
                android:textSize="12sp"
                app:layout_constraintBottom_toBottomOf="@+id/tv_terms_of_service"
                app:layout_constraintLeft_toRightOf="@+id/tv_terms_of_service"
                app:layout_constraintRight_toLeftOf="@+id/tv_privacy_policy"
                app:layout_constraintTop_toTopOf="@+id/tv_terms_of_service" />

            <TextView
                android:onClick="@{()-> newSplashViewModel.onPrivacyPolicyClick()}"
                android:id="@+id/tv_privacy_policy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/setting_privacy_policy"
                android:textColor="@color/white80"
                android:textSize="12sp"
                app:layout_constraintBottom_toBottomOf="@+id/tv_restore"
                app:layout_constraintLeft_toRightOf="@+id/tv_restore"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="@+id/tv_restore" />

            <Space
                android:id="@+id/space_bottom2"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                app:layout_constraintBottom_toTopOf="@+id/tv_terms_of_service"
                app:layout_constraintDimensionRatio="360:10" />

            <TextView
                android:id="@+id/tv_continue"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_marginHorizontal="@dimen/app_common_page_horizontal_padding"
                android:background="@drawable/bg_voice_ai_btn"
                android:gravity="center"
                android:text="@string/splash_continue"
                android:textColor="@color/colorPrimary"
                android:textSize="17sp"
                android:textStyle="bold"
                app:layout_constraintBottom_toTopOf="@+id/space_bottom2"
                app:layout_constraintDimensionRatio="336:48" />

            <TextView
                android:id="@+id/tv_auto_renewable"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:text="@string/splash_aunto_renewable"
                android:textColor="@color/white70"
                android:textSize="12sp"
                app:layout_constraintBottom_toTopOf="@+id/tv_continue"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent" />

        </androidx.constraintlayout.widget.ConstraintLayout>


    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>