[안드로이드] 같은 그림 찾기 게임 만드는 방법 part1 - 화면구성

앞으로 같은 그림 찾기 게임을 만들어 보겠습니다. 

이번 시간에는 화면 구성을 해보겠습니다. 

이 게임은 8장의 카드가 있고, 2장의 카드를 뒤집어서

같은 그림이면 성공, 틀리면 맞을 때까지 하는 간단한

규칙의 게임입니다. 그럼 시작하겠습니다.

---

목차

1. 실행 화면

2. 메인 화면 구성 activity_main.xml

---

1. 실행 화면

 

 

3. 메인 화면 구성 activity_main.xml

 - 설명 -

  1. 첫 번째 텍스트는 결과를 보여주는 텍스트뷰입니다.

  2. 두 번째 레이아웃안에는 이미지 버튼으로 구성되어있습니다.

  3. 세 번째는 게임 초기화 버튼입니다. 

  4. 이미지 res -> drawable

question.png

0.00MB

<?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">

    <TextView
        android:id="@+id/result_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:textSize="35sp"
        android:textStyle="bold" />


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:orientation="vertical">

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

            <ImageButton
                android:id="@+id/imageBtn0"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />

            <ImageButton
                android:id="@+id/imageBtn1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />
        </LinearLayout>

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

            <ImageButton
                android:id="@+id/imageBtn2"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />

            <ImageButton
                android:id="@+id/imageBtn3"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />
        </LinearLayout>

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

            <ImageButton
                android:id="@+id/imageBtn4"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />

            <ImageButton
                android:id="@+id/imageBtn5"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />
        </LinearLayout>

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

            <ImageButton
                android:id="@+id/imageBtn6"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />

            <ImageButton
                android:id="@+id/imageBtn7"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:src="@drawable/question" />
        </LinearLayout>

    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp">

        <Button
            android:id="@+id/reset_btn"
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="#FDD835"
            android:gravity="center"
            android:text="리셋"
            android:textSize="25sp" />
    </RelativeLayout>


</LinearLayout>

2022.03.30 - [안드로이드] - [안드로이드] 야구게임 만드는 방법 part1 - 화면 구성 및 랜덤 숫자 생성

[안드로이드] 야구게임 만드는 방법 part1 - 화면구성 및 랜덤숫자 생성

2022.03.31 - [안드로이드] - [안드로이드] 야구게임 만드는 방법 part2 - 기능구현

[안드로이드] 야구게임 만드는 방법 part2 - 기능구현

2022.03.28 - [안드로이드] - [안드로이드] 숫자 맞추기 게임 Up&Down 만드는 방법 part1 - 화면 구성

[안드로이드] 숫자 맞추기 게임 Up&Down 만드는 방법 part1 - 화면 구성

2022.03.29 - [안드로이드] - [안드로이드] 숫자 맞추기 게임 Up&Down 만드는 방법 part2 - 기능 구현

[안드로이드] 숫자 맞추기 게임 Up&Down 만드는 방법 part2 - 기능 구현