[안드로이드] tic-tac-toe 보드게임 만드는 방법 part1 - 화면구성

이번 시간에는 Tic Tac Toe라는 게임을 만들어 보겠습니다.

두 명이서 번갈아 가며 클릭을 하며 가로, 세로, 대각선 중

한 줄을 만들면 이기는 단순한 게임입니다. 

이번에는 화면만 구성하겠습니다. 

---

목차

1. 실행 화면

2. 메인 화면 구성 activity_main.xml

---

1. 실행 화면

 

2. 메인 화면 구성 activity_main.xml

 - 설명 - 

 1. 플레이어 정보, 버튼 9개, 리셋 버튼으로 구성되어있습니다.

 2. 플레이어1은 X, 플레이어 2는 O 모양을 표시합니다. 

 3. 먼저 한 줄을 만들면 자신의 점수가 올라갑니다.

 4. 리셋버튼을 누르면 점수가 초기화됩니다. 

 5. 자신의 차례에 빨간 표시를 합니다.

<?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:orientation="vertical"
    tools:context=".MainActivity">

    <!-- 플레이어 정보-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/playerOne"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_marginStart="10dp"
            android:layout_marginTop="15dp"
            android:text="플레이어1"
            android:textSize="20sp"/>

        <TextView
            android:id="@+id/playerOneScore"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_marginStart="50dp"
            android:layout_marginTop="50dp"
            android:text="0"
            android:textSize="25sp"/>

        <TextView
            android:id="@+id/playerTwo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_marginTop="15dp"
            android:layout_marginEnd="10dp"
            android:text="플레이어2"
            android:textSize="20sp"/>

        <TextView
            android:id="@+id/playerTwoScore"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_marginTop="50dp"
            android:layout_marginEnd="50dp"
            android:text="0"
            android:textSize="25sp"/>

        <TextView
            android:id="@+id/playerStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="50dp"
            android:textAlignment="center"
            android:textSize="20sp" />
    </RelativeLayout>

    <!-- 1행 버튼-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn_0"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/btn_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/btn_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>
    </LinearLayout>

    <!-- 2행 버튼-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/btn_4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/btn_5"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>
    </LinearLayout>

    <!-- 3행 버튼-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn_6"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/btn_7"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/btn_8"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:backgroundTint="#413F43"
            android:textColor="#ffffff"
            android:textSize="60sp"
            android:textStyle="bold"/>
    </LinearLayout>

    <!-- 리셋버튼-->
    <Button
        android:id="@+id/resetGame"
        android:layout_width="match_parent"
        android:layout_height="60sp"
        android:backgroundTint="#E1470D"
        android:text="Reset Game"
        android:textColor="#ffffff"
        android:textSize="20sp"
        android:textStyle="bold"/>

</LinearLayout>

2022.03.20 - [안드로이드] - [안드로이드] ToDoList SQLite 만드는 방법 part1 - 화면과 DB

[안드로이드] ToDoList SQLite 만드는 방법 part1 - 화면과 DB

2022.03.21 - [안드로이드] - [안드로이드] ToDoList SQLite 만드는 방법 part2 - 조회, 등록

[안드로이드] ToDoList SQLite 만드는 방법 part2 - 조회, 등록

2022.03.22 - [안드로이드] - [안드로이드] ToDoList SQLite 만드는 방법 part3 - 수정, 삭제

[안드로이드] ToDoList SQLite 만드는 방법 part3 - 수정, 삭제