FoodCooking_LandScape/BusinessStep/src/main/res/layout/item_cook_controller.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:id="@+id/content_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="@dimen/convert_400px"
        android:layout_height="@dimen/convert_270px"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.32">

        <ImageView
            android:id="@+id/jianhao"
            android:layout_width="@dimen/convert_50px"
            android:layout_height="@dimen/convert_50px"
            android:src="@drawable/jianhao"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.9" />

        <ImageView
            android:id="@+id/jiahao"
            android:layout_width="@dimen/convert_50px"
            android:layout_height="@dimen/convert_50px"
            android:src="@drawable/jiahao"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.9" />
    </androidx.constraintlayout.widget.ConstraintLayout>

    <com.develop.common.widget.RingControlView
        android:id="@+id/temp_ring_view"
        android:layout_width="@dimen/convert_270px"
        android:layout_height="@dimen/convert_270px"
        android:visibility="invisible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.32" />

    <com.develop.common.widget.RingControlView
        android:id="@+id/speed_ring_view"
        android:layout_width="@dimen/convert_270px"
        android:layout_height="@dimen/convert_270px"
        android:visibility="invisible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.32" />

    <TextView
        android:id="@+id/tv_speed_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2"
        android:textColor="#E60012"
        android:textSize="@dimen/convert_72px"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="@+id/speed_ring_view"
        app:layout_constraintEnd_toEndOf="@+id/speed_ring_view"
        app:layout_constraintStart_toStartOf="@+id/speed_ring_view"
        app:layout_constraintTop_toTopOf="@+id/speed_ring_view"
        app:layout_constraintVertical_bias="0.45" />

    <TextView
        android:id="@+id/tv_ring_temp_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="80°C"
        android:textColor="#E60012"
        android:textSize="@dimen/convert_72px"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="@+id/temp_ring_view"
        app:layout_constraintEnd_toEndOf="@+id/temp_ring_view"
        app:layout_constraintStart_toStartOf="@+id/temp_ring_view"
        app:layout_constraintTop_toTopOf="@+id/temp_ring_view"
        app:layout_constraintVertical_bias="0.45"
        tools:visibility="gone" />


    <com.develop.base.widgets.SteamFire
        android:id="@+id/steam_fire"
        android:layout_width="@dimen/convert_570px"
        android:layout_height="@dimen/convert_570px"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="@+id/temp_ring_view"
        app:layout_constraintEnd_toEndOf="@+id/temp_ring_view"
        app:layout_constraintStart_toStartOf="@+id/temp_ring_view"
        app:layout_constraintTop_toTopOf="@+id/temp_ring_view"

        />


    <com.develop.common.widget.RingControlView
        android:id="@+id/water_ring_view"
        android:layout_width="@dimen/convert_270px"
        android:layout_height="@dimen/convert_270px"
        android:visibility="invisible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.32" />

    <com.develop.airfryer.ui.WaterSprayStatusView
        android:id="@+id/water_spray_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleX="2"
        android:scaleY="2"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="@+id/water_ring_view"
        app:layout_constraintEnd_toEndOf="@+id/water_ring_view"
        app:layout_constraintStart_toStartOf="@+id/water_ring_view"
        app:layout_constraintTop_toTopOf="@+id/water_ring_view">

    </com.develop.airfryer.ui.WaterSprayStatusView>


    <com.develop.common.widget.TimePickerView
        android:id="@+id/cl_set_time"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/convert_387px"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:time_color="@color/color_fff"
        tools:background="#aaa"
        tools:visibility="visible" />

    <FrameLayout
        android:id="@+id/fl_direction"
        android:layout_width="@dimen/convert_240px"
        android:layout_height="@dimen/convert_240px"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.32">

        <ImageView
            android:id="@+id/iv_direction"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:rotationX="180"
            android:src="@drawable/ic_direction" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_turn_right"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:paddingStart="@dimen/convert_60px"
                android:text="@string/turn_left"
                android:textColor="@color/color_E60012"
                android:textSize="@dimen/convert_20px" />

            <TextView
                android:id="@+id/tv_turn_left"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:paddingEnd="@dimen/convert_60px"
                android:text="@string/turn_right"
                android:textColor="@color/color_E5E5E5"
                android:textSize="@dimen/convert_20px" />
        </LinearLayout>

    </FrameLayout>

    <LinearLayout
        android:id="@+id/card_wrapper"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/temp_ring_view">


        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_cook_temp"
            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px"
            android:layout_marginEnd="@dimen/convert_20px"

            >

            <View
                android:id="@+id/view_background_temp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bg_cook_item_selected" />

            <TextView
                android:id="@+id/tv_temp_value"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/convert_21px"
                android:layout_marginBottom="@dimen/convert_8px"
                android:includeFontPadding="false"
                android:text="80°C"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_40px"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent" />

            <ImageView
                android:id="@+id/view_icon_temp"
                android:layout_width="@dimen/convert_42px"
                android:layout_height="@dimen/convert_42px"
                android:layout_marginStart="@dimen/convert_11px"
                android:layout_marginTop="@dimen/convert_17px"
                android:scaleType="fitCenter"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:tint="@color/cook_panel_text" />

            <TextView
                android:id="@+id/tv_title_temp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_47px"
                android:text="@string/temperature"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_26px"
                app:layout_constraintBottom_toBottomOf="@+id/view_icon_temp"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="@+id/view_icon_temp" />

            <TextView
                android:id="@+id/tv_cooking_temp_target"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_25px"
                android:layout_marginTop="@dimen/convert_16px"
                android:layout_marginBottom="@dimen/convert_11px"
                android:text="--80°C--"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_24px"
                android:visibility="visible"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent" />

            <com.develop.base.widgets.SteamFireSmall
                android:id="@+id/steam_fire_small"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_25px"
                android:layout_marginTop="@dimen/convert_16px"
                android:layout_marginBottom="@dimen/convert_11px"
                android:visibility="gone"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent" />

        </androidx.constraintlayout.widget.ConstraintLayout>
        <View
            android:visibility="gone"
            android:id="@+id/cl_text_view"
            android:layout_marginEnd="@dimen/convert_20px"
            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px" />
        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_cook_time"
            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px"
            android:layout_marginEnd="@dimen/convert_20px">

            <View
                android:id="@+id/view_background_time"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bg_cook_item_selected" />

            <TextView
                android:id="@+id/tv_set_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/convert_21px"
                android:layout_marginBottom="@dimen/convert_8px"
                android:includeFontPadding="false"
                android:text="00:60"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_40px"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent" />

            <ImageView
                android:id="@+id/view_icon_time"
                android:layout_width="@dimen/convert_42px"
                android:layout_height="@dimen/convert_42px"
                android:layout_marginStart="@dimen/convert_20px"
                android:layout_marginTop="@dimen/convert_17px"
                android:scaleType="fitCenter"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:tint="@color/cook_panel_text" />

            <TextView
                android:id="@+id/tv_title_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_70px"
                android:text="@string/time"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_26px"
                app:layout_constraintBottom_toBottomOf="@+id/view_icon_time"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="@+id/view_icon_time" />

            <TextView
                android:id="@+id/tv_cooking_time_target"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_25px"
                android:layout_marginTop="@dimen/convert_16px"
                android:layout_marginBottom="@dimen/convert_11px"
                android:text="--05:00--"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_24px"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent" />

        </androidx.constraintlayout.widget.ConstraintLayout>
        <View
            android:visibility="gone"
            android:id="@+id/cl_text_view_one"
            android:layout_marginEnd="@dimen/convert_20px"
            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px" />
        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_cook_speed"

            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px"
            android:layout_marginEnd="@dimen/convert_20px">

            <View
                android:id="@+id/view_background_speed"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bg_cook_item_selected" />

            <TextView
                android:id="@+id/tv_set_speed"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/convert_21px"
                android:layout_marginBottom="@dimen/convert_8px"
                android:includeFontPadding="false"
                android:text="2"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_40px"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent" />

            <ImageView
                android:id="@+id/view_icon_speed"
                android:layout_width="@dimen/convert_46px"
                android:layout_height="@dimen/convert_46px"
                android:layout_marginStart="@dimen/convert_20px"
                android:layout_marginTop="@dimen/convert_13px"
                android:scaleType="fitCenter"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:tint="@color/cook_panel_text" />

            <TextView
                android:id="@+id/tv_title_speed"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_70px"
                android:text="@string/speed"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_26px"
                app:layout_constraintBottom_toBottomOf="@+id/view_icon_speed"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="@+id/view_icon_speed" />

        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_cook_direction"
            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px"
            android:layout_marginEnd="@dimen/convert_20px">

            <View
                android:id="@+id/view_background_direction"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bg_cook_item_selected" />

            <com.develop.common.widget.MarqueeTextView
                android:id="@+id/tv_set_direction"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="@dimen/convert_24px"
                android:layout_marginBottom="@dimen/convert_8px"
                android:includeFontPadding="false"
                android:text="@string/turn_right"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_30px"
                android:ellipsize="marquee"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:marqueeRepeatLimit="marquee_forever"
                android:singleLine="true"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent" />

            <ImageView
                android:id="@+id/view_icon_direction"
                android:layout_width="@dimen/convert_42px"
                android:layout_height="@dimen/convert_42px"
                android:layout_marginStart="@dimen/convert_22px"
                android:layout_marginTop="@dimen/convert_17px"
                android:scaleType="fitCenter"

                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:tint="@color/cook_panel_text" />

            <TextView
                android:id="@+id/tv_title_direction"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/convert_70px"
                android:text="@string/direction"
                android:textColor="@color/panel_unselected"
                android:textSize="@dimen/convert_26px"
                app:layout_constraintBottom_toBottomOf="@+id/view_icon_direction"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="@+id/view_icon_direction" />

        </androidx.constraintlayout.widget.ConstraintLayout>

        <com.develop.common.widget.CookCardView
            android:visibility="gone"
            android:id="@+id/cl_cook_water"
            android:layout_width="@dimen/convert_280px"
            android:layout_height="@dimen/convert_140px"
            android:layout_marginEnd="@dimen/convert_20px"
            app:cardType="WATER_SPARY" />

    </LinearLayout>


    <TextView
        android:id="@+id/btn_start"
        android:layout_width="@dimen/convert_550px"
        android:layout_height="@dimen/convert_98px"
        android:layout_marginBottom="@dimen/convert_50px"
        android:background="@drawable/language_conner"
        android:gravity="center"
        android:text="@string/start"
        android:textColor="#ffffff"
        android:textSize="@dimen/convert_36px"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn_reset" />

    <TextView
        android:id="@+id/btn_reset"
        android:layout_width="@dimen/convert_550px"
        android:layout_height="@dimen/convert_98px"
        android:layout_marginBottom="@dimen/convert_50px"
        android:background="@drawable/bg_white_button_60px_stroke"
        android:gravity="center"
        android:text="@string/reset_button"
        android:textColor="@color/white"
        android:textSize="@dimen/convert_36px"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btn_start"
        app:layout_constraintStart_toStartOf="parent" />

    <LinearLayout
        android:id="@+id/ll_step_complete"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/convert_210px"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <View
            android:layout_width="@dimen/convert_110px"
            android:layout_height="@dimen/convert_110px"
            android:background="@drawable/ic_cook_complete" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/convert_17px"
            android:text="DONE"
            android:textColor="@color/white"
            android:textSize="@dimen/convert_36px" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/convert_7px"
            android:text="You are ready the next step"
            android:textColor="@color/white"
            android:textSize="@dimen/convert_30px" />

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>