All Integrated Design Codes

Published by Admin on

Table of Contents hide
1. Example : How to create an integrated design in an Android app in a LinearLayout View?
2. Example : Create a Login page in an Android application using a LinearLayout view.
3. Example : Create a Classical-look Login page in an Android application using a LinearLayout view.
4. Example : A User Registration App in a LinearLayout view.
Example : How to create an integrated design in an Android app in a LinearLayout View?

<?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:contentDescription="@string/app_name"
    android:orientation="vertical"
    tools:context=".MainActivity"

    android:gravity="center_horizontal"
    android:padding="15dp"
    android:id="@+id/main">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="300dp"

        android:src="@drawable/ic_launcher_background"
        android:id="@+id/ImgView1"

        android:scaleType="fitXY"
        android:adjustViewBounds="true"
        android:layout_marginBottom="20dp"
        android:contentDescription="Description of Image"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/TxtVwVal"
        android:text="@string/message"
        android:justificationMode="inter_word"

        android:textSize="15sp"
        android:textStyle="bold"
        android:textColor="@color/red"
        />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:ems="15"

        android:id="@+id/EdtTxtInptVal"
        android:inputType="text"
        android:textAlignment="center"
        android:hint="@string/msg5"/>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnSub"
            android:backgroundTint="@color/red"
            android:text="Submit"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginRight="05dp"
            android:textColor="@color/blue"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnRst"
            android:backgroundTint="@color/red"
            android:text="Reset"
            android:textStyle="bold"
            android:textSize="20sp"
            android:textColor="@color/blue"/>
    </TableRow>

</LinearLayout>
Example : Create a Login page in an Android application using a LinearLayout view.

<?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:contentDescription="@string/app_name"
    android:orientation="vertical"
    tools:context=".MainActivity"

    android:gravity="center_horizontal"
    android:padding="15dp"
    android:id="@+id/main"
    >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:ems="15"

        android:layout_marginTop="5dp"
        android:id="@+id/EdtTxtMsg"
        android:text="User Login"
        android:textSize="40dp"
        android:textStyle="bold"
        android:textColor="@color/blue"
        android:background="@color/yellow"
        android:textAlignment="center"/>

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:ems="15"

        android:layout_marginTop="60dp"
        android:id="@+id/EdtTxtUname"
        android:hint="Enter User Name Here"
        android:inputType="text"
        android:textAlignment="center"/>

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:ems="15"

        android:id="@+id/EdtTxtPass"
        android:hint="Enter Password Here"
        android:inputType="textPassword"

        android:textAlignment="center"/>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnSub"
            android:backgroundTint="@color/red"
            android:text="Submit"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginRight="05dp"
            android:textColor="@color/blue"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnRst"
            android:backgroundTint="@color/red"
            android:text="Reset"
            android:textStyle="bold"
            android:textSize="20sp"
            android:textColor="@color/blue"/>
    </TableRow>

</LinearLayout>
Example : Create a Classical-look Login page in an Android application using a LinearLayout view.

<?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:contentDescription="@string/app_name"
    android:orientation="vertical"
    tools:context=".MainActivity"

    android:padding="15dp"
    android:id="@+id/main">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:ems="15"

        android:layout_marginTop="5dp"
        android:id="@+id/EdtTxtMsg"
        android:text="User Login App"
        android:textSize="50sp"
        android:textStyle="bold"
        android:textColor="@color/green"
        android:background="@color/blue"
        android:textAlignment="center"/>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_marginTop="50dp">

        <TextView
            android:layout_width="80dp"
            android:text="User Name"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:ems="15"

            android:id="@+id/EdtTxtUname"
            android:inputType="text"/>
    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Password"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:ems="15"

            android:id="@+id/EdtTxtPass"
            android:inputType="textPassword"/>
    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="95dp"
        android:layout_marginTop="10dp">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnSub"
            android:backgroundTint="@color/red"
            android:text="Submit"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginRight="05dp"
            android:textColor="@color/blue"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnRst"
            android:backgroundTint="@color/red"
            android:text="Reset"
            android:textStyle="bold"
            android:textSize="20sp"
            android:textColor="@color/blue"/>
    </TableRow>

</LinearLayout>
Example : A User Registration App in a LinearLayout view.

<?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:contentDescription="@string/app_name"
    android:orientation="vertical"
    tools:context=".MainActivity"

    android:padding="5dp"
    android:id="@+id/main"
    >

    <TextView
        android:id="@+id/EdtTxtMsg"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="5dp"
        android:background="@color/blue"

        android:inputType="text"
        android:text="User Registration App"
        android:textAlignment="center"
        android:textColor="@color/green"
        android:textSize="30dp"
        android:textStyle="bold" />


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="20dp">

        <TextView
            android:layout_width="80dp"
            android:text="Name"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"
            android:hint="@string/msg5"
            android:id="@+id/EdtTxtName"
            android:inputType="text"/>

    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="User Name"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"

            android:id="@+id/EdtTxtUname"
            android:inputType="textAutoComplete"/>
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Password"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"

            android:id="@+id/EdtTxtPass"
            android:inputType="textPassword"/>
    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="E-mail"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"

            android:id="@+id/EdtTxtCPass"
            android:inputType="textEmailAddress"/>
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="DOB"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"

            android:id="@+id/Dob"
            android:inputType="date"/>
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Mobile No."
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"

            android:id="@+id/MobNo"
            android:inputType="number"/>
    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Gender"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <Spinner
            android:id="@+id/Gen"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"
            android:entries="@array/Gen"
            android:spinnerMode="dropdown" />
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Address"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <EditText
            android:id="@+id/Addr"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:ems="15"
            android:layout_weight="1"
            android:inputType="textMultiLine|textNoSuggestions"
            android:scrollbars="vertical"
            android:minLines="3"
            android:maxLines="6"/>
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Education"
            android:textStyle="bold"
            >
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold"
            >
        </TextView>

        <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:id="@+id/NonMatric"
            android:text="Non-Matric"/>

        <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:id="@+id/Matric"
            android:text="Matric"/>

        <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:id="@+id/Inter"
            android:text="Post/Graduate"/>
    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_marginTop="10dp">

        <TextView
            android:layout_width="80dp"
            android:text="Nationality"
            android:textStyle="bold">
        </TextView>

        <TextView
            android:layout_width="10dp"
            android:text=" :"
            android:textStyle="bold">
        </TextView>

        <RadioGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:id="@+id/Indian"
                android:checked="true"
                android:text="Indian"/>

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:id="@+id/Other"
                android:text="Other"/>
        </RadioGroup>

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:ems="15"

            android:id="@+id/OtherText"
            android:hint="Enter country name"
            android:inputType="text"/>
    </TableRow>


    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="95dp"
        android:layout_marginTop="10dp">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnSub"
            android:backgroundTint="@color/red"
            android:text="Submit"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginRight="05dp"
            android:textColor="@color/blue"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:id="@+id/BtnRst"
            android:backgroundTint="@color/red"
            android:text="Reset"
            android:textStyle="bold"
            android:textSize="20sp"
            android:textColor="@color/blue"/>
    </TableRow>

</LinearLayout>

NB : android:inputType="date" only manages date format(dd-MM-yyyy)and not display calendar list to choose the date.

Loading

Categories: Android

0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

Android

Splash Screen … (Examples)

Example : How to create a Splash Screen for an Android App/Activity using XML and Android Java. AndroidManifests.xml file ------------------------------ [Set .SplashScreenActivity.xml file as Top in Activity tag with --- contents] activity_splash_screen.xml ------------------------------ SplashScreenActivity.java ------------------------------ Read more…

Android

Basic and Misc. Codes (Examples)

Example : How to Create a New Project/Android Apps First Time in Android Studio(version Koala 2024.1.1)? Open a well set and properly configured Android Studio - Choose 'Projects' - Choose 'New Project' - Choose 'Phone Read more…

Android

Menu Design (Examples)

Example : How to create an Options Menu (Three Vertical Dot) in an Android App using XML and Android Java. NB: First of all, right click on res folder - New - Android resource directory Read more…