Ebook: The Mobile E-commerce Experience : Design Androrid XML

Ebook: The Mobile E-commerce Experience

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bbg">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center"
android:layout_marginTop="100dp">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/logo"
android:layout_gravity="center_vertical"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Readify"
android:textSize="30dp"
android:fontFamily="sans-serif-black"
android:textColor="#fff"
android:layout_marginLeft="5dp"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_marginTop="80dp">

<ImageView
android:layout_width="300dp"
android:layout_height="300dp"
android:src="@drawable/img_1"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Read More"
android:textSize="20dp"
android:textColor="#fff"
android:textStyle="bold"/>

<ImageView
android:layout_width="60dp"
android:layout_height="9dp"
android:src="@drawable/dot_icon"
android:layout_marginTop="20dp"/>

<Button
android:id="@+id/GetStart"
android:layout_width="350dp"
android:layout_height="60dp"
android:background="@drawable/button_bg"
android:layout_marginTop="20dp"
android:text="Get Started"
android:textStyle="bold"
android:textColor="#2196F3"
android:letterSpacing="0.04"/>

</LinearLayout>

</LinearLayout>


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#6D93FF">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center"
android:layout_marginTop="60dp">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/logo"
android:layout_gravity="center_vertical"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Readify"
android:textSize="30dp"
android:fontFamily="sans-serif-black"
android:textColor="#fff"
android:layout_marginLeft="5dp"/>

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center"
android:layout_marginTop="20dp">

<ImageView
android:layout_width="350dp"
android:layout_height="200dp"
android:src="@drawable/img_2"/>

<EditText
android:layout_width="350dp"
android:layout_height="60dp"
android:background="@drawable/text_bg"
android:layout_marginTop="20dp"
android:hint="Email Address"
android:textStyle="bold"
android:textColor="#fff"
android:paddingLeft="30dp"/>

<EditText
android:layout_width="350dp"
android:layout_height="60dp"
android:background="@drawable/text_bg"
android:layout_marginTop="20dp"
android:hint="Password"
android:textStyle="bold"
android:textColor="#fff"
android:paddingLeft="30dp"/>

<Button
android:id="@+id/LoginButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:background="@drawable/button_bg"
android:layout_marginTop="40dp"
android:text="LOGIN"
android:textStyle="bold"
android:textColor="#2196F3"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Forget Password"
android:textSize="16dp"
android:textStyle="bold"
android:textColor="#fff"
android:layout_gravity="end"/>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center"
android:layout_marginTop="20dp">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/google_icon"/>

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/facebook_icon"
android:layout_marginLeft="30dp"/>

</LinearLayout>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="Don't have an account? Sign Up"
android:textSize="16dp"
android:textStyle="bold"
android:textColor="#fff"
android:layout_gravity="center" />

</LinearLayout>

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="25dp">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/menu_icon"/>

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/search_icon"
android:layout_alignParentRight="true"/>

</RelativeLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="20dp">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Featured Books"
android:textSize="25dp"
android:textColor="#000"
android:layout_marginLeft="25dp"/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="25dp"
android:layout_marginTop="30dp">

<ImageView
android:id="@+id/TheQueenofHearts"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bimg_1"/>

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bimg_2"
android:layout_marginLeft="10dp"/>

</LinearLayout>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best Seller"
android:textSize="25dp"
android:textColor="#000"
android:layout_marginLeft="25dp"
android:layout_marginTop="30dp"/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="25dp">

<ImageView
android:layout_width="180dp"
android:layout_height="280dp"
android:src="@drawable/simg_1"/>

<ImageView
android:layout_width="180dp"
android:layout_height="280dp"
android:src="@drawable/simg_2"
android:layout_marginLeft="20dp"/>

</LinearLayout>

</LinearLayout>

</LinearLayout>




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="25dp">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/menu_icon"/>

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/search_icon"
android:layout_alignParentRight="true"/>

</RelativeLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="10dp">

<ImageView
android:layout_width="260dp"
android:layout_height="250dp"
android:src="@drawable/top_img"
android:layout_gravity="center"/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Harry Potter and the \nDeathly Hallows"
android:textSize="20dp"
android:textColor="#03A9F4"
android:maxLines="2"
android:layout_gravity="center"
android:gravity="center"
android:layout_marginTop="10dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="J.K. Rowling"
android:textSize="20dp"
android:textColor="#616161"
android:layout_gravity="center"
android:gravity="center"
android:layout_marginTop="5dp"/>

<LinearLayout
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="15dp">

<TextView
android:id="@+id/BuyEbook"
android:layout_width="wrap_content"
android:layout_height="55dp"
android:background="@drawable/button_1"
android:text="Buy Ebook"
android:textColor="#fff"
android:textStyle="bold"
android:layout_marginLeft="30dp"
android:layout_gravity="center"
android:gravity="center"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="55dp"
android:background="@drawable/button_2"
android:text="Buy Audio"
android:textStyle="bold"
android:layout_marginLeft="20dp"
android:layout_gravity="center"
android:gravity="center"/>

</LinearLayout>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="30dp">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="More Like This"
android:textSize="20dp"
android:textColor="#000"
android:layout_marginLeft="25dp"/>
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
>


<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="25dp"
android:layout_marginTop="10dp">
<ImageView
android:layout_width="120dp"
android:layout_height="160dp"
android:src="@drawable/bottom_img_1"/>

<ImageView
android:layout_width="120dp"
android:layout_height="160dp"
android:src="@drawable/bottom_img_2"
android:layout_marginLeft="15dp"/>

<ImageView
android:layout_width="120dp"
android:layout_height="160dp"
android:src="@drawable/bottom_img_3"
android:layout_marginLeft="15dp"/>
<ImageView
android:layout_width="120dp"
android:layout_height="160dp"
android:src="@drawable/bottom_img_1"/>

<ImageView
android:layout_width="120dp"
android:layout_height="160dp"
android:src="@drawable/bottom_img_2"
android:layout_marginLeft="15dp"/>

<ImageView
android:layout_width="120dp"
android:layout_height="160dp"
android:src="@drawable/bottom_img_3"
android:layout_marginLeft="15dp"/>

</LinearLayout>

</HorizontalScrollView>

</LinearLayout>

</LinearLayout>




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="25dp">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/menu_icon"/>

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/search_icon"
android:layout_alignParentRight="true"/>

</RelativeLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp">

<ImageView
android:layout_width="200dp"
android:layout_height="280dp"
android:src="@drawable/top_img"
android:layout_marginLeft="20dp"/>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="15dp">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Harry Potter and the \nDeathly Hallows"
android:textSize="18dp"
android:textColor="#000"
android:layout_marginTop="30dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="J.K. Rowing"
android:textSize="18dp"
android:textColor="#656464"
android:layout_marginTop="10dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Original EBook"
android:textSize="18dp"
android:textColor="#000"
android:layout_marginTop="40dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="$8.12"
android:textSize="45dp"
android:textStyle="bold"
android:textColor="#000"/>

</LinearLayout>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="30dp"
android:layout_marginTop="30dp">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Select payment Method"
android:textSize="25dp"
android:textColor="#000"
android:textStyle="bold"/>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="40dp"
android:layout_marginLeft="10dp">

<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/amazon"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Amazon Pay"
android:textSize="20dp"
android:textColor="#000"
android:textStyle="bold"
android:layout_gravity="center"
android:layout_marginLeft="30dp"/>

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="30dp"
android:layout_marginLeft="10dp">

<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/credit"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Credit Card"
android:textSize="20dp"
android:textColor="#000"
android:textStyle="bold"
android:layout_gravity="center"
android:layout_marginLeft="30dp"/>

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="30dp"
android:layout_marginLeft="10dp">

<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/cash"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Cash on delivery"
android:textSize="20dp"
android:textColor="#000"
android:textStyle="bold"
android:layout_gravity="center"
android:layout_marginLeft="30dp"/>

</LinearLayout>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/order_botton"
android:text="Pay and Proceed"
android:textColor="#fff"
android:layout_gravity="center"
android:gravity="center"
android:layout_marginTop="50dp"/>

</LinearLayout>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bbg">

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="30dp">

<ImageView
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/menu_2"/>

<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/search_w"
android:layout_alignParentRight="true"/>

</RelativeLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_marginTop="50dp">

<ImageView
android:layout_width="400dp"
android:layout_height="330dp"
android:src="@drawable/img_bg"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Purchased! Happy Reading"
android:textSize="20dp"
android:textColor="#fff"
android:textStyle="bold"/>

<Button
android:layout_width="350dp"
android:layout_height="60dp"
android:background="@drawable/button_bg"
android:layout_marginTop="30dp"
android:text="Start Reading"
android:textStyle="bold"
android:textColor="#2196F3"/>

</LinearLayout>

</LinearLayout>


All Photo RES FILE DRABBLE





































Post a Comment

Previous Post Next Post
Girl in a jacket