iDroid Explorer iDroid Explorer - 1 month ago 6
Android Question

Which Layout is better to use?

In My Application i have to use the Calculator.
The Different Button in Calculator should be like below image.
enter image description here

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:
enter image description here

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 ?

Answer

You should use Relative layout as it will adjust itself with different resolution screens.

Comments