상세 컨텐츠

본문 제목

[안드로이드]TimePicker 내가 선택한 알람시간 텍스트뷰에 보여주기

안드로이드

by aries574 2020. 12. 23. 16:19

본문


2020/12/22 - [안드로이드] - [안드로이드]버튼 색상 모양 코드에서 변경하는 방법

이번 시간에는 안드로이드 기본으로 들어있는 알람앱에 있는 알람시계를 만들어보겠습니다.

시, 분을 선택하면 텍스트뷰에 보여지는 간단한 예제입니다.

 

1. 화면구현(activity_main.xml)

TimePicker태그를 사용하면 쉽게 알람시계를 구현할 수 있습니다.

기본은 시계모드이며, Spinner 형태로도 만들 수 있습니다.

timePickerModeclock대신 Spinner을 입력하면 됩니다.

<RelativeLayout 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"
tools:context=".MainActivity">

<TimePicker
android:id="@+id/timePircker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/textView"
android:timePickerMode="clock"
/>

<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:text="시간표시"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
/>
</RelativeLayout>

 

2.기능구현(MainActivity.java)

timePicker.setOnTimeChangedListener을 통해

값 변경 시 이벤트를 적용시킬 수 있습니다.

예제는 텍스트뷰에 변경된 값을 적용하는 것입니다.


import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.TimePicker;

public class MainActivity extends AppCompatActivity {

    private TextView textView;
    private TimePicker timePicker;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.textView);
        timePicker = findViewById(R.id.timePircker);

        timePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {

                textView.setText(hourOfDay + "시" + minute + "분");
            }
        });

    }
}

 

3.실행화면

 

 

 

 

반응형

관련글 더보기

댓글 영역