본문 바로가기
개발일지/안드로이드 JAVA

[안드로이드 프로그래밍 7판] 실습 6-1 날짜/시간 예약 앱 만들기

by 꾸주니=^= 2023. 1. 31.

243p

실습 6-1 날짜/시간 예약 앱 만들기


activity_main.xml

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


    <Chronometer
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/chronometer1"
        android:format="예약에 걸린 시간 %s"
        android:gravity="center"
        android:textSize="25dp"
        android:textColor="#0000FF"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="예약 시작"
        android:backgroundTint="#A0A0A0"
        android:id="@+id/btnStart"
        />

    <RadioGroup
        android:layout_width="match_parent"

        android:layout_height="wrap_content">
        <RadioButton
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/rdoCal"
            android:text="날짜 설정 (캘린더뷰)"/>
        <RadioButton
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/rdoTime"
            android:text="시간 설정"/>
    </RadioGroup>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1">
        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <CalendarView
                android:id="@+id/calenderView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
            <TimePicker
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/timePicker1"
                android:timePickerMode="spinner"/>
        </FrameLayout>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#CCCCCC">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/btnEnd"
            android:backgroundTint="#50CDAA"
            android:text="예약완료"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tvYear"
            android:text="0000년"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tvMonth"
            android:text="00월"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tvDay"
            android:text="00일"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tvHour"
            android:text="00시"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tvMinute"
            android:text="00분"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tvreservation"
            android:text="예약됨"/>
    </LinearLayout>

</LinearLayout>

 

MainActivity.java

package com.example.test12;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Color;
import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.widget.Button;
import android.widget.CalendarView;
import android.widget.Chronometer;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.TimePicker;

public class MainActivity extends AppCompatActivity {

    Chronometer chrono;
    Button btnStart,btnEnd;
    RadioButton rdoCal,rdoTime;
    CalendarView calView;
    TimePicker tPicker;
    TextView tvYear, tvMonth, tvDay,tvHour, tvMinute;
    int selectYear,selectMonth,selectDay;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        setTitle("시간 예약");

        btnStart = (Button) findViewById(R.id.btnStart);
        btnEnd = (Button) findViewById(R.id.btnEnd);

        chrono = (Chronometer) findViewById(R.id.chronometer1);

        rdoCal = (RadioButton) findViewById(R.id.rdoCal);
        rdoTime = (RadioButton) findViewById(R.id.rdoTime);

        tPicker = (TimePicker) findViewById(R.id.timePicker1);
        calView = (CalendarView) findViewById(R.id.calenderView1);

        tvYear = (TextView) findViewById(R.id.tvYear);
        tvMonth = (TextView) findViewById(R.id.tvMonth);
        tvDay = (TextView) findViewById(R.id.tvDay);
        tvHour = (TextView) findViewById(R.id.tvHour);
        tvMinute = (TextView) findViewById(R.id.tvMinute);

        tPicker.setVisibility(View.INVISIBLE);
        calView.setVisibility(View.INVISIBLE);

        rdoCal.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tPicker.setVisibility(View.VISIBLE);
                calView.setVisibility(View.INVISIBLE);
            }
        });

        rdoTime.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tPicker.setVisibility(View.INVISIBLE);
                calView.setVisibility(View.VISIBLE);
            }
        });

        btnStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                chrono.setBase(SystemClock.elapsedRealtime());
                chrono.start();
                chrono.setTextColor(Color.RED);
            }
        });

        btnEnd.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                chrono.stop();
                chrono.setTextColor(Color.BLUE);
                tvYear.setText(Integer.toString(selectYear) + "년 ");
                tvMonth.setText(Integer.toString(selectMonth) +"월 ");
                tvDay.setText(Integer.toString(selectDay) +"일 ");
                tvHour.setText(Integer.toString(tPicker.getCurrentHour()) + "시 ");
                tvMinute.setText(Integer.toString(tPicker.getCurrentMinute()) + "분");
            }
        });

        calView.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
            @Override
            public void onSelectedDayChange(@NonNull CalendarView view, int year, int month, int dayOfMonth) {
                selectYear = year;
                selectMonth = month + 1;
                selectDay = dayOfMonth;
            }
        });
    }
}

 

[실행 화면]


[헤맸던 부분]

1. sdk가  33이상으로 돼야지 컴파일이 가능했다. (계속 오류돼서 찾은 결과...)

Gradle Script > bulid.gradle 

android {
    namespace 'com.example.test12'
    compileSdk 33

compileSdk를 33으로 업데이트 해주면 된다! 

 

2. 예제 6-9 java 코드 부분에서

btnEnd.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        chrono.stop();
        chrono.setTextColor(Color.BLUE);
        tvYear.setText(Integer.toString(selectYear) + "년 ");
        tvMonth.setText(Integer.toString(selectMonth) +"월 ");
        tvDay.setText(Integer.toString(selectDay) +"일 ");
        tvHour.setText(Integer.toString(tPicker.getCurrentHour()) + "시 ");
        tvMinute.setText(Integer.toString(tPicker.getCurrentMinute()) + "분");
    }
});

btnEnd 부분에 tvYear, tvMonth,...,tvMinute를 작성해야하고

"년, 월,,분" 글자를 액티비티에 textView로 입력 받는게 아닌 java코드에서 숫자가 나온 뒤에 문자를 추가했다.

이렇게 하니까 코드가 아주 깔끔해진 걸 확인할 수 있었다!!