Ggtcf

I want your help regarding a problem.
I am creating an app, and I have like 9 images which I want to appear horizontally across the screen.
Check this image

But in the above screenshot, as you can see, I have only 8 images and the screen seems to be full, I want to add one more image of number 9.
Here is my activity_main.xml (hastebin link)

It will be more helpful if you could explain to me a bit rather than just fixing it, also, could you please suggest other fixes, this is the college project I am working on.
Thank you for your precious time :)

add another attribute for ImageButton, use following code:

<?xml version="1.0" encoding="utf-8"?>
<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"
 android:background="@drawable/newbackground"
 android:orientation="vertical">

 <RelativeLayout
 android:layout_width="wrap_content"
 android:layout_height="200dp">

 <TextView
 android:id="@+id/scoreText"
 android:layout_width="55dp"
 android:layout_height="50dp"
 android:layout_alignParentTop="true"
 android:text="@string/myScore"
 android:textColor="@android:color/background_light"
 android:textSize="18sp" />

 </RelativeLayout>

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="150dp">

 <ImageButton
 android:id="@+id/number1"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_one" />

 <ImageButton
 android:id="@+id/number2"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_two" />

 <ImageButton
 android:id="@+id/number3"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_three" />

 <ImageButton
 android:id="@+id/number4"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_four" />

 <ImageButton
 android:id="@+id/number5"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_five" />

 <ImageButton
 android:id="@+id/number6"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_six" />

 <ImageButton
 android:id="@+id/number7"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_seven" />

 <ImageButton
 android:id="@+id/number8"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_eight" />

 <ImageButton
 android:id="@+id/number9"
 android:layout_width="0dp"
 android:layout_height="50dp"
 android:layout_weight="1"
 android:maxWidth="10dp"
 android:maxHeight="10dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/image_nine" />
 </LinearLayout>

 <LinearLayout
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="horizontal">

 <ImageView
 android:id="@+id/imageView"
 android:layout_width="220dp"
 android:layout_height="130dp"
 android:maxWidth="130dp"
 android:maxHeight="130dp"
 android:scaleType="fitCenter"
 app:srcCompat="@drawable/dice_6" />

 <ImageView
 android:id="@+id/imageView2"
 android:layout_width="wrap_content"
 android:layout_height="130dp"
 android:maxWidth="130dp"
 android:maxHeight="130dp"
 android:scaleType="fitCenter"
 android:layout_weight="1"
 app:srcCompat="@drawable/dice_6" />
 </LinearLayout>

 <RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content">

 <Button
 android:id="@+id/rollButton"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerHorizontal="true"
 android:layout_centerVertical="true"
 android:layout_marginBottom="109dp"
 android:background="@color/colorAccent"
 android:gravity="center_vertical"
 android:text="@string/rollButton"
 android:textAlignment="center"
 android:textColorLink="@color/colorAccent" />
 </RelativeLayout>
</LinearLayout>

If the images are fixed, you can set your LinearLayout width (the ones that contains the images) as "match_parent" and add the attribute weightSum = 9 . That will make its width the same as the container. Then you set each image width to 0 and add weight= 1.
This will make each image width 1/9 of the parent, no matter the size of the device screen.

It will look something like the answer of user9209780.