Scribd
Upload
124 views6 pages

Android XML Layout for Game UI

The document contains the XML code for a tic-tac-toe game layout. It defines the user interface elements like text views for displaying the player names and scores, and a 3x3 grid layout containing 9 text views for the game board squares. Constraints are placed on the elements to control their positioning on screen.

Uploaded by

Pīyush Sīngh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Topics covered

  • Visual Elements,
  • User Interaction,
  • Layout Height,
  • Background Color,
  • Button,
  • Score Display,
  • User Experience,
  • TextView,
  • Layout Gravity,
  • Game Elements
124 views6 pages

Android XML Layout for Game UI

The document contains the XML code for a tic-tac-toe game layout. It defines the user interface elements like text views for displaying the player names and scores, and a 3x3 grid layout containing 9 text views for the game board squares. Constraints are placed on the elements to control their positioning on screen.

Uploaded by

Pīyush Sīngh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Topics covered

  • Visual Elements,
  • User Interaction,
  • Layout Height,
  • Background Color,
  • Button,
  • Score Display,
  • User Experience,
  • TextView,
  • Layout Gravity,
  • Game Elements

<?xml version="1.0" encoding="utf-8"?

>
<[Link]
xmlns:android="[Link]
xmlns:app="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/back"
android:orientation="vertical"
android:padding="15dp"
tools:context=".MainActivity">

<TextView
android:id="@+id/P1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="16dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="115dp"
android:text="Player 1"
android:textAlignment="center"
android:textColor="#F1BC1F"
android:textSize="25sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/lay1"
app:layout_constraintLeft_toLeftOf="parent" />

<TextView
android:id="@+id/sc1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="40dp"
android:fontFamily="sans-serif"
android:text="score -"
android:textColor="@color/white"
android:textSize="25sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/lay1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/P1"
app:layout_constraintVertical_bias="0.098" />

<TextView
android:id="@+id/P1Sc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:layout_marginLeft="2dp"
android:layout_marginBottom="60dp"
android:padding="1dp"
android:text="0"
android:textAlignment="center"
android:textColor="#ffffff"
android:textSize="25sp"
android:textStyle="italic"
app:layout_constraintBottom_toTopOf="@id/lay1"
app:layout_constraintLeft_toRightOf="@id/sc1"
app:layout_constraintTop_toBottomOf="@id/btn1"
app:layout_constraintVertical_bias="0.473" />
<TextView
android:id="@+id/P2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="16dp"
android:layout_marginBottom="115dp"
android:text="Player 2"
android:textAlignment="center"
android:textColor="#F1BC1F"
android:textSize="25sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/lay1"
app:layout_constraintRight_toRightOf="parent" />

<TextView
android:id="@+id/sc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:text="score -"
android:textColor="@color/white"
android:textSize="25sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/lay1"
app:layout_constraintLeft_toLeftOf="@id/btn2"
app:layout_constraintTop_toBottomOf="@id/P2"
app:layout_constraintVertical_bias="0.123"
tools:layout_editor_absoluteX="254dp" />

<TextView
android:id="@+id/P2Sc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="2dp"
android:layout_marginTop="5dp"
android:layout_marginBottom="60dp"
android:padding="1dp"
android:text="0"

android:textAlignment="center"
android:textColor="#ffffff"
android:textSize="25sp"
android:textStyle="italic"
app:layout_constraintBottom_toTopOf="@id/lay1"
app:layout_constraintLeft_toRightOf="@id/sc"
app:layout_constraintTop_toBottomOf="@id/P2"
app:layout_constraintVertical_bias="0.315" />

<TextView
android:id="@+id/btn1"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_marginLeft="15dp"
android:layout_marginBottom="5dp"
android:background="#f2071b"
android:padding="1dp"
android:text="X"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="23dp"
android:textStyle="bold"

app:layout_constraintLeft_toRightOf="@id/P1"

app:layout_constraintTop_toTopOf="@id/P1" />

<TextView
android:id="@+id/btn2"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_marginRight="15dp"
android:background="#FF3e59c7"
android:text="O"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="23dp"
android:textStyle="bold"
app:layout_constraintRight_toLeftOf="@id/P2"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@id/P2" />

<[Link]
android:id="@+id/lay1"
android:layout_width="320dp"
android:layout_height="320dp"
android:layout_gravity="center"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:background="#000000"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent">

<TextView
android:id="@+id/T1"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#1d254d"
android:fontFamily="sans-serif"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/T4"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/T2"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/T2"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#FFFFFF"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/T5"
app:layout_constraintLeft_toRightOf="@id/T1"
app:layout_constraintRight_toLeftOf="@id/T3"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/T3"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#1d254d"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/T6"
app:layout_constraintLeft_toRightOf="@id/T2"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/T4"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#FFFFFF"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/T7"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/T5"
app:layout_constraintTop_toBottomOf="@id/T1" />

<TextView
android:id="@+id/T5"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#1d254d"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/T8"
app:layout_constraintLeft_toRightOf="@id/T4"
app:layout_constraintRight_toLeftOf="@id/T6"
app:layout_constraintTop_toBottomOf="@id/T2" />

<TextView
android:id="@+id/T6"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#FFFFFF"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@id/T9"
app:layout_constraintLeft_toRightOf="@id/T5"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@id/T3" />

<TextView
android:id="@+id/T7"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#1d254d"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/T8"
app:layout_constraintTop_toBottomOf="@id/T4" />

<TextView
android:id="@+id/T8"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#FFFFFF"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toRightOf="@id/T7"
app:layout_constraintRight_toLeftOf="@id/T9"
app:layout_constraintTop_toBottomOf="@id/T5" />

<TextView
android:id="@+id/T9"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#1d254d"
android:foreground="?attr/selectableItemBackground"
android:textAlignment="center"
android:textSize="75dp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toRightOf="@id/T8"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@id/T6" />
</[Link]>

<TextView
android:id="@+id/T10"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginTop="100dp"
android:layout_marginBottom="100dp"
android:gravity="center"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:textAlignment="center"
android:textColor="#F8C838"
android:textSize="30dp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"

/>

<Button
android:id="@+id/Reset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="7dp"
android:backgroundTint="#F1B61F"
android:fontFamily="@font/aldrich"
android:text="Replay Game"
android:textColor="@color/black"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent" />

<Button
android:id="@+id/Score"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="7dp"
android:backgroundTint="#18CF37"
android:fontFamily="@font/aldrich"
android:text="Reset Score"
android:textColor="@color/black"
android:textSize="15sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent" />

</[Link]>

You might also like