본문 바로가기

안드로이드 코틀린145

[Kotlin][Android] 알림(Notification) 기능 만들기 Notification(알림)이란? 사용자에게 미리 알림을 주고 다른 사람과의 소통을 가능하게 하며 앱에서 보내는 기타 정보를 적시에 제공하기 위해 Android가 앱의 UI 외부에 표시하는 메시지입니다. [참고] developer.android.com/guide/topics/ui/notifiers/notifications?hl=ko 알림 기능을 만들어 보겠습니다. 먼저 예제에 사용할 화면을 만들어 보겠습니다. 다음 코드를 작성해 보겠습니다. 스틱코드를 활용한다면, 클래스에서 'b' 까지만 작성했을 때 '버튼 이벤트 생성' 이벤트가 나타납니다. '버튼 이벤트 생성' 이벤트를 누를 경우 코드가 자동으로 완성이 됩니다. 여기서는 버튼의 아이디 값만 입력을 해주시면 됩니다. 다음 알림을 보내기 위해 알림을 생.. 2021. 4. 17.
[Kotlin][Android] SeekBar 시크바 기본 사용법 오늘은 코틀린을 이용해서 시크바를 구현해보도록 하겠습니다. 시크바란? SeekBar은 슬라이더 형태의 게이지 바를 말합니다. 음량이나 밝기 외에도 음악, 동영상 제어하는 등 다양한 곳에 사용되기 때문에 한번 익혀 놓으면 다양한 곳에 사용할 수 있습니다. 시크바 공식문서 developer.android.com/reference/android/widget/SeekBar SeekBar | Android 개발자 | Android Developers developer.android.com 시크바 이벤트 리스너를 활용하면, 사용자가 시크바에서 선택한 값을 알 수 있습니다. (1) onProgressChanged: 시크바를 조작하고 있는 중에 발생 (2) onStartTrackingTouch: 시크바를 처음 터치했을.. 2021. 4. 16.
[Kotlin][Android] Floating Action Menu 만들기 안녕하세요~ 오늘은 FloatingActionButton을 사용한 메뉴 기능을 만들어 보겠습니다. 앱을 사용하다 보면 위와 같은 버튼을 보신적이 있으실 텐데요, 위 버튼을 FloatingActionButton(fab)이라고 합니다. 화면이 움직이더라도 fab 버튼은 화면의 최상위에 고정되어 떠있는 것을 보실 수 있습니다. 그럼 fab 버튼을 이용하여 메뉴를 구현하는 예제를 스틱코드를 이용해서 만들어 보도록 하겠습니다. 레이아웃 작성 ▶ activity_main.xml 우측 하단에 fab 버튼을 배치하고 버튼을 눌렀을때, 나올 서브 fab 버튼을 위쪽으로 배치했습니다. 다음은 fab 버튼을 사용할때 많이 사용하는 옵션입니다. src : fab 버튼의 아이콘을 지정할 수 있습니다. backgroundTint.. 2021. 4. 9.
[Kotlin][Android] Lottie 스플래시(Splash)화면 만들기 스플래시(Splash)화면이란? 앱 실행시 브랜드 로고나 이벤트 광고 등 지나가는 화면을 말합니다. Lottie란? 에어비엔비에서 만든 After Effect 애니메이션을 랜더링하여 애니메이션으로 보여주는 라이브러리입니다. [참고] airbnb.io/lottie/#/android 먼저, build.gradle 파일 안에 Lottie라는 라이브러리를 사용하기 위해 아래 화면처럼 추가하고 Sync Now 버튼을 누르시면 라이브러리가 적용됩니다. implementation "com.airbnb.android:lottie:3.6.1" 다음 로티에 사용할 애니메이션을 다운로드 받기 위해 아래 주소로 접속합니다 lottiefiles.com/ 주소로 접속하면 아래와 같은 화면이 나옵니다. 여기서 Go TO My Da.. 2021. 4. 6.
[Kotlin][Android] retrofit2 이용한 HTTP 통신 코틀린을 통해 간단한 http 통신을 테스트 해보겠습니다. 간단한 GET, POST 요청을 진행할 예정입니다. 서버쪽은 간단한 php 코드를 이용하였고 상세한 세팅과 코드는 생략하였습니다. 포스팅에서 사용된 모든 코드는 stickode.com/detail.html?no=1954 스틱코드 stickode.com 에서 즐겨찾기 하면 쉽게 사용하실수 있습니다. 우선 빈 프로젝트 생성후 기본적인 그래들 설정을 진행합니다. build.gradle (module) buildFeatures { viewBinding true } 다음 코드는 뷰바인딩을 이용합니다. dependencies { //... implementation 'com.squareup.retrofit2:retrofit:2.9.0' implementat.. 2021. 3. 15.
[Kotlin][Android] 당겨서 새로고침 기능 만들기 이번 예제는 당겨서 새로고침을 해주는 기능을 만들어보겠습니다. 새로고침 기능을 만들기 위해서는 SwipeRefreshLayout 라는 레이아웃을 사용해야합니다. [참고] developer.android.com/reference/androidx/swiperefreshlayout/widget/SwipeRefreshLayout?hl=ko SwipeRefreshLayout을 사용하기 위해서는 build.gradle 파일의 의존성 설정에 추가해야 합니다. 위 사진을 참고 하셔서 build.gradle 파일에 아래 설정을 추가 하시고 Sync Now 버튼을 눌러주시면 설정 추가 됩니다. dependencies { implementation "androidx.swiperefreshlayout:swiperefreshl.. 2021. 3. 10.
[Kotlin][Android] 안드로이드 스피너 2탄 스피너 커스텀하기 2021/02/13 - [안드로이드 코틀린] - [Kotlin] 안드로이드 스피너 만들기 [Kotlin] 안드로이드 스피너 만들기 스틱코드를 사용해 스피너를 만들어 보려고 합니다. 스피너란? 여러 가지 중 하나를 선택해야 하는 경우 사용할 수 있는 뷰입니다. 웹에서 날짜를 선택하거나, 보기를 고를 때 많이 본 뷰입니다. stickode.tistory.com 지난 번에는 단순시 스피너를 만들었다면, 이번에는 스피너를 커스텀해보려고 합니다. 스피너 만들기는 지난 번에 포스팅한 내용을 참고하시면 됩니다. 먼저 처음에 보여지는 화면에 모양을 지정하도록 해보겠습니다. 새로운 drawable을 만들어 줍니다. 추가한 후에 전체 내용을 지운 후 round_box를 입력합니다. stickode.com/detail.ht.. 2021. 2. 21.
[Kotlin][Android]안드로이드 스피너 만들기 스틱코드를 사용해 스피너를 만들어 보려고 합니다. 스피너란? 여러 가지 중 하나를 선택해야 하는 경우 사용할 수 있는 뷰입니다. 웹에서 날짜를 선택하거나, 보기를 고를 때 많이 본 뷰입니다. developer.android.com/guide/topics/ui/controls/spinner?hl=ko 스피너 | Android 개발자 | Android Developers 스피너는 값 집합에서 하나의 값을 선택할 수 있는 빠른 방법을 제공합니다. 기본 상태의 스피너는 현재 선택된 값을 표시합니다. 스피너를 터치하면 기타 모든 사용 가능한 값을 포함하는 드롭 developer.android.com 스피너를 사용하기 위해서는 처음에 xml 파일에서 spinner를 선언해야 합니다. 스틱코드를 이용하면 "sp" 두.. 2021. 2. 13.
[Kotlin][Android] SQLite 를 활용한 간단 회원가입/로그인 구현 이번 예제에서는 SQLite를 사용한 아주 간단한 회원가입 / 로그인 기능을 구현해볼 예정입니다. 스틱코드를 작성해서 좀 더 빠르게 기능을 만들어 보았습니다. stickode.com/detail.html?no=1867 - xml, activity 코드 stickode.com/detail.html?no=1868 - sqlite 관련 코드 관련한 모든 코드내역은 해당 링크에서 확인하실수 있습니다. 해당 포스팅을 즐겨찾기, 혹은 내 스틱코드로 복사하여 포스팅 후 안드로이드 스튜디오를 재시작(모든 프로젝트 종료후) 이후에 포스팅을 따라서 구현해주시기 바랍니다. Activity코드, xml 코드는 파일명으로 나머지 코드는 sqlite 를 치고 자동완성하실수 있습니다. 그래들 View-Binding 설정 View-.. 2021. 2. 4.