Step 1 Main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#f7f7f7"
tools:context=".MainActivity">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:theme="@style/AppTheme"
app:elevation="0dp">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:popupTheme="@style/AppTheme"
app:theme="@style/AppTheme">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="16dp"
android:layout_marginBottom="8dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Camera Rant Ui"
android:textColor="#000000"
android:textSize="24sp"
android:textStyle="bold" />
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:src="@drawable/user_img" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:orientation="horizontal"
android:weightSum="100">
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="80"
android:background="@drawable/gray_rounded_shape"
android:drawableLeft="@drawable/ic_search_gray_24dp"
android:drawablePadding="8dp"
android:hint="Search Product?"
android:padding="12dp"
android:textColorHint="#9ea1b0" />
<ImageView
android:layout_width="0dp"
android:layout_height="28dp"
android:layout_gravity="center"
android:layout_weight="20"
android:src="@drawable/filter_icon" />
</LinearLayout>
</LinearLayout>
</androidx.appcompat.widget.Toolbar>
<com.google.android.material.tabs.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabGravity="fill"
app:tabSelectedTextColor="#000000"
app:tabTextColor="#9ea1b0">
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Canon" />
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nikon " />
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="DSLR" />
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="cinema" />
</com.google.android.material.tabs.TabLayout>
</com.google.android.material.appbar.AppBarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="8dp">
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Canon EOS 1500D"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra1" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1100"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView"
android:layout_alignRight="@id/textView"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Phone Cemra"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra2" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="900"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView1"
android:layout_alignRight="@id/textView1"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Nikon D3500 W/AF-P DX"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra3" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2000"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView2"
android:layout_alignRight="@id/textView2"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Nikon D3500 W/AF-P DX"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra4" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="890"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView3"
android:layout_alignRight="@id/textView3"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</LinearLayout>
</HorizontalScrollView>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:text="Trending Categories"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="220dp"
android:layout_height="110dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="4dp"
android:src="@drawable/moviesshoot" />
<ImageView
android:layout_width="220dp"
android:layout_height="110dp"
android:layout_marginLeft="4dp"
android:layout_marginRight="8dp"
android:src="@drawable/moviereelfree" />
<ImageView
android:layout_width="220dp"
android:layout_height="110dp"
android:layout_marginLeft="4dp"
android:layout_marginRight="8dp"
android:src="@drawable/cinema" />
</LinearLayout>
</HorizontalScrollView>
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="220dp"
android:layout_height="110dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="4dp"
android:src="@drawable/shoot" />
<ImageView
android:layout_width="220dp"
android:layout_height="110dp"
android:layout_marginLeft="4dp"
android:layout_marginRight="8dp"
android:src="@drawable/shoot1" />
<ImageView
android:layout_width="220dp"
android:layout_height="110dp"
android:layout_marginLeft="4dp"
android:layout_marginRight="8dp"
android:src="@drawable/shoot2" />
</LinearLayout>
</HorizontalScrollView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="8dp">
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Canon EOS 1500D"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra1" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1200"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView"
android:layout_alignRight="@id/textView"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Canon EOS 1500D"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra2" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2300"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView1"
android:layout_alignRight="@id/textView1"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Canon EOS 1500D"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra3" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1400"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView2"
android:layout_alignRight="@id/textView2"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="300dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true"
app:contentPadding="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal"
android:weightSum="100">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="90"
android:text="Canon EOS 1500D"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="10"
android:background="@drawable/light_orange_rounded_shape"
android:drawableLeft="@drawable/ic_star_yellow_24dp"
android:padding="6dp"
android:text="4.5"
android:textAlignment="textEnd"
android:textColor="#ffc32d"
android:textSize="14sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="14sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:orientation="horizontal">
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/seat_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="5"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/gate_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="4"
android:textColor="#000000"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16sp"
android:layout_marginRight="4dp"
android:src="@drawable/bag_icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="6dp"
android:text="3"
android:textColor="#000000"
android:textSize="14sp" />
</LinearLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:layout_marginBottom="8dp"
android:scaleType="fitCenter"
android:src="@drawable/cemra4" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="100">
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1600"
android:textColor="#3f9dff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView3"
android:layout_alignRight="@id/textView3"
android:layout_marginEnd="-48dp"
android:layout_marginRight="-48dp"
android:text="per day"
android:textColor="#8ac3ff"
android:textSize="14sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="Book Now"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</LinearLayout>
</HorizontalScrollView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="8dp"
android:layout_marginTop="8dp"
android:weightSum="100">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="70"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="Recently viewed"
android:textColor="#000000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="We show you latest search results"
android:textColor="#a4a7b5"
android:textSize="14sp" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="30">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="See All"
android:textAlignment="textEnd"
android:textColor="#3f9dff"
android:textSize="16sp" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="8dp"
android:weightSum="100">
<androidx.cardview.widget.CardView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="50"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="110dp"
android:scaleType="fitXY"
android:src="@drawable/canon1" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_marginTop="-16dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/user_img1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="200/day"
android:textColor="#FFFFFF"
android:textSize="14sp" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="Nikon"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="12sp" />
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginRight="4dp"
android:src="@drawable/bookmark" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="44dp"
android:src="@drawable/ic_timeline_gray_24dp" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="0dp"
android:src="@drawable/ic_more_horiz_gray_24dp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="0dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
android:layout_weight="50"
app:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="110dp"
android:src="@drawable/nikondsrl"
android:scaleType="fitXY"
/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="-16dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/user_img1"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="220/day"
android:textColor="#FFFFFF"
android:textSize="14sp" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_margin="8dp">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="Conon"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="2019"
android:textColor="#a4a7b5"
android:textSize="12sp" />
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginRight="4dp"
android:src="@drawable/bookmark" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="44dp"
android:src="@drawable/ic_timeline_gray_24dp" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="0dp"
android:src="@drawable/ic_more_horiz_gray_24dp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingLeft="8dp"
android:paddingRight="8dp"
android:paddingBottom="8dp"
android:weightSum="100">
<androidx.cardview.widget.CardView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="50"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="110dp"
android:scaleType="fitXY"
android:src="@drawable/nikon" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_marginTop="-16dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/user_img1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="190/day"
android:textColor="#FFFFFF"
android:textSize="14sp" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="nikon"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="12sp" />
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginRight="4dp"
android:src="@drawable/bookmark" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="44dp"
android:src="@drawable/ic_timeline_gray_24dp" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="0dp"
android:src="@drawable/ic_more_horiz_gray_24dp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="0dp"
android:layout_height="wrap_content"
app:cardCornerRadius="4dp"
app:cardElevation="4dp"
android:layout_weight="50"
app:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="110dp"
android:src="@drawable/canon"
android:scaleType="fitXY"
/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="-16dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginBottom="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:src="@drawable/user_img1"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/blue_rounded_shape"
android:padding="8dp"
android:text="240/day"
android:textColor="#FFFFFF"
android:textSize="14sp" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_margin="8dp">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:text="nikon"
android:textColor="#000000"
android:textSize="14sp"
android:textStyle="bold" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="2020"
android:textColor="#a4a7b5"
android:textSize="12sp" />
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp">
<ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_marginRight="4dp"
android:src="@drawable/bookmark" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="44dp"
android:src="@drawable/ic_timeline_gray_24dp" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="0dp"
android:src="@drawable/ic_more_horiz_gray_24dp" />
</RelativeLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
GITHUB : https://github.com/LearncodeWithRk/camera-rent-Ui-design
0 Comments