Develop Reference

Layout issue related to "Relative Layout"

Hi I'm making my first android program 'a calculator'. I was using the relative layout instead linear layout and I found some problems when it running it in the emulator.
1) the frame has not centered in the screen.
2) Once it is in the landscape mode, the numbers again goes to left side instead of centering it.
I tried many ways but still the problem remains same.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="#+id/textView"
android:background="#fbf8c9"
android:editable="true"
android:layout_alignParentTop="true"
android:layout_alignRight="#+id/button13"
android:layout_alignEnd="#+id/button13"
android:layout_marginTop="63dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:id="#+id/button"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:id="#+id/button2"
android:layout_above="#+id/button5"
android:layout_toRightOf="#+id/button"
android:layout_toEndOf="#+id/button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3"
android:id="#+id/button3"
android:layout_alignBottom="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:layout_toEndOf="#+id/button2" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4"
android:id="#+id/button4"
android:layout_below="#+id/button"
android:layout_alignLeft="#+id/button"
android:layout_alignStart="#+id/button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5"
android:id="#+id/button5"
android:layout_above="#+id/button8"
android:layout_toLeftOf="#+id/button3"
android:layout_toStartOf="#+id/button3" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6"
android:id="#+id/button6"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button2"
android:layout_toEndOf="#+id/button2" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7"
android:id="#+id/button7"
android:layout_below="#+id/button4"
android:layout_alignLeft="#+id/button4"
android:layout_alignStart="#+id/button4" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8"
android:id="#+id/button8"
android:layout_below="#+id/button4"
android:layout_toLeftOf="#+id/button6"
android:layout_toStartOf="#+id/button6" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9"
android:id="#+id/button9"
android:layout_alignBottom="#+id/button8"
android:layout_toRightOf="#+id/button8"
android:layout_toEndOf="#+id/button8" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:id="#+id/button10"
android:layout_alignTop="#+id/button12"
android:layout_toLeftOf="#+id/button12"
android:layout_toStartOf="#+id/button12" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:id="#+id/button11"
android:layout_alignTop="#+id/button10"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:id="#+id/button12"
android:layout_below="#+id/button8"
android:layout_alignRight="#+id/button9"
android:layout_alignEnd="#+id/button9" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*"
android:id="#+id/button13"
android:layout_toRightOf="#+id/button3"
android:layout_alignTop="#+id/button3"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/"
android:id="#+id/button14"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button6"
android:layout_alignTop="#+id/button6" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="10"
android:id="#+id/button15"
android:layout_toRightOf="#+id/button9"
android:layout_alignTop="#+id/button9" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="20"
android:id="#+id/button16"
android:layout_alignTop="#+id/button12"
android:layout_toRightOf="#+id/button12"
android:layout_toEndOf="#+id/button12" />
</RelativeLayout>
</RelativeLayout>
please someone kindly help me in solving this issue..

Try the following.
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerInParent="true"
>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="#+id/textView"
android:background="#fbf8c9"
android:editable="true"
android:layout_alignParentTop="true"
android:layout_alignRight="#+id/button13"
android:layout_alignEnd="#+id/button13"
android:layout_marginTop="63dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:id="#+id/button"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:id="#+id/button2"
android:layout_above="#+id/button5"
android:layout_toRightOf="#+id/button"
android:layout_toEndOf="#+id/button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3"
android:id="#+id/button3"
android:layout_alignBottom="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:layout_toEndOf="#+id/button2" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4"
android:id="#+id/button4"
android:layout_below="#+id/button"
android:layout_alignLeft="#+id/button"
android:layout_alignStart="#+id/button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5"
android:id="#+id/button5"
android:layout_above="#+id/button8"
android:layout_toLeftOf="#+id/button3"
android:layout_toStartOf="#+id/button3" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6"
android:id="#+id/button6"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button2"
android:layout_toEndOf="#+id/button2" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7"
android:id="#+id/button7"
android:layout_below="#+id/button4"
android:layout_alignLeft="#+id/button4"
android:layout_alignStart="#+id/button4" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8"
android:id="#+id/button8"
android:layout_below="#+id/button4"
android:layout_toLeftOf="#+id/button6"
android:layout_toStartOf="#+id/button6" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9"
android:id="#+id/button9"
android:layout_alignBottom="#+id/button8"
android:layout_toRightOf="#+id/button8"
android:layout_toEndOf="#+id/button8" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:id="#+id/button10"
android:layout_alignTop="#+id/button12"
android:layout_toLeftOf="#+id/button12"
android:layout_toStartOf="#+id/button12" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:id="#+id/button11"
android:layout_alignTop="#+id/button10"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:id="#+id/button12"
android:layout_below="#+id/button8"
android:layout_alignRight="#+id/button9"
android:layout_alignEnd="#+id/button9" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*"
android:id="#+id/button13"
android:layout_toRightOf="#+id/button3"
android:layout_alignTop="#+id/button3"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/"
android:id="#+id/button14"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button6"
android:layout_alignTop="#+id/button6" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="10"
android:id="#+id/button15"
android:layout_toRightOf="#+id/button9"
android:layout_alignTop="#+id/button9" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="20"
android:id="#+id/button16"
android:layout_alignTop="#+id/button12"
android:layout_toRightOf="#+id/button12"
android:layout_toEndOf="#+id/button12" />
</RelativeLayout>

Try this in your xml:
android:layout_centerInParent="true"
android:gravity="center"
android:layout_gravity="center"

this is common issue in RelativeLayout you must be use LinearLayout

Relative layout doesn't properly display as expected in Landscape view

Hi I'm making my first android program 'a calculator'. I was using the relative layout instead linear layout and I found some problems when it running it in the emulator.
1) the frame has not centered in the screen. 2) Once it is in the landscape mode, the numbers again goes to left side instead of centering it.
I tried many ways but still the problem remains same.
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerInParent="true"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="#+id/textView2"
android:background="#fbf8c9"
android:editable="true"
android:layout_marginTop="20dp"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:id="#+id/button"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:id="#+id/button2"
android:layout_above="#+id/button5"
android:layout_toRightOf="#+id/button"
android:layout_toEndOf="#+id/button"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3"
android:id="#+id/button3"
android:layout_alignBottom="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:layout_toEndOf="#+id/button2"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4"
android:id="#+id/button4"
android:layout_below="#+id/button"
android:layout_alignLeft="#+id/button"
android:layout_alignStart="#+id/button"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5"
android:id="#+id/button5"
android:layout_above="#+id/button8"
android:layout_toLeftOf="#+id/button3"
android:layout_toStartOf="#+id/button3"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6"
android:id="#+id/button6"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button2"
android:layout_toEndOf="#+id/button2"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7"
android:id="#+id/button7"
android:layout_below="#+id/button4"
android:layout_alignLeft="#+id/button4"
android:layout_alignStart="#+id/button4"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8"
android:id="#+id/button8"
android:layout_below="#+id/button4"
android:layout_toLeftOf="#+id/button6"
android:layout_toStartOf="#+id/button6"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9"
android:id="#+id/button9"
android:layout_alignBottom="#+id/button8"
android:layout_toRightOf="#+id/button8"
android:layout_toEndOf="#+id/button8"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:id="#+id/button10"
android:layout_alignTop="#+id/button12"
android:layout_toLeftOf="#+id/button12"
android:layout_toStartOf="#+id/button12"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:id="#+id/button11"
android:layout_alignTop="#+id/button12"
android:layout_toRightOf="#+id/button12"
android:layout_toEndOf="#+id/button12"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="="
android:id="#+id/button12"
android:layout_below="#+id/button8"
android:layout_alignRight="#+id/button9"
android:layout_alignEnd="#+id/button9"
android:onClick="buttonOnClick"
android:background="#dcfa82" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*"
android:id="#+id/button13"
android:layout_toRightOf="#+id/button3"
android:layout_alignTop="#+id/button3"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/"
android:id="#+id/button14"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button6"
android:layout_alignTop="#+id/button6"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:id="#+id/button15"
android:layout_toRightOf="#+id/button9"
android:layout_alignTop="#+id/button9"
android:onClick="buttonOnClick" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="AC"
android:id="#+id/button16"
android:layout_alignTop="#+id/button10"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:onClick="buttonOnClick" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:id="#+id/textView1"
android:background="#fbf8c9"
android:editable="true"
android:layout_marginTop="10dp"
android:layout_below="#+id/textView2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
</RelativeLayout>
</RelativeLayout>
please someone kindly help me in solving this issue..

I would suggest wrapping all the buttons in a View which itself can be centered in the RelativeLayout, such as a TableLayout. Here is a LinearLayout approach since you really only need the button-grid centered in a RelativeLayout. You can get all the buttons to fill the screen (like in the third photo) in a TableLayout using android:stretchColumns="*".
<?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">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/textView"
android:background="#fbf8c9"/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fbf8c9"
android:layout_marginTop="10dp"
android:id="#+id/textView2"/>
<RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent">
<TableLayout android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp">
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:id="#+id/button"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:id="#+id/button2"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3"
android:id="#+id/button3"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*"
android:id="#+id/button13"
android:onClick="buttonOnClick"/>
</TableRow>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4"
android:id="#+id/button4"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5"
android:id="#+id/button5"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6"
android:id="#+id/button6"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/"
android:id="#+id/button14"
android:onClick="buttonOnClick"/>
</TableRow>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7"
android:id="#+id/button7"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8"
android:id="#+id/button8"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9"
android:id="#+id/button9"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:id="#+id/button15"
android:onClick="buttonOnClick"/>
</TableRow>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="AC"
android:id="#+id/button16"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="="
android:id="#+id/button12"
android:onClick="buttonOnClick"
android:background="#dcfa82"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0"
android:id="#+id/button10"
android:onClick="buttonOnClick"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:id="#+id/button11"
android:onClick="buttonOnClick"/>
</TableRow>
</TableLayout>
</RelativeLayout>
</LinearLayout>

How about this?
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:background="#fbf8c9"
android:editable="true"
android:text="123243"
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_marginTop="10dp"/>
<RelativeLayout
android:id="#+id/relLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_marginTop="100dp">
<Button
android:id="#+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLefttOf="#+id/button2"
android:onClick="buttonOnClick"
android:text="1" />
<Button
android:id="#+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/button5"
android:layout_toEndOf="#+id/button"
android:layout_toRightOf="#+id/button"
android:onClick="buttonOnClick"
android:text="2" />
<Button
android:id="#+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="#+id/button2"
android:layout_toEndOf="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:onClick="buttonOnClick"
android:text="3" />
<Button
android:id="#+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/button"
android:layout_alignStart="#+id/button"
android:layout_below="#+id/button"
android:onClick="buttonOnClick"
android:text="4" />
<Button
android:id="#+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/button8"
android:layout_toLeftOf="#+id/button3"
android:layout_toStartOf="#+id/button3"
android:onClick="buttonOnClick"
android:text="5" />
<Button
android:id="#+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/button3"
android:layout_toEndOf="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:onClick="buttonOnClick"
android:text="6" />
<Button
android:id="#+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/button4"
android:layout_alignStart="#+id/button4"
android:layout_below="#+id/button4"
android:onClick="buttonOnClick"
android:text="7" />
<Button
android:id="#+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/button4"
android:layout_toLeftOf="#+id/button6"
android:layout_toStartOf="#+id/button6"
android:onClick="buttonOnClick"
android:text="8" />
<Button
android:id="#+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="#+id/button8"
android:layout_toEndOf="#+id/button8"
android:layout_toRightOf="#+id/button8"
android:onClick="buttonOnClick"
android:text="9" />
<Button
android:id="#+id/button10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button12"
android:layout_toLeftOf="#+id/button12"
android:layout_toStartOf="#+id/button12"
android:onClick="buttonOnClick"
android:text="0" />
<Button
android:id="#+id/button11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button12"
android:layout_toEndOf="#+id/button12"
android:layout_toRightOf="#+id/button12"
android:onClick="buttonOnClick"
android:text="+" />
<Button
android:id="#+id/button12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="#+id/button9"
android:layout_alignRight="#+id/button9"
android:layout_below="#+id/button8"
android:background="#dcfa82"
android:onClick="buttonOnClick"
android:text="=" />
<Button
android:id="#+id/button13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button3"
android:layout_toRightOf="#+id/button3"
android:onClick="buttonOnClick"
android:text="*" />
<Button
android:id="#+id/button14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button6"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button6"
android:onClick="buttonOnClick"
android:text="/" />
<Button
android:id="#+id/button15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button9"
android:layout_toRightOf="#+id/button9"
android:onClick="buttonOnClick"
android:text="-" />
<Button
android:id="#+id/button16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignTop="#+id/button10"
android:onClick="buttonOnClick"
android:text="AC" />
</RelativeLayout>
<TextView
android:id="#+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="50dp"
android:background="#fbf8c9"
android:editable="true"
android:textAppearance="?android:attr/textAppearanceLarge" />
</RelativeLayout>
Portrait:
Landscape:

Below code should work, but I don't suggest using RelativeLayout which causes slow performance compared to other ViewGroups. Also you should reference existing calculator apps and separate portrait and landscape into 2 different layouts.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerVertical="true" >
<TextView
android:id="#+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="10dp"
android:background="#fbf8c9"
android:editable="true"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TextView
android:id="#+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_below="#+id/textView2"
android:layout_marginTop="10dp"
android:background="#fbf8c9"
android:editable="true"
android:textAppearance="?android:attr/textAppearanceLarge" />
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/textView1"
android:layout_marginTop="10dp"
android:layout_centerHorizontal="true">
<Button
android:id="#+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLefttOf="#+id/button2"
android:onClick="buttonOnClick"
android:text="1" />
<Button
android:id="#+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/button5"
android:layout_toEndOf="#+id/button"
android:layout_toRightOf="#+id/button"
android:onClick="buttonOnClick"
android:text="2" />
<Button
android:id="#+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="#+id/button2"
android:layout_toEndOf="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:onClick="buttonOnClick"
android:text="3" />
<Button
android:id="#+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/button"
android:layout_alignStart="#+id/button"
android:layout_below="#+id/button"
android:onClick="buttonOnClick"
android:text="4" />
<Button
android:id="#+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/button8"
android:layout_toLeftOf="#+id/button3"
android:layout_toStartOf="#+id/button3"
android:onClick="buttonOnClick"
android:text="5" />
<Button
android:id="#+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/button3"
android:layout_toEndOf="#+id/button2"
android:layout_toRightOf="#+id/button2"
android:onClick="buttonOnClick"
android:text="6" />
<Button
android:id="#+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/button4"
android:layout_alignStart="#+id/button4"
android:layout_below="#+id/button4"
android:onClick="buttonOnClick"
android:text="7" />
<Button
android:id="#+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/button4"
android:layout_toLeftOf="#+id/button6"
android:layout_toStartOf="#+id/button6"
android:onClick="buttonOnClick"
android:text="8" />
<Button
android:id="#+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="#+id/button8"
android:layout_toEndOf="#+id/button8"
android:layout_toRightOf="#+id/button8"
android:onClick="buttonOnClick"
android:text="9" />
<Button
android:id="#+id/button10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button12"
android:layout_toLeftOf="#+id/button12"
android:layout_toStartOf="#+id/button12"
android:onClick="buttonOnClick"
android:text="0" />
<Button
android:id="#+id/button11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button12"
android:layout_toEndOf="#+id/button12"
android:layout_toRightOf="#+id/button12"
android:onClick="buttonOnClick"
android:text="+" />
<Button
android:id="#+id/button12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="#+id/button9"
android:layout_alignRight="#+id/button9"
android:layout_below="#+id/button8"
android:background="#dcfa82"
android:onClick="buttonOnClick"
android:text="=" />
<Button
android:id="#+id/button13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button3"
android:layout_toRightOf="#+id/button3"
android:onClick="buttonOnClick"
android:text="*" />
<Button
android:id="#+id/button14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button6"
android:layout_below="#+id/button3"
android:layout_toRightOf="#+id/button6"
android:onClick="buttonOnClick"
android:text="/" />
<Button
android:id="#+id/button15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button9"
android:layout_toRightOf="#+id/button9"
android:onClick="buttonOnClick"
android:text="-" />
<Button
android:id="#+id/button16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignTop="#+id/button10"
android:onClick="buttonOnClick"
android:text="AC" />
</RelativeLayout>
</RelativeLayout>
</RelativeLayout>

Exception raised during rendering: Circular dependencies cannot exist in RelativeLayout

I tried to display the code in android studio and got this error:
Exception raised during rendering: Circular dependencies cannot exist in RelativeLayout.
I tried changing the code in many spots but nothing seemed to help.....
In the layout i was trying to make a line of text boxes and two parallel lines of TextView. I would like to keep this design so that it stays that way. so if someone has an answer that keeps it in place and fixes the problem i would be very great-full if he posted it.
this is my code:
<TextView
android:text="#string/added"
android:textSize="45sp"
android:id="#+id/welcome_name4"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView5"
android:textColor="#000"
android:layout_below="#+id/welcome_name4"
android:layout_alignLeft="#+id/textView6"
android:layout_alignStart="#+id/textView6" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView6"
android:textColor="#000"
android:layout_below="#+id/textView5"
android:layout_alignLeft="#+id/textView7"
android:layout_alignStart="#+id/textView7" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView7"
android:textColor="#000"
android:layout_below="#+id/textView6"
android:layout_alignLeft="#+id/textView8"
android:layout_alignStart="#+id/textView8" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView8"
android:textColor="#000"
android:layout_above="#+id/textView7"
android:layout_alignLeft="#+id/textView9"
android:layout_alignStart="#+id/textView9" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView9"
android:textColor="#000"
android:layout_alignTop="#+id/textView8"
android:layout_alignLeft="#+id/textView10"
android:layout_alignStart="#+id/textView10" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView10"
android:textColor="#000"
android:layout_below="#+id/textView9"
android:layout_alignLeft="#+id/textView11"
android:layout_alignStart="#+id/textView11" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView11"
android:textColor="#000"
android:layout_below="#+id/textView10"
android:layout_alignLeft="#+id/textView12"
android:layout_alignStart="#+id/textView12" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView12"
android:textColor="#000"
android:layout_alignTop="#+id/textView32"
android:layout_alignLeft="#+id/textView13"
android:layout_alignStart="#+id/textView13" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView13"
android:textColor="#000"
android:layout_below="#+id/textView12"
android:layout_alignLeft="#+id/textView10"
android:layout_alignStart="#+id/textView10" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView14"
android:textColor="#000"
android:layout_below="#+id/textView13"
android:layout_alignLeft="#+id/textView13"
android:layout_alignStart="#+id/textView13" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView15"
android:textColor="#000"
android:layout_below="#+id/textView14"
android:layout_alignStart="#+id/textView16"
android:layout_alignLeft="#+id/textView16"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView16"
android:textColor="#000"
android:layout_below="#+id/textView15"
android:layout_toLeftOf="#+id/cb11"
android:layout_toStartOf="#+id/cb11" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView17"
android:textColor="#000"
android:layout_above="#+id/textView18"
android:layout_alignStart="#+id/textView15"
android:layout_alignLeft="#+id/textView15"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView18"
android:textColor="#000"
android:layout_alignTop="#+id/textView38"
android:layout_alignLeft="#+id/textView17"
android:layout_alignStart="#+id/textView17" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView19"
android:textColor="#000"
android:layout_below="#+id/textView18"
android:layout_alignLeft="#+id/textView18"
android:layout_alignStart="#+id/textView18" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView20"
android:textColor="#000"
android:layout_below="#+id/textView19"
android:layout_alignLeft="#+id/textView19"
android:layout_alignStart="#+id/textView19" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView21"
android:textColor="#000"
android:layout_below="#+id/textView20"
android:layout_alignLeft="#+id/textView18"
android:layout_alignStart="#+id/textView18" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView22"
android:textColor="#000"
android:layout_below="#+id/textView21"
android:layout_alignLeft="#+id/textView21"
android:layout_alignStart="#+id/textView21" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView23"
android:textColor="#000"
android:layout_alignTop="#+id/textView43"
android:layout_alignLeft="#+id/textView24"
android:layout_alignStart="#+id/textView24" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView24"
android:textColor="#000"
android:layout_alignTop="#+id/textView23"
android:layout_alignLeft="#+id/textView22"
android:layout_alignStart="#+id/textView22" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView25"
android:layout_above="#+id/textView6"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView26"
android:layout_below="#+id/textView25"
android:layout_alignRight="#+id/welcome_name4"
android:layout_alignEnd="#+id/welcome_name4" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView27"
android:layout_below="#+id/textView26"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView28"
android:layout_below="#+id/textView27"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView29"
android:layout_below="#+id/textView28"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView30"
android:layout_below="#+id/textView29"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView31"
android:layout_below="#+id/textView30"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView32"
android:layout_below="#+id/textView31"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView33"
android:layout_below="#+id/textView32"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView34"
android:layout_below="#+id/textView33"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView35"
android:layout_below="#+id/textView34"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView36"
android:layout_below="#+id/textView35"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView37"
android:layout_below="#+id/textView36"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView38"
android:layout_below="#+id/textView37"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView39"
android:layout_below="#+id/textView38"
android:layout_alignRight="#+id/welcome_name4"
android:layout_alignEnd="#+id/welcome_name4" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView40"
android:layout_alignTop="#+id/textView20"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView41"
android:layout_below="#+id/textView40"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView42"
android:layout_below="#+id/textView41"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView43"
android:layout_below="#+id/textView42"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="#+id/textView44"
android:layout_below="#+id/textView43"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" android:textColor="#000"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:onClick="deleteMember"
android:id="#+id/cb1"
android:tag="1"
android:layout_above="#+id/textView6"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_below="#+id/welcome_name4" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:onClick="deleteMember"
android:id="#+id/cb2"
android:tag="2"
android:layout_below="#+id/textView5"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView6" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="3"
android:onClick="deleteMember"
android:id="#+id/cb3"
android:layout_alignTop="#+id/textView7"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView8" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="4"
android:onClick="deleteMember"
android:id="#+id/cb4"
android:layout_below="#+id/cb3"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView8" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="5"
android:onClick="deleteMember"
android:id="#+id/cb5"
android:layout_alignTop="#+id/textView9"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView10" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="6"
android:onClick="deleteMember"
android:id="#+id/cb6"
android:layout_below="#+id/cb5"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView11" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="7"
android:onClick="deleteMember"
android:id="#+id/cb7"
android:layout_below="#+id/textView10"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView11" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="deleteMember"
android:tag="8"
android:id="#+id/cb8"
android:layout_alignTop="#+id/textView12"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView13"
android:checked="false" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="9"
android:onClick="deleteMember"
android:id="#+id/cb9"
android:layout_below="#+id/textView12"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView14" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="10"
android:onClick="deleteMember"
android:id="#+id/cb10"
android:layout_below="#+id/textView13"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView14" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="11"
android:onClick="deleteMember"
android:id="#+id/cb11"
android:layout_below="#+id/cb10"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView16" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="12"
android:onClick="deleteMember"
android:id="#+id/cb12"
android:layout_below="#+id/cb11"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView17" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="13"
android:onClick="deleteMember"
android:id="#+id/cb13"
android:layout_below="#+id/textView16"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView17" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="14"
android:onClick="deleteMember"
android:id="#+id/cb14"
android:layout_alignTop="#+id/textView18"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView19" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="15"
android:onClick="deleteMember"
android:id="#+id/cb15"
android:layout_below="#+id/textView18"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView20" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="16"
android:onClick="deleteMember"
android:id="#+id/cb16"
android:layout_below="#+id/textView19"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView21" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="17"
android:onClick="deleteMember"
android:id="#+id/cb17"
android:layout_below="#+id/textView20"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_above="#+id/textView22" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="18"
android:onClick="deleteMember"
android:id="#+id/cb18"
android:layout_below="#+id/textView21"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView22" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="19"
android:onClick="deleteMember"
android:id="#+id/cb19"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_below="#+id/textView22"
android:layout_alignBottom="#+id/textView23" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:tag="20"
android:onClick="deleteMember"
android:id="#+id/cb20"
android:layout_below="#+id/textView23"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="#+id/textView44" />
Thanks a lot for helping:)

Your Views are referring to each other in a bidirectional way, which causes the circular dependency that you should not have.
For example: textView5's position in the layout is based on textView6's position, but textView6's position is also based on textView5's position. This dependency should be only one-way.

android activity does not scroll down

I m using android studio 1.0.... In design ,my screen is get filled and when it runs it needs to scroll down but its not ... I tried previous answers an add scroll view in layout but there is error ( Scroll view can host only one child) enter code here
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:id="#+id/ScrollView">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="INTRODUCTION:"
android:id="#+id/heading1"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textAlignment="center"
android:phoneNumber="false"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="#string/Introduction"
android:id="#+id/textView2"
android:layout_below="#+id/heading1"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="10dp"
android:layout_marginStart="10dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="HYDROCARBON:"
android:id="#+id/textView3"
android:layout_below="#+id/textView2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="#string/hydrocarbon"
android:id="#+id/textView4"
android:layout_below="#+id/textView3"
android:layout_alignLeft="#+id/textView2"
android:layout_alignStart="#+id/textView2" />
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="#+id/imageView"
android:layout_below="#+id/textView4"
android:layout_centerHorizontal="true"
android:src="#drawable/ethane"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="TYPES OF HYDROCARBON:"
android:id="#+id/textView5"
android:layout_below="#+id/imageView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="#string/types"
android:id="#+id/textView6"
android:layout_below="#+id/textView5"
android:layout_alignLeft="#+id/textView4"
android:layout_alignStart="#+id/textView4" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Alkane"
android:id="#+id/textView7"
android:layout_below="#+id/textView6"
android:layout_alignLeft="#+id/textView6"
android:layout_alignStart="#+id/textView6" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Alkene"
android:id="#+id/textView8"
android:layout_below="#+id/textView7"
android:layout_alignLeft="#+id/textView7"
android:layout_alignStart="#+id/textView7" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Alkyne"
android:id="#+id/textView9"
android:layout_below="#+id/textView8"
android:layout_alignLeft="#+id/textView8"
android:layout_alignStart="#+id/textView8" />
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BACK"
android:id="#+id/button2"
android:onClick="mainPage"
android:layout_below="#+id/textView9"
android:layout_alignRight="#+id/textView8"
android:layout_alignEnd="#+id/textView8" />

This should help
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:id="#+id/ScrollView">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/RelativeLayout">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="INTRODUCTION:"
android:id="#+id/heading1"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textAlignment="center"
android:phoneNumber="false"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="#string/Introduction"
android:id="#+id/textView2"
android:layout_below="#+id/heading1"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="10dp"
android:layout_marginStart="10dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="HYDROCARBON:"
android:id="#+id/textView3"
android:layout_below="#+id/textView2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="#string/hydrocarbon"
android:id="#+id/textView4"
android:layout_below="#+id/textView3"
android:layout_alignLeft="#+id/textView2"
android:layout_alignStart="#+id/textView2" />
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:id="#+id/imageView"
android:layout_below="#+id/textView4"
android:layout_centerHorizontal="true"
android:src="#drawable/ethane" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="TYPES OF HYDROCARBON:"
android:id="#+id/textView5"
android:layout_below="#+id/imageView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="#string/types"
android:id="#+id/textView6"
android:layout_below="#+id/textView5"
android:layout_alignLeft="#+id/textView4"
android:layout_alignStart="#+id/textView4" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Alkane"
android:id="#+id/textView7"
android:layout_below="#+id/textView6"
android:layout_alignLeft="#+id/textView6"
android:layout_alignStart="#+id/textView6" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Alkene"
android:id="#+id/textView8"
android:layout_below="#+id/textView7"
android:layout_alignLeft="#+id/textView7"
android:layout_alignStart="#+id/textView7" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Alkyne"
android:id="#+id/textView9"
android:layout_below="#+id/textView8"
android:layout_alignLeft="#+id/textView8"
android:layout_alignStart="#+id/textView8" />
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BACK"
android:id="#+id/button2"
android:onClick="mainPage"
android:layout_below="#+id/textView9"
android:layout_alignRight="#+id/textView8"
android:layout_alignEnd="#+id/textView8" />
</RelativeLayout>
</ScrollView>

Scroll view tag can have only one child element
Put your content of scroll view in linear layout.
<ScrollView>
<LinearLayout>
.......
.......
.....
</LinearLayout>
</ScrollView>

Why layout appears different in devices?

I am not sure why the views are different but not stable.
<?xml version="1.0" encoding="utf-8"?>
<Button
android:id="#+id/b"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/a"
android:layout_alignBottom="#+id/a"
android:layout_toRightOf="#+id/a"
android:gravity="center"
android:text="B"
android:textSize="25dp" />
<Button
android:id="#+id/c"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/b"
android:layout_alignBottom="#+id/b"
android:layout_toRightOf="#+id/b"
android:gravity="center"
android:text="C"
android:textSize="25dp" />
<Button
android:id="#+id/d"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/c"
android:layout_alignBottom="#+id/c"
android:layout_toRightOf="#+id/c"
android:gravity="center"
android:text="D"
android:textSize="25dp" />
<Button
android:id="#+id/e"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/d"
android:layout_alignBottom="#+id/d"
android:layout_toRightOf="#+id/d"
android:gravity="center"
android:text="E"
android:textSize="25dp" />
<Button
android:id="#+id/h"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/g"
android:layout_alignBottom="#+id/g"
android:layout_toLeftOf="#+id/c"
android:gravity="center"
android:text="H"
android:textSize="25dp" />
<Button
android:id="#+id/i"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/m"
android:layout_toRightOf="#+id/h"
android:gravity="center"
android:text="I"
android:textSize="25dp" />
<Button
android:id="#+id/j"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/n"
android:layout_toRightOf="#+id/i"
android:gravity="center"
android:text="J"
android:textSize="25dp" />
<Button
android:id="#+id/m"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/g"
android:layout_below="#+id/g"
android:gravity="center"
android:text="M"
android:textSize="25dp" />
<Button
android:id="#+id/n"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/m"
android:layout_alignBottom="#+id/m"
android:layout_toRightOf="#+id/m"
android:gravity="center"
android:text="N"
android:textSize="25dp" />
<Button
android:id="#+id/k"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/n"
android:layout_toLeftOf="#+id/f"
android:gravity="center"
android:text="K"
android:textSize="25dp" />
<Button
android:id="#+id/l"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/n"
android:layout_toRightOf="#+id/w"
android:gravity="center"
android:text="L"
android:textSize="25dp" />
<Button
android:id="#+id/o"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/n"
android:layout_alignBottom="#+id/n"
android:layout_toRightOf="#+id/n"
android:gravity="center"
android:text="O"
android:textSize="25dp" />
<Button
android:id="#+id/s"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/m"
android:layout_below="#+id/m"
android:gravity="center"
android:text="S"
android:textSize="25dp" />
<Button
android:id="#+id/t"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/n"
android:layout_toLeftOf="#+id/o"
android:gravity="center"
android:text="T"
android:textSize="25dp" />
<Button
android:id="#+id/p"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/t"
android:layout_toRightOf="#+id/o"
android:gravity="center"
android:text="P"
android:textSize="25dp" />
<Button
android:id="#+id/r"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/t"
android:layout_alignLeft="#+id/l"
android:gravity="center"
android:text="R"
android:textSize="25dp" />
<Button
android:id="#+id/u"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/z"
android:layout_alignLeft="#+id/o"
android:gravity="center"
android:text="U"
android:textSize="25dp" />
<Button
android:id="#+id/v"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/p"
android:layout_toLeftOf="#+id/q"
android:gravity="center"
android:text="V"
android:textSize="25dp" />
<Button
android:id="#+id/w"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/p"
android:layout_toLeftOf="#+id/f"
android:gravity="center"
android:text="W"
android:textSize="25dp" />
<Button
android:id="#+id/q"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/k"
android:layout_toRightOf="#+id/p"
android:gravity="center"
android:text="Q"
android:textSize="25dp" />
<Button
android:id="#+id/x"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/z"
android:layout_toRightOf="#+id/q"
android:gravity="center"
android:text="X"
android:textSize="25dp" />
<Button
android:id="#+id/z"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/v"
android:layout_toLeftOf="#+id/q"
android:gravity="center"
android:text="Z"
android:textSize="25dp" />
<Button
android:id="#+id/f"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/e"
android:layout_alignBottom="#+id/e"
android:layout_toRightOf="#+id/e"
android:gravity="center"
android:text="F"
android:textSize="25dp" />
<Button
android:id="#+id/y"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/z"
android:layout_alignBottom="#+id/z"
android:layout_toLeftOf="#+id/z"
android:gravity="center"
android:text="Y"
android:textSize="25dp" />
<TextView
android:id="#+id/six"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/five"
android:layout_alignBottom="#+id/five"
android:layout_alignRight="#+id/d"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/five"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/four"
android:layout_alignBottom="#+id/four"
android:layout_toRightOf="#+id/c"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/four"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/three"
android:layout_alignBottom="#+id/three"
android:layout_alignLeft="#+id/c"
android:layout_marginLeft="14dp"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/three"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/two"
android:layout_alignBottom="#+id/two"
android:layout_alignRight="#+id/b"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/two"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/one"
android:layout_alignBottom="#+id/one"
android:layout_toRightOf="#+id/a"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/seven"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/six"
android:layout_alignBottom="#+id/six"
android:layout_alignRight="#+id/e"
android:layout_marginRight="15dp"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/three"
android:layout_alignParentLeft="true"
android:text="Chances:"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TextView
android:id="#+id/one"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/a"
android:layout_alignParentLeft="true"
android:layout_marginLeft="14dp"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/nine"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="#+id/f"
android:layout_alignRight="#+id/f"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<TextView
android:id="#+id/eight"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="#+id/seven"
android:layout_alignBottom="#+id/seven"
android:layout_toRightOf="#+id/seven"
android:text=""
android:textColor="#B40404"
android:textSize="30sp" />
<Button
android:id="#+id/a"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:gravity="center"
android:text="A"
android:textSize="25dp" />
<Button
android:id="#+id/g"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/b"
android:layout_toLeftOf="#+id/h"
android:gravity="center"
android:text="G"
android:textSize="25dp" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:orientation="horizontal" >
<ImageView
android:id="#+id/imgI"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignTop="#+id/imgD"
android:layout_centerHorizontal="true"
android:src="#drawable/i" />
<ImageView
android:id="#+id/imgL"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignTop="#+id/imgI"
android:layout_toRightOf="#+id/imgI"
android:src="#drawable/l" />
<ImageView
android:id="#+id/imgD"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentTop="true"
android:layout_marginTop="115dp"
android:layout_toLeftOf="#+id/imgI"
android:src="#drawable/d" />
<TextView
android:id="#+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="#+id/imgD"
android:layout_alignRight="#+id/imgL"
android:layout_below="#+id/imgI"
android:text=" ___ ___ ___"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="#+id/tCoins"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="#+id/ImageView01"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="#+id/imgL"
android:text=" "
android:textColor="#B40404"
android:textSize="25dp" />
<ImageView
android:id="#+id/ImageView01"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentTop="true"
android:layout_toLeftOf="#+id/tCoins"
android:src="#drawable/coins" />
</RelativeLayout>

To set your theme:
setTheme(android.R.style.Theme_Translucent_NoTitleBar); // Example theme;
Holo - Theme_Holo_NoTitleBar
You must call it before:
setContentView(...);
Or add this to your manifest:
android:theme="#android:style/Theme.Holo.NoActionBar.Fullscreen"
You can remove NoActionBar, and Fullscreen, to get different things. Also you can add stuff. If you do it with code, there is autocomplete and you can see all themes and options.
Hope this helps.

The first one uses the holo theme. The second devices uses the pre holo theme.

Just use your custom theme, so you can have a "standard" theme across any Android version. http://developer.android.com/guide/topics/ui/themes.html