Gridlayout Going Out Of Bounds

I am trying to reproduce this calculator layout with the GridLayout but this is what I get with the code I tried. In fact on the device it gets even worse, it cuts even more the

Solution 1:

Change the view to android.support.v7.widget.GridLayout. And also add app:layout_columnWeight to each view and set the layout_width to 0dp. The Space view is not needed.

(Tested with Genymotion/VM Nexus Android 5.0 and Nexus 9 with Android 6.0.1)

This is the end result:

<android.support.v7.widget.GridLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#fff"app:columnCount="5"app:rowCount="2"app:orientation="horizontal"android:padding="5dp"><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="1"android:text="1" /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="1"android:text="2" /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="1"android:text="3" /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="1"android:text="-" /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="2"app:layout_gravity="fill_vertical"android:text="=" /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="2"app:layout_rowSpan="1"app:layout_gravity="fill_horizontal"android:text="0" /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="1"android:text="." /><Buttonapp:layout_columnWeight="1"android:layout_width="0dp"app:layout_columnSpan="1"app:layout_rowSpan="1"android:text="+" /></android.support.v7.widget.GridLayout>