Notepad

Android/TIP

[Android/Kotlin/Tip] Status Bar Transparent - 상태창 투명

1. 설명 이번 글에서는 최상단에서 시간 및 배터리를 표시하는 상태 바(Status Bar)를 투명하게 만드는 방법에 관하여 기술한다. 상태 바를 투명하게 만듦으로써 위 결과 화면에서 보이는 것처럼 레이아웃에 나타낸 이미지가 상태 바까지 포함되어 그려지는 것을 확인할 수 있다. activity_main.xml 메인 레이아웃으로서 ImageView 1개와 TextView 1개로 구성하였다. 상단의 위치한 ImageView서 scaleType으로 fitXY를 줌으로써 지정한 크기의 맞게 이미지 사이즈를 변환하여 나타내 주며, 상태 바를 투명하게 함으로써 상태바 영역에서도 이미지가 나타나도록 할 수 있다. MainActivity.kt SDK 버전에 따라 적용해주어야 하는 것들이 다르다. window 객체는 화..

Android

[Android/Kotlin] CoordinatorLayout - 축소되는 앱 바

1. 요약 이번 글에서는 CollapsingTollbarLayout을 사용하여 App Bar가 축소되며 상단의 고정되는 기능을 구현하는 방법을 기술한다. 이에 추가적으로 RecyclerView를 아래 추가함으로써 아래로 스크롤되는 것에 따라서 App Bar가 어떻게 축소되며 고정되는가를 확인할 수 있다. 2. 레이아웃 2-1. activity_main.xml 구조적으로 다음과 같이 구성되어 있으며 상단의 고정이 될 주요 레이아웃은 CollapsingToolbarLayout 아래 Toolbar와 ImageView를 통하여 나타내게 된다. ● CoordinatorLayout CoordinatorLayout은 강력한 FrameLayout이며 Behaviors을 통하여 단일 부모 내에서 다양한 상호 작용을 구현..

Android

[Android/Kotlin] RecyclerView Divider - 구분선 만들기

1. 요약 이번 글에서는 RecyclerView에서 각 항목 사이를 구분하기 위해 도와주는 구분선을 삽입하기 위한 방법에 관하여 알아본다. 구분선을 삽입하기 위해서는 이미 정의되어 있는 DividerItemDecoreation을 사용할 수 있으며 ItemDecoration을 상속받은 후 오버라이드 즉, 재정의를 해줌으로써 Custom 한 구분선 삽입도 가능하다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 리스트를 나타낼 RecyclerView 1개로 구성된다. 2-2. item_list.xml 리스트의 항목에 레이아웃으로 TextView 2개로 구성하였다. 3. 코드 및 설명 3-1. MainActivity.kt 구분선을 삽입하기 위해서는 DividerItemDecorea..

Android

[Android/Kotlin] RecyclerView Move to Top - 최상단 이동

1. 요약 이번 글에서는 RecyclerView 리스트의 최상단으로 이동하도록 동작하는 버튼을 만드는 방법에 관하여 기술한다. 버튼은 애니메이션을 적용하여서 최상단이 아닐 경우 점점 나타나도록 만들었으며, 최상단이 될 경우 점점 사라져 보이지 않도록 만들었다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 RecyclerView 1개와 FloatingButton 1개로 구성하였다. RelativeLayout을 사용하여서 FloatingButton을 오른쪽 아래의 위치하도록 배치하였다. Floating Button은 리스트가 최상단이 아닐 경우만 보여주기 위하여 보이지 않는 상태이다. 2-2. item_list.xml 리스트 항목을 나타내는 레이아웃으로 TextView 2개로 ..

Android

[Android/Kotlin] Animation Programmatically - alpha, translate, scale

1. 요약 이번 글에서는 Animation을 코드로(programmatically) 혹은 Animation Resource File로 정의한 후 적용하는 방법에 관하여 기술한다. 구현한 Animation으로는 다음과 같이 3가지가 있다. alpha : 투명도를 조절하며, 투명한 상태에서 점점 불투명하게 함으로써 점점 나타나게 할 수 있음 scale : 크기를 변화시키며, 크기가 0인 상태에서 점점 커지게 할 수 있음 translate : 대상을 이동시키며, 시작과 종료 위치에 따라서 방향을 조절할 수 있음 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 일반 Button 3개와, Floating Button 3개를 배치하였다. 일반 Button 3개에서는 코드로 정의한 Anim..

Android

[Android/Kotlin] RecyclerView Last Item Check - 리스트 마지막 항목

1. 요약 이번 글에서는 RecyclerView를 사용하여 만들어진 리스트에서 마지막 항목이 되었을 때를 체크하여 동작을 정의하는 방법에 관하여 기술한다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 RecyclerView 1개로 구성하였다. 2-2. item_list.xml RecyclerView 리스트에서 보여줄 각 항목(Item)의 대한 레이아웃을 정의한 파일로서 TextView 2개로 구성하였다. 3. 코드 및 설명 3-1. RecyclerAdapter.kt RecyclerView의 Adapter로서 각 항목의 Text는 간단하게 항목의 Position 값에 따라 나타내었다. package com.notepad96.recyclerviewlastitem import a..

Android/TIP

[Android/Kotlin/Tip] Lorem Ipsum - 임의(테스트) 텍스트

1. 설명 이번 글에서는 임의(테스트) 텍스트인 Lorem을 사용하는 방법에 관하여 기술한다. Lorem Ipsum이란 위키백과 설명을 보면 다음과 같다. 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다. https://ko.wikipedia.org/wiki/%EB%A1%9C%EB%A0%98_%EC..

Android/TIP

[Android/Kotlin/Tip] EditText TextView Sync - 입력에 따라 텍스트 변경

1. 설명 이번 글에서는 EditText 입력에 따라 TextView의 Text를 변경해주는 방법에 관하여 기술한다. 이를 위해서 TextWatcher 리스너를 재정의하며, EditText서 입력을 변경함에 따라 TextView의 Text를 변경하도록 만든다. ● activity_main.xml 레이아웃은 EditText 1개, TextViwe 1개로 구성하였다. ● MainActivity.kt package com.example.tipexample import android.os.Bundle import android.text.Editable import android.text.TextWatcher import androidx.appcompat.app.AppCompatActivity import com..