Notepad

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..

Android

[Android/Kotlin] DataBinding 데이터 바인딩

1. 요약 이번 글에서는 DataBinding의 관하여 기술한다. DataBinding은 ViewBinding처럼 Layout의 오브젝트들의 접근 가능할 뿐만 아니라 Layout서 변수를 선언하는 등 ViewBinding과 달리 양방향 통신이 가능하다. 따라서 단순하게 Layout의 오브젝트의 접근하고자 하는 것이면 ViewBinding을 사용하면 된다. [Android/Kotlin] ViewBinding 뷰 오브젝트 접근 (findViewById 대체) 1. 요약 이 글에서는 ViewBinding을 통하여 간편하게 View Object들의 접근하여 Click Event를 설정하거나 TextView의 Text를 변경하는 방법을 기술한다. 이를 위해서는 우선 App 수준 gradle 파일에서 ViewBin..

Android

[Android/Kotlin] TabLayout Custom Style - 탭 스타일

1. 요약 이번 글에서는 TabLayout에서 각 Tab 메뉴의 스타일을 다양하게 정의하고 적용하는 방법에 관하여 기술한다. 기본적으로 TabLayout과 ViewPager2를 이용하여 레이아웃을 구성하는 방법은 아래 이전에 작성하였던 글을 참고하면 된다. [Android/Kotlin] TabLayout + ViewPager2 - Slide하여 화면 전환 1. 요약 이번 글에서는 TabLayout과 ViewPager2를 사용하여서 Tab 할 수 있는 메뉴가 있으며 이를 클릭하면 화면이 전환되며, 마찬가지로 좌우로 Slide 하였을 시 화면이 전환되도록 구성하는 방법에 관 notepad96.tistory.com 해당 예시에서는 사각형 모양에 박스와 Chip Button 모양처럼 모서리가 둥근 모양을 정의하..

Android/TIP

[Android/Kotlin/Tip] ViewPager2 Circular Scroll - 끝에서 처음으로 이동

1. 설명 이번 글에서는 ViewPager를 사용할 때 처음에서 끝으로, 끝에서 처음으로 순환하는 구조를 갖도록 하는 방법에 대하여 기술한다. 기존 ViewPager는 아래 그림처럼 구성되어 있어 A 페이지서 B 페이지로 B 페이지서 C 페이지로 양방향 이동이 가능하였다. 하지만 이와 같은 구조에서는 A 페이지와 C 페이지 간 양방향 이동이 불가하다는 제약 사항이 발생한다. 따라서 이를 해결하기 위해서는 아래와 같은 구조로 변경해주면 각 페이지들을 순환하는 구조로 만들어 줄 수 있다. 그래서 이를 Circular Scroll이나 Infinite Scroll라고 명칭 하는 것 같다. 이번 글에서는 Circular Scrolling 기능을 구현하기 위한 내용으로서 기본적으로 Tab Layout과 ViewPa..

Android

[Android/Kotlin] TabLayout + ViewPager2 - Slide하여 화면 전환

1. 요약 이번 글에서는 TabLayout과 ViewPager2를 사용하여서 Tab 할 수 있는 메뉴가 있으며 이를 클릭하면 화면이 전환되며, 마찬가지로 좌우로 Slide 하였을 시 화면이 전환되도록 구성하는 방법에 관하여 알아본다. 이를 위해서는 ViewPager의 Adapter와 각 Page를 구성하는 Fragment를 구현하여야 한다. Tab 메뉴에서는 Text만을 사용할 수도 있으며 위 결과처럼 Text + Icon을 같이 사용하여 표현할 수 있다. 추가적으로 메뉴를 클릭하였을 경우 Text, Icon의 Color와 같이 스타일을 변경하기 위한 속성들과 방법에 대해서도 알아본다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 ViewPager와 TabLayout으로 구..

Android

[Android/Kotlin] ViewBinding 뷰 오브젝트 접근 (findViewById 대체)

1. 요약 이 글에서는 ViewBinding을 통하여 간편하게 View Object들의 접근하여 Click Event를 설정하거나 TextView의 Text를 변경하는 방법을 기술한다. 이를 위해서는 우선 App 수준 gradle 파일에서 ViewBinding을 사용하도록 설정해주어야 한다. 이는 기존 findViewById 혹은 deprecated 된 kotlin extensions plugin을 사용하여서 View에 접근하였던 방법들과 비교하여 View의 접근 속도가 느리거나 null-safe하지 못하는 단점들을 대체할 수 있는 좋은 방안이다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로 View Object들의 접근하여 클릭 이벤트를 설정하거나 텍스트 값을 변경되는지 확..

Android

[Android/Kotlin] Recyclerview List Animation(리스트 애니메이션)

1. 요약 이 글에서는 Recyclerview 리스트의 Item들이 Load 될 때 Animation을 설정하는 방법에 관하여 기술한다. 이를 위해서 아래 2가지 내용을 정의할 필요가 있다. RecyclerView 리스트를 나타내기 위한 Adapter 정의 Item의 적용할 Animation 정의 및 적용 Animation 경우 drawable 아래 anim이라는 Resource Directory를 생성한 후 그 안에 Animation 파일을 생성한 후 정의하며 List Adapter서 Layout의 animation 값을 지정함으로 List Item Animation을 구현할 것이다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 1개의 Recyclerview로 구성된다. ..