Professional Documents
Culture Documents
Linear Layout
Linear Layout
>
<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"
tools:context=".MainActivity"
android:orientation="vertical" >
<Button
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:background="@color/colorAccent" />
<Button
android:id="@+id/btn2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:background="@color/colorPrimaryDark" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity"
android:background="@color/colorAccent"
>
<Button
android:id="@+id/btn3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:background="@color/colorAccent" />
<Button
android:id="@+id/btn4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:background="@color/colorPrimaryDark" />
</LinearLayout>
</LinearLayout>
--------------------------------------------------------
<TextView
android:id="@+id/parent_rl"
android:text="Parent RelativeLayout"
android:textSize="18sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/linearLayout"
android:layout_below="@id/parent_rl"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true">
<TextView
android:text="Nested Horizontal"
android:textSize="18sp"
android:layout_margin="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:text="LL"
android:textSize="18sp"
android:layout_margin="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:text="Double Nested"
android:textSize="18sp"
android:layout_margin="10dp"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:text="Vertical"
android:textSize="18sp"
android:layout_margin="10dp"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:text="LL"
android:textSize="18sp"
android:layout_margin="10dp"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/linearLayout">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Nested Relative Layout"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
<Button
android:id="@+id/back_button_pressed"
android:text="back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="66dp" />
</RelativeLayout>
<!--
<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="74dp"
android:layout_above="@+id/button8"
android:layout_alignParentStart="false"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="false"
android:layout_alignParentRight="true"
android:layout_marginStart="14dp"
android:layout_marginLeft="15dp"
android:layout_marginTop="7dp"
android:layout_marginEnd="169dp"
android:layout_marginRight="16dp"
android:layout_marginBottom="15dp"
android:background="@color/colorAccent"
android:text="Fahad"
android:textSize="40px" />
<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="151dp"
android:layout_marginLeft="151dp"
android:layout_marginEnd="172dp"
android:layout_marginRight="172dp"
android:layout_marginBottom="386dp"
android:background="@color/colorAccent"
android:text="Hussain"
android:textSize="40px" /> -->
</RelativeLayout>
--------------------------TABLE LAYOUT--------------------------------------
<TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:text="Time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="1" />
<TextClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textClock"
android:layout_column="2" />
</TableRow>
<TableRow>
<TextView
android:text="First Name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="1" />
<EditText
android:width="200px"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</TableRow>
<TableRow>
<TextView
android:text="Last Name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="1" />
<EditText
android:width="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<RatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ratingBar"
android:layout_column="2" />
</TableRow>
<TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
<TableRow
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Submit"
android:id="@+id/button"
android:layout_column="2" />
</TableRow>
----------------------------------------------------------------
</TableRow>
<TableRow android:paddingLeft="85px">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad CS"
android:textSize="40px"
/>
</TableRow>
<TableRow android:paddingLeft="85px" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
android:layout_column=""
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
</TableRow>
<TableRow android:paddingLeft="85px">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
</TableRow>
<TableRow android:paddingLeft="85px">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
</TableRow>
<TableRow android:paddingLeft="85px">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
</TableRow>
<TableRow android:paddingLeft="85px">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
</TableRow>
<TableRow android:paddingLeft="85px">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad"
android:textSize="40px"
android:textColor="@color/colorPrimaryDark"
android:background="@color/colorPrimary"
/>
</TableRow>
/>
<ImageView
android:layout_width="500px"
android:layout_height="500px"
android:src="@drawable/ali"
/>
<ImageView
android:layout_width="500px"
android:layout_height="500px"
android:src="@drawable/ali"
/>
<ImageView
android:layout_width="500px"
android:layout_height="500px"
android:src="@drawable/ali"
/>
<ImageView
android:layout_width="500px"
android:layout_height="500px"
android:src="@drawable/ali"
/>
<ImageView
android:layout_width="500px"
android:layout_height="500px"
android:src="@drawable/ali"
/>
</GridLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/fahad"
android:scaleType="fitXY"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Computer Science"
android:textSize="40sp"
android:textColor="@color/colorAccent"
android:layout_marginLeft="50px"
android:layout_marginTop="1200px"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fahad Hussain"
android:textSize="50sp"
android:textColor="@color/colorPrimary"
android:layout_marginLeft="50px"
android:layout_marginTop="1500px"
/>
-------------Absolute Layout-------
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/colorAccent"
android:text="Fahad"
android:layout_x="60px"
android:layout_y="600px"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/colorAccent"
android:text="Hussain"
android:layout_x="300px"
android:layout_y="600px"
/>
-------------Constraint Layout-------