How to Build a Tic Tac Toe Game with Both Offline and Online Mode in Android?
Last Updated :
23 Jul, 2025
In this article, we are going to make a tic-tac-toe game that has both online and offline modes. So for this project, we are going to use Kotlin and XML. Tic-Tac-Toe is a two-player game. Each player has X or O. Both the player plays one by one simultaneously. In one move, players need to select one position in the 3x3 grid and put their mark at that place. The game runs continuously until one may wins.
In the previous article, we have built a simple Tic Tac Toe Game in Android but in this article, we have the following additional features inside the app:
- Multiplayer
- Online Game
- Create and Join by Entering the Game Code
- Offline Game
Basic Terminologies
- XML: Its full form is an extensible markup language and it is a set of codes and tags.
- Kotlin: It is a free and open-source programming language that is developed by JetBrains.
- Android Studio: Android Studio is the official Integrated Development Environment for Android app development.
- Firebase: It is a backend service provided by Google.
Step by Step Implementation: Offline Mode
Step 1: Create a New Project
To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio.
Note: that select Kotlin as the programming language.
Step 2: Add View Binding
Navigate Gradle Scripts > build.gradle.kts (Module :app) and the add the following code anywhere under the android tag.
android {
...
buildFeatures {
viewBinding = true
}
...
}
Step 3: Working with the MainActivity file and it's layout
Navigate to MainActivity.kt and activity_main.xml and make the following changes.
MainActivity.kt
package org.geeksforgeeks.tictactoe
import android.content.Intent
import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import org.geeksforgeeks.tictactoe.databinding.ActivityMainBinding
class MainActivity : AppCompatActivity() {
private val binding : ActivityMainBinding by lazy {
ActivityMainBinding.inflate(layoutInflater)
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContentView(binding.root)
ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets ->
val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
insets
}
binding.playOfflineBtn.setOnClickListener {
createOfflineGame()
}
}
private fun createOfflineGame(){
GameData.saveGameModel(
GameModel(
gameStatus = GameStatus.JOINED
)
)
startGame()
}
private fun startGame(){
startActivity(Intent(this,GameActivity::class.java))
}
}
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
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:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TicTacToe"
android:textSize="32sp"
android:textColor="@color/black"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/play_offline_btn"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<Button
android:id="@+id/play_offline_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Play Offline"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
</androidx.constraintlayout.widget.ConstraintLayout>
Design UI:
Step 4: Create a new Game Model and Object
Navigate app > kotlin+java > {package-name} right click on it and create two new Koltin class files with the names GameModel.kt and GameData.kt. Below is the code for both the files.
GameData.kt
package org.geeksforgeeks.tictactoe
import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
object GameData {
private var _gameModel : MutableLiveData<GameModel> = MutableLiveData()
var gameModel : LiveData<GameModel> = _gameModel
fun saveGameModel(model : GameModel){
_gameModel.postValue(model)
}
}
package org.geeksforgeeks.tictactoe
import kotlin.random.Random
data class GameModel (
var gameId : String = "-1",
var filledPos : MutableList<String> = mutableListOf("","","","","","","","",""),
var winner : String ="",
var gameStatus : GameStatus = GameStatus.CREATED,
var currentPlayer : String = (arrayOf("X","O"))[Random.nextInt(2)]
)
enum class GameStatus{
CREATED,
JOINED,
INPROGRESS,
FINISHED
}
Step 5: Create a new activity for Offline Mode
Navigate app > kotlin+java > {package-name} right click on it and select New > Activity > Empty Views Activity and save the name as GameActivity.kt. Now, navigate to the kotlin and xml file of the activity and make the following changes.
GameActivity.kt
package org.geeksforgeeks.tictactoe
import android.os.Bundle
import android.view.View
import android.widget.Toast
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import org.geeksforgeeks.tictactoe.databinding.ActivityGameBinding
class GameActivity : AppCompatActivity(), View.OnClickListener {
private val binding: ActivityGameBinding by lazy {
ActivityGameBinding.inflate(layoutInflater)
}
private var gameModel : GameModel? = null
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContentView(binding.root)
ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets ->
val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
insets
}
binding.btn0.setOnClickListener(this)
binding.btn1.setOnClickListener(this)
binding.btn2.setOnClickListener(this)
binding.btn3.setOnClickListener(this)
binding.btn4.setOnClickListener(this)
binding.btn5.setOnClickListener(this)
binding.btn6.setOnClickListener(this)
binding.btn7.setOnClickListener(this)
binding.btn8.setOnClickListener(this)
binding.startGameBtn.setOnClickListener {
startGame()
}
GameData.gameModel.observe(this){
gameModel = it
setUI()
}
}
private fun setUI(){
gameModel?.apply {
binding.btn0.text = filledPos[0]
binding.btn1.text = filledPos[1]
binding.btn2.text = filledPos[2]
binding.btn3.text = filledPos[3]
binding.btn4.text = filledPos[4]
binding.btn5.text = filledPos[5]
binding.btn6.text = filledPos[6]
binding.btn7.text = filledPos[7]
binding.btn8.text = filledPos[8]
binding.startGameBtn.visibility = View.VISIBLE
binding.gameStatusText.text =
when(gameStatus){
GameStatus.CREATED -> {
binding.startGameBtn.visibility = View.INVISIBLE
"Game ID :"+ gameId
}
GameStatus.JOINED ->{
"Click on start game"
}
GameStatus.INPROGRESS ->{
binding.startGameBtn.visibility = View.INVISIBLE
currentPlayer + " turn"
}
GameStatus.FINISHED ->{
if(winner.isNotEmpty()) winner + " Won"
else "DRAW"
}
}
}
}
private fun startGame(){
gameModel?.apply {
updateGameData(
GameModel(
gameId = gameId,
gameStatus = GameStatus.INPROGRESS
)
)
}
}
private fun updateGameData(model : GameModel){
GameData.saveGameModel(model)
}
private fun checkForWinner(){
val winningPos = arrayOf(
intArrayOf(0,1,2),
intArrayOf(3,4,5),
intArrayOf(6,7,8),
intArrayOf(0,3,6),
intArrayOf(1,4,7),
intArrayOf(2,5,8),
intArrayOf(0,4,8),
intArrayOf(2,4,6),
)
gameModel?.apply {
for ( i in winningPos){
//012
if(
filledPos[i[0]] == filledPos[i[1]] &&
filledPos[i[1]]== filledPos[i[2]] &&
filledPos[i[0]].isNotEmpty()
){
gameStatus = GameStatus.FINISHED
winner = filledPos[i[0]]
}
}
if( filledPos.none(){ it.isEmpty() }){
gameStatus = GameStatus.FINISHED
}
updateGameData(this)
}
}
override fun onClick(v: View?) {
gameModel?.apply {
if(gameStatus!= GameStatus.INPROGRESS){
Toast.makeText(applicationContext,"Game not started", Toast.LENGTH_SHORT).show()
return
}
//game is in progress
val clickedPos =(v?.tag as String).toInt()
if(filledPos[clickedPos].isEmpty()){
filledPos[clickedPos] = currentPlayer
currentPlayer = if(currentPlayer=="X") "O" else "X"
checkForWinner()
updateGameData(this)
}
}
}
}
<?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:id="@+id/main"
android:orientation="vertical"
android:gravity="center"
tools:context=".GameActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/game_status_text"
android:gravity="center"
android:textSize="16sp"
android:layout_margin="10dp"
android:textStyle="bold"
android:text="Game not started"/>
<GridLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:columnCount="3">
<Button
android:id="@+id/btn_0"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="0"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="1"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="2"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="3"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="4"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="5"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_6"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="6"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_7"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="7"
android:textSize="60sp"
tools:text="X" />
<Button
android:id="@+id/btn_8"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/black"
android:tag="8"
android:textSize="60sp"
tools:text="X" />
</GridLayout>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="20dp"
android:text="Start game"
android:id="@+id/start_game_btn"/>
</LinearLayout>
Design UI:
Output:
Let's try to play in offline-mode:
Online Mode
Step 1: Integrate Firebase and add Firestore support
Here we are going to use firebase for our backend functionality. So what we are doing here is listening on a particular codes database and if got any change in the database, then running an event on the client-side to update the move made by the opponent.
To add firebase and firestore to your application, refer to How to Use Firebase Firestore as a Realtime Database in Android?
Step 2: Working with MainActivity and it's layout file
Navigate to MainActivity.kt and activity_main.xml and make the following changes.
MainActivity.kt
package org.geeksforgeeks.tictactoe
import android.content.Intent
import android.os.Bundle
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import com.google.firebase.Firebase
import com.google.firebase.firestore.firestore
import org.geeksforgeeks.tictactoe.databinding.ActivityMainBinding
import kotlin.random.Random
import kotlin.random.nextInt
class MainActivity : AppCompatActivity() {
private val binding : ActivityMainBinding by lazy {
ActivityMainBinding.inflate(layoutInflater)
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContentView(binding.root)
ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets ->
val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
insets
}
binding.playOfflineBtn.setOnClickListener {
createOfflineGame()
}
binding.createOnlineGameBtn.setOnClickListener {
createOnlineGame()
}
binding.joinOnlineGameBtn.setOnClickListener {
joinOnlineGame()
}
}
private fun createOfflineGame(){
GameData.saveGameModel(
GameModel(
gameStatus = GameStatus.JOINED
)
)
startGame()
}
private fun createOnlineGame(){
GameData.myID = "X"
GameData.saveGameModel(
GameModel(
gameStatus = GameStatus.CREATED,
gameId = Random.nextInt(1000..9999).toString()
)
)
startGame()
}
private fun joinOnlineGame(){
val gameId = binding.gameIdInput.text.toString()
if(gameId.isEmpty()){
binding.gameIdInput.error = "Please enter game ID"
return
}
GameData.myID = "O"
Firebase.firestore.collection("games")
.document(gameId)
.get()
.addOnSuccessListener {
val model = it?.toObject(GameModel::class.java)
if(model==null){
binding.gameIdInput.error = "Please enter valid game ID"
}else{
model.gameStatus = GameStatus.JOINED
GameData.saveGameModel(model)
startGame()
}
}
}
private fun startGame(){
startActivity(Intent(this,GameActivity::class.java))
}
}
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TicTacToe"
android:textColor="@color/black"
android:textSize="32sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/play_offline_btn"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<Button
android:id="@+id/play_offline_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginBottom="16dp"
android:text="Play Offline"
app:layout_constraintBottom_toTopOf="@+id/textView2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Or"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/create_online_game_btn"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/play_offline_btn" />
<Button
android:id="@+id/create_online_game_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginBottom="16dp"
android:text="Create Game Online"
app:layout_constraintBottom_toTopOf="@+id/textView3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView2" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Or"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/game_id_input"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/create_online_game_btn" />
<EditText
android:id="@+id/game_id_input"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginBottom="8dp"
android:hint="Enter game Id"
android:inputType="number"
android:textSize="24sp"
android:textStyle="bold"
app:layout_constraintBottom_toTopOf="@+id/join_online_game_btn"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView3" />
<Button
android:id="@+id/join_online_game_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Join Game Online"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/game_id_input" />
</androidx.constraintlayout.widget.ConstraintLayout>
Design UI:
Step 2: Make changes in GameData.kt
Navigate to GameData.kt and make the following changes
GameData.kt:
Kotlin
package org.geeksforgeeks.tictactoe
import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import com.google.firebase.firestore.ktx.firestore
import com.google.firebase.ktx.Firebase
object GameData {
private var _gameModel : MutableLiveData<GameModel> = MutableLiveData()
var gameModel : LiveData<GameModel> = _gameModel
var myID = ""
fun saveGameModel(model : GameModel){
_gameModel.postValue(model)
if(model.gameId!="-1"){
Firebase.firestore.collection("games")
.document(model.gameId)
.set(model)
}
}
fun fetchGameModel(){
gameModel.value?.apply {
if(gameId!="-1"){
Firebase.firestore.collection("games")
.document(gameId)
.addSnapshotListener { value, error ->
val model = value?.toObject(GameModel::class.java)
_gameModel.postValue(model)
}
}
}
}
}
Step 3: Make changes in GameActivity.kt
Navigate to GameActivity.kt and make the following changes
GameActivity.kt:
Kotlin
package org.geeksforgeeks.tictactoe
import android.os.Bundle
import android.view.View
import android.widget.Toast
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat
import org.geeksforgeeks.tictactoe.databinding.ActivityGameBinding
class GameActivity : AppCompatActivity(), View.OnClickListener {
private val binding: ActivityGameBinding by lazy {
ActivityGameBinding.inflate(layoutInflater)
}
private var gameModel : GameModel? = null
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContentView(binding.root)
ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets ->
val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
insets
}
GameData.fetchGameModel()
binding.btn0.setOnClickListener(this)
binding.btn1.setOnClickListener(this)
binding.btn2.setOnClickListener(this)
binding.btn3.setOnClickListener(this)
binding.btn4.setOnClickListener(this)
binding.btn5.setOnClickListener(this)
binding.btn6.setOnClickListener(this)
binding.btn7.setOnClickListener(this)
binding.btn8.setOnClickListener(this)
binding.startGameBtn.setOnClickListener {
startGame()
}
GameData.gameModel.observe(this){
gameModel = it
setUI()
}
}
private fun setUI(){
gameModel?.apply {
binding.btn0.text = filledPos[0]
binding.btn1.text = filledPos[1]
binding.btn2.text = filledPos[2]
binding.btn3.text = filledPos[3]
binding.btn4.text = filledPos[4]
binding.btn5.text = filledPos[5]
binding.btn6.text = filledPos[6]
binding.btn7.text = filledPos[7]
binding.btn8.text = filledPos[8]
binding.startGameBtn.visibility = View.VISIBLE
binding.gameStatusText.text =
when(gameStatus){
GameStatus.CREATED -> {
binding.startGameBtn.visibility = View.INVISIBLE
"Game ID :"+ gameId
}
GameStatus.JOINED ->{
"Click on start game"
}
GameStatus.INPROGRESS ->{
binding.startGameBtn.visibility = View.INVISIBLE
when(GameData.myID){
currentPlayer -> "Your turn"
else -> currentPlayer + " turn"
}
}
GameStatus.FINISHED ->{
if(winner.isNotEmpty()) {
when(GameData.myID){
winner -> "You won"
else -> winner + " Won"
}
}
else "DRAW"
}
}
}
}
private fun startGame(){
gameModel?.apply {
updateGameData(
GameModel(
gameId = gameId,
gameStatus = GameStatus.INPROGRESS
)
)
}
}
private fun updateGameData(model : GameModel){
GameData.saveGameModel(model)
}
private fun checkForWinner(){
val winningPos = arrayOf(
intArrayOf(0,1,2),
intArrayOf(3,4,5),
intArrayOf(6,7,8),
intArrayOf(0,3,6),
intArrayOf(1,4,7),
intArrayOf(2,5,8),
intArrayOf(0,4,8),
intArrayOf(2,4,6),
)
gameModel?.apply {
for ( i in winningPos){
//012
if(
filledPos[i[0]] == filledPos[i[1]] &&
filledPos[i[1]]== filledPos[i[2]] &&
filledPos[i[0]].isNotEmpty()
){
gameStatus = GameStatus.FINISHED
winner = filledPos[i[0]]
}
}
if( filledPos.none(){ it.isEmpty() }){
gameStatus = GameStatus.FINISHED
}
updateGameData(this)
}
}
override fun onClick(v: View?) {
gameModel?.apply {
if(gameStatus!= GameStatus.INPROGRESS){
Toast.makeText(applicationContext,"Game not started", Toast.LENGTH_SHORT).show()
return
}
if(gameId!="-1" && currentPlayer!=GameData.myID ){
Toast.makeText(applicationContext,"Not your turn",Toast.LENGTH_SHORT).show()
return
}
val clickedPos =(v?.tag as String).toInt()
if(filledPos[clickedPos].isEmpty()){
filledPos[clickedPos] = currentPlayer
currentPlayer = if(currentPlayer=="X") "O" else "X"
checkForWinner()
updateGameData(this)
}
}
}
}
Output:
Let's try to play in offline-mode:
How to Make Tic Tac Toe Game(Offline Mode) Android App? | Android Project
How to Make Tic Tac Toe Game(Offline Mode) Android App? | Android Project
Build a Tic Tac Toe Game in Android Studio - Online Mode | Android Project
Similar Reads
Android Tutorial In this Android Tutorial, we cover both basic and advanced concepts. So whether you are a fresher (graduate) or an experienced candidate with several years of Android Development experience, you can follow this Android tutorial to kick-start your journey in Android app development. Our Android Tutor
15+ min read
Basics
Introduction to Android DevelopmentAndroid operating system is the largest installed base among various mobile platforms across the globe. Hundreds of millions of mobile devices are powered by Android in more than 190 countries of the world. It conquered around 71% of the global market share by the end of 2021, and this trend is grow
5 min read
History of AndroidAndroid devices form a very essential part of a huge section of mobile phone users in today's world. With the global turmoil in the COVID-19 eras, the population has now entered a digital sphere. Android is the most used OS in smartphones during these days of transformation. But when did something l
15+ min read
Best Way to Become Android Developer – A Complete RoadmapAndroid is an open-source operating system, based on the Linux kernel and used in mobile devices like smartphones, tablets, etc. Further, it was developed for smartwatches and Android TV. Each of them has a specialized interface. Android has been one of the best-selling OS for smartphones. Android O
7 min read
Android Development Prerequisites [2025] - Things to Learn Before Android DevelopmentHave you ever wondered how your phone's apps—such as those for making calls, playing games, or checking the weather—are created? Android Development is the procedure used to generate these apps. The Android operating system powers the majority of phones, just like an engine powers a car. To ensure t
8 min read
Android App Development Fundamentals for BeginnersAndroid is an operating system that is built basically for Mobile phones. It is based on the Linux Kernel and other open-source software and is developed by Google. It is used for touchscreen mobile devices such as smartphones and tablets. But nowadays these are used in Android Auto cars, TV, watche
6 min read
Android ArchitectureAndroid architecture contains a different number of components to support any Android device's needs. Android software contains an open-source Linux Kernel having a collection of a number of C/C++ libraries which are exposed through application framework services. Among all the components Linux Kern
5 min read
Android System ArchitectureThe Android software stack generally consists of a Linux kernel and a collection of C/C++ libraries that are exposed through an application framework that provides services, and management of the applications and run time. Linux KernelAndroid was created on the open-source kernel of Linux. One main
3 min read
Android Boot ProcessBooting Process In computing, booting is starting up a computer or computer appliance until it can be used. It can be initiated by hardware such as a button press, or by software command. After the power is switched on the computer is relatively dumb, and can read only part of its storage called Rea
4 min read
Difference between Java and Kotlin in Android with ExamplesKotlin KOTLIN is a cross platform, statically types, general purpose programming language with type inference. KOTLIN is designed to interoperate fully with java but type inference allows its syntax to be more concise.KOTLIN is sponsored by JetBrains and Google through the Kotlin Foundation. Java JA
3 min read
Interesting Facts About AndroidAndroid is a Mobile Operating System that was released on 23, September 2008. Android is free, open-source operating system and is based on modified version of Linux kernel. Open Handset Alliance (OHA) developed the Android and Google commercially sponsored it. It is mainly designed for touchscreen
3 min read
Software Setup and Configuration
Android Studio Tutorial It is stated that "If you give me six hours to chop down a tree then I will spend the first four hours in sharpening the axe". So in the Android Development World if we consider Android Development as the tree then Android Studio should be the axe. Yes, if you are starting Android Development then y
9 min read
File Structure & Components
Core Topics
How Does Android App Work?Developing an android application involves several processes that happen in a sequential manner. After writing the source code files, when developers click the Run button on the Android studio, plenty of operations and process starts at the backend. Every operation happening in the background is a c
7 min read
Activity Lifecycle in Android with Demo AppIn Android, an activity is referred to as one screen in an application. It is very similar to a single window of any desktop application. An Android app consists of one or more screens or activities. Each activity goes through various stages or a lifecycle and is managed by activity stacks. So when
9 min read
Introduction to GradleGradle is an open-source construction tool that is capable of controlling the development tasks with compilation and packaging, including testing, deployment and publishing. It is an automation tool that is based on Apache Ant and Apache Maven. This tool is capable of developing applications with in
4 min read
What is Context in Android?Android Applications are popular for a long time and it is evolving to a greater level as users' expectations are that they need to view the data that they want in an easier smoother view. Hence, the android developers must know the important terminologies before developing the app. In Android Progr
9 min read
Bundle in Android with ExampleIt is known that Intents are used in Android to pass to the data from one activity to another. But there is one another way, that can be used to pass the data from one activity to another in a better way and less code space ie by using Bundles in Android. Android Bundles are generally used for passi
6 min read
Activity State Changes In Android with ExamplePrerequisites: Activity lifecycle in android As it is known that every Android app has at least one activity associated with it. When the application begins to execute and runs, there are various state changes that activity goes through. Different events some user-triggered and some system triggered
6 min read
Processes and Application Lifecycle in AndroidAs an android developer, if one does not know the application lifecycle of android application or does not have in-depth knowledge about it, there are very high chances that the application will not have a good user experience. Not having proper knowledge of the application lifecycle will not affect
7 min read
Desugaring in AndroidGoogle has officially announced Kotlin as a recommended language for Android Development and that's why so many developers are switching from Java to Kotlin for Android development. So day by day new APIs are been introduced in Android by the Google Team and which are available in newer versions of
4 min read
Difference Between AndroidX and Android Support LibrariesSupport library packages in Android are a set of code libraries whose prime purpose is to provide backward-compatibility to the code and Android API framework. In the real world, there is a strong possibility that an application that is developed on the latest Android version is used on an older ver
3 min read
Memory Leaks in AndroidA memory leak is basically a failure of releasing unused objects from the memory. As a developer one does not need to think about memory allocation, memory deallocation, and garbage collection. All of these are the automatic process that the garbage collector does by itself, but the situation become
7 min read
Layout & View
Layouts in Android UI DesignLayout Managers (or simply layouts) are said to be extensions of the ViewGroup class. They are used to set the position of child Views within the UI we are building. We can nest the layouts, and therefore we can create arbitrarily complex UIs using a combination of layouts.There is a number of layou
3 min read
Android UI LayoutsLayouts in Android define the user interface and hold UI controls or widgets that appear on the screen of an application. Every Android application consists of View and ViewGroup elements. Since an application contains multiple activities—each representing a separate screen—every activity has multip
5 min read
LinearLayout and its Important Attributes with Examples in AndroidLinearLayout is one of the most basic layouts in android studio, that arranges multiple sub-views (UI elements) sequentially in a single direction i.e. horizontal or vertical manner by specifying the android:orientation attribute. If one applies android:orientation="vertical" then elements will be a
3 min read
Android LinearLayout in KotlinLinearLayout in Android is a ViewGroup subclass, used to arrange child view elements one by one in a singular direction either horizontally or vertically based on the orientation attribute. We can specify the linear layout orientation using the android:orientation attribute. All the child elements a
2 min read
Android RelativeLayout in KotlinRelativeLayout in Android is a ViewGroup subclass, that allows users to position child views relative to each other (e.g., view A to the right of view B) or relative to the parent (e.g., aligned to the top of the parent). Instead of using LinearLayout, we have to use RelativeLayout to design the use
4 min read
ConstraintLayout in AndroidConstraintLayout is the most advanced layout in Android that lets you create complex and responsive UIs while minimizing nested views due to its flat view hierarchy. ConstraintLayout is similar to that of other View Groups which we have seen in Android such as RelativeLayout, LinearLayout, and many
6 min read
TextView widget in Android with ExamplesWidget refers to the elements of the UI (User Interface) that help the user interact with the Android App. TextView is one of many such widgets which can be used to improve the UI of the app. TextView refers to the widget which displays some text on the screen based on the layout, size, colour, etc
5 min read
TextView in KotlinAndroid TextView is simply a view that are used to display the text to the user and optionally allow us to modify or edit it. First of all, open Kotlin project in Android Studio. Following steps are used to create Steps to Implement TextViewSteps by Step implementation for creating an application wh
3 min read
Working With the TextView in AndroidTextView in Android is one of the basic and important UI elements. This plays a very important role in the UI experience and depends on how the information is displayed to the user. This TextView widget in Android can be dynamized in various contexts. For example, if the important part of the inform
7 min read
Autosizing TextView in AndroidIf the user is giving the input and the input needs to be shown as TextView and if the user inputs the stuff which can go out of the screen, then in this case the font TextView should be decreased gradually. So, in this article, it has been discussed how the developer can reduce the size of TextView
6 min read
Button
Intent and Intent Filters
What is Intent in Android?In Android, it is quite usual for users to witness a jump from one application to another as a part of the whole process, for example, searching for a location on the browser and witnessing a direct jump into Google Maps or receiving payment links in Messages Application (SMS) and on clicking jumpin
4 min read
Implicit and Explicit Intents in Android with ExamplesPre-requisites: Android App Development Fundamentals for Beginners Guide to Install and Set up Android Studio Android | Starting with the first app/android project Android | Running your first Android app This article aims to tell about the Implicit and Explicit intents and how to use them in an and
6 min read
How to Send Data From One Activity to Second Activity in Android?This article aims to tell and show how to "Send the data from one activity to second activity using Intent" . In this example, we have two activities, activity_first which are the source activity, and activity_second which is the destination activity. We can send the data using the putExtra() method
7 min read
How to open dialer in Android through Intent?The phone dialer is an activity available with the Android operating system to call a number. Usually, such activity may or may not have an EditText, for taking the number as input, and a Call button. When the user presses the Call button, it invokes the dialer app activity. Use of 'tel:' prefix is
3 min read
Creating Multiple Screen Applications in AndroidThis article shows how to create an android application to move from one activity to another using the concept of Explicit Intents. Below are the steps for Creating a Simple Android Application to move from one activity to another activity.Step By Step ImplementationStep 1: Create a New Project in A
6 min read
How to Open Camera Through Intent and Display Captured Image in Android?The purpose of this article is to show how to open a Camera from inside an App and click the image and then display this image inside the same app. An android application has been developed in this article to achieve this. The opening of the Camera from inside our app is achieved with the help of th
6 min read
Toast & RecyclerView
Toasts for Android StudioA toast provides a simple popup message that is displayed on the current activity UI screen (e.g. Main Activity). Example: Syntax:// To get ContextContext context = getApplicationContext(); // Message to displayString text = "Toast message"; // Toast time duration, can also set manual value int dura
2 min read
What is Toast and How to Use it in Android with Examples?Pre-requisites: Android App Development Fundamentals for BeginnersGuide to Install and Set up Android StudioAndroid | Starting with the first app/android projectAndroid | Running your first Android appWhat is Toast in Android? A Toast is a feedback message. It takes a very little space for displayin
6 min read
Android Toast in KotlinA Toast is a short alert message shown on the Android screen for a short interval of time. Android Toast is a short popup notification which is used to display information when we perform any operation in our app. In this tutorial, we shall not just limit ourselves by creating a lame toast but also
3 min read
How to Change Toast font in Android?A Toast is a feedback message. It takes a very little space for displaying while overall activity is interactive and visible to the user. It disappears after a few seconds. It disappears automatically. If user wants permanent visible message, Notification can be used. Note: Toast disappears automati
3 min read
How to add a custom styled Toast in AndroidA Toast is a feedback message. It takes very little space for displaying and it is displayed on top of the main content of an activity, and only remains visible for a short time period. This article explains how to create Custom Toast messages, which has custom background, image, icon, etc, which ar
4 min read
RecyclerView in Android with ExampleRecyclerView is a ViewGroup added to the android studio as a successor of the GridView and ListView. It is an improvement on both of them and can be found in the latest v-7 support packages. It has been created to make possible construction of any lists with XML layouts as an item which can be custo
7 min read
Android | Horizontal RecyclerView with ExamplesRecycler View is a ViewGroup added to Android Studio as a successor of the GridView and ListView. It is an improvement on both of them and can be found in the latest v-7 support packages. It has been created to make possible construction of any lists with XML layouts as an item which can be customiz
4 min read
How to create a nested RecyclerView in AndroidA nested RecyclerView is an implementation of a RecyclerView within a RecyclerView. An example of such a layout can be seen in a variety of apps such as the Play Store, where the outer (parent) RecyclerView is of vertical orientation, whereas the inner (child) RecyclerViews are of horizontal orienta
5 min read
How to Create RecyclerView with Multiple ViewType in Android?RecyclerView forms a crucial part of the UI in Android app development. It is especially important to optimize memory consumption when displaying a long list of items. A RecyclerView inflates a customized list of items, which can have either similar layouts or multiple distinct layouts. Here, we dev
6 min read
RecyclerView using ListView in Android With ExampleRecyclerView is a more flexible and advanced version of ListView and GridView. RecyclerView is used for providing a limited window to a large data set, which means it is used to display a large amount of data that can be scrolled very efficiently by maintaining a limited number of Views. In Recycler
5 min read