In My Application i have to use the Calculator.
The Different Button in Calculator should be like below image.
So, What should be better to implement such type of the Layout ?
I think gridView is good, but while thinking about the “0” Button and the Button below “C” button, I dont know how to set it in to the gridview.
So Anybudy tell me which one is the Best way to set this type of layout ?
recently i have use the relative layout to set this layout.
Please help me regarding this. and if the GridView is nice with this then tell me what should i have to do with that two buttons: one is “0” button and second is the Button that is below thee Button of “left errow”.
Code to have Use the RelativeLayout:
<RelativeLayout android:id="@+id/calculationButtonLayout"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_below="@+id/totalAmount" android:layout_margin="10dp">
<RelativeLayout android:id="@+id/linear_layout" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:orientation="vertical"
android:layout_centerInParent="true" android:gravity="center_horizontal">
<!-- First row Start -->
<Button android:id="@+id/sevenNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="7" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<Button android:id="@+id/eightNumber" android:layout_toRightOf="@+id/sevenNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="8" android:textColor="#ffffff" android:textSize="22dp"
android:background="@drawable/selector_button"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"/>
<Button android:id="@+id/nineNumber" android:layout_toRightOf="@+id/eightNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="9" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<Button android:id="@+id/acButton" android:layout_toRightOf="@+id/nineNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="AC" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/brown_button"/>
<!-- First row Finish -->
<!-- Second row Start -->
<Button android:id="@+id/fourNumber" android:layout_below="@+id/sevenNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="4" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<Button android:id="@+id/fiveNumber" android:layout_toRightOf="@+id/fourNumber" android:layout_below="@+id/eightNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="5" android:textColor="#ffffff" android:textSize="22dp"
android:background="@drawable/selector_button"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"/>
<Button android:id="@+id/sixNumber" android:layout_toRightOf="@+id/fiveNumber" android:layout_below="@+id/nineNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="6" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<Button android:id="@+id/clearButton" android:layout_toRightOf="@+id/sixNumber" android:layout_below="@+id/acButton"
android:layout_height="50dp" android:layout_width="50dp"
android:text="C" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/brown_button"/>
<!-- Second row finish -->
<!-- Third row Start -->
<Button android:id="@+id/oneNumber" android:layout_below="@+id/fourNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="1" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<Button android:id="@+id/twoNumber" android:layout_toRightOf="@+id/oneNumber" android:layout_below="@+id/fiveNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="2" android:textColor="#ffffff" android:textSize="22dp"
android:background="@drawable/selector_button"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"/>
<Button android:id="@+id/threeNumber" android:layout_toRightOf="@+id/twoNumber" android:layout_below="@+id/sixNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="3" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<!-- Third row finish -->
<!-- Fourth row Start -->
<Button android:id="@+id/zeroNumber" android:layout_below="@+id/oneNumber"
android:layout_height="50dp" android:layout_width="110dp"
android:text="0" android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:background="@drawable/selector_button"/>
<Button android:id="@+id/dotNumber" android:layout_toRightOf="@+id/zeroNumber" android:layout_below="@+id/threeNumber"
android:layout_height="50dp" android:layout_width="50dp"
android:text="." android:textColor="#ffffff" android:textSize="22dp"
android:background="@drawable/selector_button"
android:layout_marginTop="5dp" android:layout_marginBottom="5dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"/>
<Button android:id="@+id/doNothing" android:layout_toRightOf="@+id/threeNumber" android:layout_height="wrap_content" android:layout_width="50dp"
android:textColor="#ffffff" android:textSize="22dp"
android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
android:background="@drawable/do_nothing_button" android:layout_alignBottom="@+id/dotNumber" android:layout_alignTop="@+id/threeNumber"/>
<!-- Third row finish -->
</RelativeLayout>
</RelativeLayout>
The Image that i got after this Layout is:
In this Image the Keypad is not fit to the Whole Middle Window. I want to fit it in to the Window also.
So What should i have to do for it ?
You should use
Relative layoutas it will adjust itself with different resolution screens.