Kong돌이의 코딩이야기

Android Studio 프로그레스바 사용 예제 본문

코딩이야기/안드로이드

Android Studio 프로그레스바 사용 예제

Kong돌이 2021. 8. 24. 01:16
728x90

안녕하세요 오늘은 Android Studio 프로그레스 바를 사용하는 예제를 진행해 보도록 하겠습니다.

 

프로그레스 바 란?

어떤 일의 진행 상태를 중간중간 보여줄 수 있는 가장 좋은 방법 중 하나가 프로그레스 바입니다.

프로그레스 바는 작업의 진행 정도를 표시하거나 작업이 진행 중임을 사용자에게 알려주는 바입니다.

한마디로 로딩 화면이 대표적인 예시 이죠 프로그레스 바의 대표적인 두 가지 형태를 표로 정리하여 보여드리겠습니다.

 

 

속 성 설 명
막대 모양
작업의 진행 정도를 알려줄 수 있도록 막대 모양으로 표시합니다.
Style 속성 값을 '?android:attr/progressBarStyleHorizontal' 로 설정합니다.


원 모양

작업이 진행 중임을 알려줍니다.
원 모양으로 된 프로그레스바가 반복적으로 표시됩니다.

 

자 같이 한번 만들어 봅시다!

 

 

다음과 같이 xml파일의 구조를 만들어주신 후 액티비티화면으로 와주세요!

 

 

메인 엑티비티 화면입니다! 밑에 코드와 함께 설명하겠습니다

 

ProgressBar progressBar = findViewById(R.id.progressBar); ----->  프로그레스 바 객체 참조
progressBar.setIndeterminate(false);            
progressBar.setProgress(80);          ----->    findViewByid 메서드로 찾은 후 그 값을 80으로 설정합니다

Button btn_pro1 = findViewById(R.id.btn_pro1); 
btn_pro1.setOnClickListener(new View.OnClickListener() { -----> 버튼에 대한 이벤트 
@Override
public void onClick(View view) {
dialog = new ProgressDialog(Progress.this);          -----> 프로그레스 대화 상자 객체 만들고 설정을 해줍니다
dialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
dialog.setMessage("데이터를 확인하는 중입니다."); -----> dialog에 띄울 메시지
dialog.show();                                                -----> 만들었으니 shwo()를 통해 보여주기
}
});
Button btn_pro2 = findViewById(R.id.btn_pro2);
btn_pro2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (dialog!= null) {                                            -----> 대화 상자가 아닌 다른곳을 눌렀을 때 프로그레스  
dialog.dismiss();                                                         대화상자 없애기
}
}
});
}
}

 

 

자 다음과 같은 소스코드를 작성해주고 실행시킵니다 실행시킨 후 보여주기 버튼을 누르면 이렇게 박스가 뜨는데요

그럼 원모 양의 프레그 레스 바가 지속적으로 돌아가는 게 보이실 겁니다 그럼 대화 박스가 아닌 다른 곳을 클릭해주면 상자가 사라집니다! 이상으로 프로그레스 바 예제를 마치도록 하겠습니다!!

728x90
반응형
LIST
Comments