0% found this document useful (0 votes)
11 views20 pages

How To Desing Multiple Designs in Androind Studio For Android Apps

The document contains multiple XML layouts for an Android application, including a login screen, a design system introduction, and a main application interface. Each layout utilizes various UI components such as ImageViews, TextViews, EditTexts, and Buttons, with specific attributes for styling and positioning. The layouts are designed to create a visually appealing user experience with a consistent color scheme and functionality.

Uploaded by

Dubstep Dance
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
11 views20 pages

How To Desing Multiple Designs in Androind Studio For Android Apps

The document contains multiple XML layouts for an Android application, including a login screen, a design system introduction, and a main application interface. Each layout utilizes various UI components such as ImageViews, TextViews, EditTexts, and Buttons, with specific attributes for styling and positioning. The layouts are designed to create a visually appealing user experience with a consistent color scheme and functionality.

Uploaded by

Dubstep Dance
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 20

<?xml version="1.0" encoding="utf-8"?

>
<LinearLayout 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:orientation="vertical"
android:background="#19527A"
tools:context=".AssignDesign01">

<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="160dp"
android:src="@drawable/picinstagram"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="APP SCREEM 01"
android:textSize="30sp"
android:textColor="#ffff"
android:layout_marginTop="80dp"
android:layout_gravity="center_horizontal"
android:textStyle="bold"

/>

<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:text="Next"
android:layout_gravity="center_horizontal"
android:background="@drawable/makeround"
android:textColor="#fff"
android:layout_marginTop="50dp"
/>

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="#EE0D0724"
android:layout_height="match_parent"
tools:context=".login">

<ImageView
android:layout_marginTop="80dp"
android:layout_width="200dp"
android:layout_height="100dp"
android:src="@drawable/picinstagram"
android:layout_centerHorizontal="true"
android:id="@+id/ivInstagram "
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sign In"
android:textColor="#ffff"
android:textSize="70sp"
android:id="@+id/tvSignIn"
android:layout_below="@+id/ivInstagram "
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
/>

<EditText
android:padding="10dp"
android:layout_centerHorizontal="true"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:id="@+id/etEmail"
android:layout_below="@+id/tvSignIn"
android:inputType="textEmailAddress"
android:textColorHint="#ffff"
android:hint="Email"
android:drawablePadding="10dp "
android:drawableLeft="@drawable/ic_email"
android:textSize="16sp"
android:layout_marginTop="10dp"
android:paddingLeft="10dp"

android:background="@drawable/makeround"

/>

<EditText
android:padding="10dp"
android:layout_centerHorizontal="true"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:id="@+id/etPassword"
android:layout_below="@+id/etEmail"
android:inputType="textPassword"
android:textColorHint="#fff"
android:hint="Password"
android:layout_marginTop="20dp"
android:paddingLeft="10dp"
android:textSize="16sp"
android:drawablePadding="10dp "

android:background="@drawable/makeround"
android:drawableLeft="@drawable/ic_lock"
/>

<Button
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textSize="18sp"
android:text="Login"
android:textColor="#ffff"
android:background="@drawable/makeround"
android:layout_below="@id/etPassword"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:onClick="SignIn"
android:id="@+id/btnLogin"
/>

<Button
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textSize="18sp"
android:text="Create Account"
android:textColor="#ffff"
android:background="@drawable/makeround"
android:layout_below="@id/btnLogin"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:onClick="create"
android:id="@+id/btnSignUp"
/>
</RelativeLayout>

<?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:background="#0E4685"
android:orientation="vertical">

<TextView
android:layout_width="200"
android:layout_height="wrap_content"
android:layout_marginLeft="90"
android:layout_marginTop="190dp"
android:drawableLeft="@drawable/ic_brightness"
android:text="argon"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="50sp"
android:textStyle="bold"

/>
<TextView
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginTop="70dp"
android:text="Design System"
android:textColor="#fff"
android:textSize="50sp"

/>

<TextView
android:layout_width="400"
android:layout_height="wrap_content"
android:text="Fully code React Native Component"
android:textAlignment="center"
android:textColor="#fff"
android:textSize="22sp"

/>
<Button
android:layout_width="360dp"
android:layout_marginTop="90dp"
android:layout_height="wrap_content"
android:text="Get Started"
android:textStyle="bold"
android:layout_gravity="center"
/>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context=".AssignDesign02">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp" >
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="20dp"
android:layout_marginTop="10dp"
android:src="@drawable/ic_menu" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="20dp"
android:text="Name"
android:textStyle="bold" />

<ImageView
android:layout_width="wrap_content "
android:layout_height="50dp"
android:layout_marginLeft="240dp"
android:src="@drawable/ic_notifications" />

<ImageView
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginLeft="5dp"
android:src="@drawable/ic_business" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="vertical">

<EditText
android:layout_width="375dp"
android:layout_height="35dp"
android:layout_gravity="center"
android:layout_marginTop="3dp"
android:background="@drawable/background_border"
android:drawableRight="@drawable/ic_search"
android:hint="What are you looking for?"
android:inputType="text" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:orientation="horizontal">

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="30dp"
android:src="@drawable/ic_cloud" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="3dp"
android:text="ICLOUD"
android:textSize="20"
android:textStyle="bold" />

<View
android:layout_width="3dp"
android:layout_height="20dp"
android:layout_gravity="center"
android:layout_marginLeft="40dp"
android:background="#574949" />

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="40dp"
android:src="@drawable/ic_language" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="3dp"
android:text="GOOGLE"
android:textSize="20sp"
android:textStyle="bold" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#39A8C5BC"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="15dp"
android:orientation="horizontal">

<ImageView
android:layout_width="200dp"
android:layout_height="100dp"
android:layout_marginLeft="20dp"
android:scaleType="fitXY"
android:src="@drawable/wal8" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:orientation="vertical" >

<TextView
android:layout_width="200dp"
android:layout_height="80dp"
android:background="#fff"
android:paddingLeft="5dp"
android:text="write anything..."
android:textColor="#000" />
<TextView
android:layout_width="200dp"
android:layout_height="20dp"
android:background="#fff"
android:paddingLeft="5dp"
android:text="@string/view_artical"
android:textColor="#212DB3" />
</LinearLayout>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="30dp"
android:orientation="horizontal">

<LinearLayout
android:layout_width="200"
android:layout_height="100"
android:orientation="vertical">

<ImageView
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_marginLeft="20dp"
android:scaleType="fitXY"
android:src="@drawable/wal2" />

<TextView
android:layout_width="100dp"
android:layout_height="25dp"
android:background="#fff"
android:layout_marginLeft="20dp"
android:text="write anythin..."
android:textColor="#000" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20dp"
android:text="@string/view_artical"
android:textColor="#212DB3"

/>

</LinearLayout>

<LinearLayout
android:layout_width="200dp"
android:layout_height="100dp"
android:layout_marginLeft="10dp"
android:orientation="vertical">

<ImageView
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_marginLeft="20dp"
android:scaleType="fitXY"
android:src="@drawable/wal3" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20dp"

android:text="write anythin..."
android:textColor="#000" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20dp"

android:text="@string/view_artical"
android:textColor="#212DB3"

/>
</LinearLayout>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="20dp"
android:orientation="horizontal">

<ImageView
android:layout_width="200dp"
android:layout_height="100dp"
android:layout_marginLeft="20dp"
android:scaleType="fitXY"
android:src="@drawable/wal9" />

<LinearLayout
android:layout_width="200dp"
android:layout_height="100dp"
android:orientation="vertical">

<TextView
android:layout_width="200dp"
android:layout_height="80dp"
android:background="#fff"
android:paddingLeft="9dp"
android:text="write anything you want..."

android:textColor="#000" />

<TextView
android:layout_width="200dp"
android:layout_height="20dp"
android:background="#fff"
android:paddingLeft="9dp"
android:text="@string/view_artical"
android:textColor="#212DB3"

/>

</LinearLayout>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="20dp"
android:orientation="horizontal">

<LinearLayout
android:layout_width="200"
android:layout_height="100"
android:orientation="vertical">

<ImageView
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_marginLeft="20dp"
android:background="#fff"
android:scaleType="fitXY"
android:src="@drawable/wal4" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20dp"
android:text="write anythin..."
android:textColor="#000" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20"
android:text="@string/view_artical"
android:textColor="#212DB3" />
</LinearLayout>

<LinearLayout
android:layout_width="200dp"
android:layout_height="100dp"
android:layout_marginLeft="10dp"
android:orientation="vertical">

<ImageView
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_marginLeft="20dp"
android:scaleType="fitXY"
android:src="@drawable/wal5" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20"
android:text="write anythin..."
android:textColor="#000" />

<TextView
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#fff"
android:layout_marginLeft="20dp"
android:text="@string/view_artical"
android:textColor="#212DB3" />
</LinearLayout>
</LinearLayout>

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

<ImageView
android:layout_width="350dp"
android:layout_height="70dp"
android:layout_gravity="bottom"
android:layout_marginLeft="30dp"
android:scaleType="fitXY"
android:src="@drawable/wal10" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="#EE0D0724"
android:layout_height="match_parent"
tools:context=".dashboard">

<ImageView
android:layout_marginTop="80dp"
android:layout_width="200dp"
android:layout_height="100dp"
android:src="@drawable/picinstagram"
android:layout_centerHorizontal="true"
android:id="@+id/ivInstagram "
/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sign In"
android:textColor="#ffff"
android:textSize="70sp"
android:id="@+id/tvSignIn"
android:layout_below="@+id/ivInstagram "
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
/>

<EditText
android:padding="10dp"
android:layout_centerHorizontal="true"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:layout_below="@+id/tvSignIn"
android:textColorHint="#ffff"
android:hint="Full Name"
android:drawablePadding="10dp "
android:drawableLeft="@drawable/ic_business"
android:textSize="16sp"
android:id="@+id/etname"
android:layout_marginTop="50dp"
android:paddingLeft="10dp"
android:background="@drawable/makeround" />

<EditText
android:padding="10dp"
android:layout_centerHorizontal="true"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:id="@+id/etEmail"
android:layout_below="@+id/etname"
android:inputType="textEmailAddress"
android:textColorHint="#ffff"
android:hint="Email"
android:drawablePadding="10dp "
android:drawableLeft="@drawable/ic_email"
android:textSize="16sp"
android:layout_marginTop="20dp"
android:paddingLeft="10dp"
android:background="@drawable/makeround" />

<EditText
android:padding="10dp"
android:layout_centerHorizontal="true"
android:layout_width="250dp"
android:layout_height="wrap_content"
android:id="@+id/etPassword"
android:layout_below="@+id/etEmail"
android:inputType="textPassword"
android:textColorHint="#fff"
android:hint="Password"
android:layout_marginTop="20dp"
android:paddingLeft="10dp"
android:textSize="16sp"
android:drawablePadding="10dp "
android:background="@drawable/makeround"
android:drawableLeft="@drawable/ic_lock" />
<Button
android:layout_width="250dp"
android:layout_height="wrap_content"
android:textSize="18sp"
android:text="Create"
android:textColor="#ffff"
android:background="@drawable/makeround"
android:layout_below="@id/etPassword"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:id="@+id/btnLogin" />
</RelativeLayout>

You might also like