728x90
반응형

joyce의 안드로이드 앱 프로그래밍 19

뮤직 플레이어(MusicPlayer)_6 [Android_Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 6. 버튼 초기화하기 [코드] package com.example.simplemusicplayer import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.view.View import android.widget.Button // View.OnClickListener : 사용자가 뷰를 클릭했을 때 어떤 행동을 할지 정할 수 있다. class MainActivity : AppCompatActiv..

뮤직 플레이어(MusicPlayer)_5 [Android_Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 5. 서비스 클래스 구현하기 [com.example.simplemusicplayer] 을 우클릭하여 [New] → [Kotlin Class/File] 클릭 Class를 선택한채로 MusicPlayerService라는 이름의 클래스 파일 생성 우선 서비스 클래스의 뼈대를 만들겠습니다. [MusicPlayerService.kt] 의 뼈대 코드 package com.example.simplemusicplayer import android.app.Service import android.conten..

뮤직 플레이어(MusicPlayer)_4 [Android_Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 4. 리소스 준비하기_MP3 뮤직 플레이어를 만들기 위해서는 mp3인 음악파일과 상태표시줄에 나타낼 아이콘을 다운 받아서 준비해야합니다. https://github.com/code-with-joyce/must_have_android GitHub - code-with-joyce/must_have_android: Must have 안드로이드의 모든 예제 소스들이 있습니다. Must have 안드로이드의 모든 예제 소스들이 있습니다. Contribute to code-with-joyce/must_..

뮤직 플레이어(MusicPlayer)_3 [Android_Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 3. 레이아웃 구성하기 Design 탭의 Palette를 이용해 button 3개를 만들어 준 뒤 위에서 부터 재생, 일시정지, 재생중지 라는 이름으로 text와 id를 수정해 줍니다. 버튼 정렬_ 수직 정렬 버튼 3개를 ctrl 키를 누른 상태로 눌러 동시 선택합니다. 그 이후 우클릭을 하여 Chains → Create Vertical Chain 을 선택하여 수직 방향의 너비를 균등하게 분배합니다. 버튼 정렬_ 수평 정렬 다시 버튼 3개를 ctrl 키를 누른 상태로 눌러 동시 선택합니다. ..

뮤직 플레이어(MusicPlayer)_2 [Android_Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 이번에는 지난번 뮤직 플레이어(MusicPlayer)_1편에 이어서 2편입니다. 프로젝트 진행 전 알아야할 사전지식2에 대해 정리하는 글입니다. 2. 사전지식 : 서비스와 생명주기 서비스 : 백그라운드에서 꺼지지 않고 작업을 수행하는 안드로이드 4대 구성요소 중 하나, 독립된 구성요소로 독립된 생명 주기를 가집니다. → 액티비티가 소멸되더라도 서비스는 독립된 상태로 실행됩니다., 서비스를 사용하기 위해서는 AndroidManifest.xml에 직접 추가해야합니다. 서비스의 유형에는 3가지가 ..

뮤직 플레이어(MusicPlayer)_1 [Android_Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 이번에 해볼 프로젝트는 뮤직 플레이어입니다. 프로젝트 진행 전 알아야할 사전지식1에 대해 정리하는 글입니다. 학습 목표 : 음악 재생, 일시정지, 앱이 종료되더라도 음악을 계속 재생하는 방법을 배우게 됩니다. MediaPlayer API Service(안드로이드 4대 구성요소) 사전 지식 : 오디오 재생 MediaPlayer API MediaPlayer API는 다양한 유형의 미디어 재생을 지원합니다. 방법은 Raw와 URI가 있습니다. Raw 리소스를 사용해 재생하기 res → raw 에 ..

스톱워치(StopWatch)_3 / [Android-Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 이번에는 코틀린을 이용한 스톱워치 만들기 3편입니다. 4. 버튼에 이벤트 연결하기 왼쪽의 코드를 보면 import문이 있는데 이는 class 코드를 작성하다보면 자동적으로 작성됩니다. 오른쪽의 코드를 보면 12번 줄의 OnClickListener가 있는데 이는 클릭 이벤트를 처리하는 인터페이스입니다. 자세한 OnClickListener에 대한 설명은 여기를 참고하세요. 14줄의 isRunning을 통해 스톱워치가 현재 실행되고 있는지를 확인합니다. 41번 줄의 onClick 함수는 클릭 이벤..

스톱워치(StopWatch)_2 / [Android-Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 이번에는 코틀린을 이용한 스톱워치 만들기 2편입니다. 3. 텍스트뷰 추가 [activity_main.xml] 에 3개의 TextView를 만듭니다. 텍스트뷰 3개 생성 00:00.00 으로 쓰일 예정, Constraintlayout에서 제약을 추가하지 않아 빨간줄이 생긴 모습 3. 텍스트뷰 위치 조정 및 제약 추가 마우스를 통해 위치를 이동하여 수직 방향 제약을 추가할 수 있다. ‘분 텍스트뷰’를 일직선 위에 놓이도록 베이스라인을 이용해 제약 추가 텍스트뷰에 마우스 우클릭 → show Bas..

스톱워치(StopWatch)_1 / [Android-Kotlin]

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 전체 코드가 궁금하다면 아래 링크를 참고하시길 바랍니다. 원본 코드 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 현재 블로그 작성 코드 :Gnow 이번에는 코틀린을 이용해 스톱워치를 만들게 되었다. 스톱워치 구현을 위해서는 스레드가 쓰인다. 스레드는 메인 스레드, 백그라운드 스레드로 나뉜다. ▶ 메인 스레드 앱이 처음 시작될 때 시스템이 생성 액티비티의 모든 생명 주기 관련 콜백 실행을 담당한다. 버튼, 에디트 텍스트와 같은 UI 위젯을 사용한 사용자 이벤트와 UI 드로잉 이벤트를 담당한다. UI 스레드라고도 불린다. 주의 : 작업량이 큰 연산, 네트워크 통신, 데이터베이스 쿼리 등은 처리에 긴 시간이 걸린다. 모든 작업을 메인 스레드..

반응형 UI 만들기 : Guideline

참고 교재 : Joyce의 안드로이드 앱 프로그래밍 - 홍정아 Guideline : 실제 화면에는 보이지 않으며, 레이아웃을 구성할 때만 사용되는 도구 app:layout_constraintGuide_ 를 통해 작성한다. 반응형으로 만들기 위해서는 고정된 dp 값이 아닌 백분율로 위치를 정해야한다. app:layout_constraintGuide_percent="0.4" → 수직 방향(vertical) 가이드라인이기 때문에 왼쪽을 기준으로 40% 지점에 위치 수평 방향 가이드라인 추가(horizontal) app:layout_constraintGuide_percent="0.3" → 0.3 percent로 30% 위치 지정 ▶ Guidline 응용 _toEndOf, _toStartOf, _toTopOf 에..

728x90
반응형