Android Kotlin Custom Calendar - 커스텀 달력 포스팅 썸네일 이미지

Android

Android Kotlin Custom Calendar - 커스텀 달력

1. 결 과 # 이 글은 RecyclerView를 이중으로 사용하여 커스텀 달력을 만드는 방법을 기술한다. 우선 가로형 타입의 RecyclerView 사용하여 각 월을 나타내며 이 안에서 각 일수를 나타내기 위한 Grid 타입의 RecyclerView를 사용한다. 각 타입 대한 RecyclerView의 자세한 내용은 이전글을 참고하면 될 것 같다. Android Kotlin RecyclerView - 리사이클러뷰(가로, 세로) 1. 결과 2. activity_main.xml (메인 레이아웃) # 1번 째 리사이클러 뷰는 Vertical(세로) 방향의 리사이클러 뷰 # 2번 째 리사이클러 뷰는 Horizontal(가로) 방향의 리.. notepad96.tistory.com Android Kotlin Rec..

2022.02.01 게시됨

Android Kotlin Chip Button 포스팅 썸네일 이미지

Android

Android Kotlin Chip Button

1. 결 과 # Chip Button은 아래 이미지서 나타난 것처럼 스타일에는 4개의 타입이 있으며 (1.input / 2.choice / 3.filter / 4.action )이 중 어떤 스타일을 사용하며 커스텀을함에 따라서 다양하게 활용할 수 있다. # 이 글에서는 Choice 스타일을 사용하는 chip 3개를 chipgroup으로 묶어 마치 radiobutton 처럼 하나만을 선택할 수 있도록 만드는 방법을 기술한다. 또한 추가적으로 chip의 padding, 선택 여부의 따른 style 변경 방법을 기술한다. 2. activity_main.xml # 레이아웃은 ChipGroup 속에 Chip 버튼 3개가 포함된 구성이다. # ChipGroup └> chipSpacingHorizontal 속성: c..

2022.01.31 게시됨

Android Kotlin Calendar - 달력/시계 날짜 및 시간 지정하기 포스팅 썸네일 이미지

Android

Android Kotlin Calendar - 달력/시계 날짜 및 시간 지정하기

1. 결 과 # 이 글은 DatePickerDialog와 TimePickerDialog를 사용하여 날짜 및 시간을 선택할 수 있는 Dialog를 호출함으로써 선택된 날짜와 시간을 가져올 수 있는 방법을 기술한다. # 단순히 날짜와 시간을 선택하게하고자 할 때 간단하게 사용할 수 있는 방법이다. 2. activity_main.xml # 레이아웃은 날짜와 시간 Dialog를 호출하는 Button 2개와, 그 결과를 보여줄 TextView 2개로 구성된다. 3. MainActivity.kt package com.example.calendar import android.app.DatePickerDialog import android.app.TimePickerDialog import android.os.Bundl..

2022.01.18 게시됨

Android Kotlin RecyclerView Parent View Style - 부모 뷰 오브젝트 스타일 변경 포스팅 썸네일 이미지

Android

Android Kotlin RecyclerView Parent View Style - 부모 뷰 오브젝트 스타일 변경

1. 결 과 # 이 글은 리사이클러 뷰의 아이템을 클릭하였을 시 Parent(=recyclerview가 있는 Activity)의 있는 다른 view object의 접근하여 배경색을 변경하는 방법을 기술한다. 2. Layout 2.1 activity_main.xml (메인 레이아웃) 2.2 list_item.xml (리스트 항목 레이아웃) 3. ListAdapter.kt (리사이클러뷰 어댑터) package com.example.recyclerviewparent import android.app.Activity import android.content.Context import android.graphics.Color import android.view.LayoutInflater import android..

2022.01.17 게시됨

Android Kotlin SnapHelper - 항목 단위로 스크롤 포스팅 썸네일 이미지

Android

Android Kotlin SnapHelper - 항목 단위로 스크롤

1. 결 과 # 해당 글은 리사이클러뷰에서 항목을 스크롤할 시 항목 단위로 전환이되고 싶을 경우 사용 가능한 방법을 기술한다. 위 결과를 보면 본래는 스크롤 시 적용 전의 결과를 갖지만 이 방법을 적용아면 아래 적용 후 결과처럼 항목 단위로 스크롤이 된다. 2. Layout 2.1 activity_main.xml (메인 레이아웃) 2.2 list_item.xml (리스트 항목 레이아웃) # 리스트 항목으로 보여줄 레이아웃을 정의하는 코드이며 사이즈를 match_parent로 하여 한 항목이 화면의 가득차도록 작성함 3. MainActivity.kt package com.example.recyclerviewsnap import androidx.appcompat.app.AppCompatActivity imp..

2022.01.16 게시됨

Android Kotlin Recyclerview - 리스트 항목 클릭 시 스타일 변경 포스팅 썸네일 이미지

Android

Android Kotlin Recyclerview - 리스트 항목 클릭 시 스타일 변경

1. 결 과 # 이 글은 리스트(리사이클러뷰)의 항목을 클릭 및 선택 했을 시 스타일을 변경하는 방법을 기술한다. # 항목을 선택하면 배경색을 변경하며 다른 항목을 클릭하면 기존 항목의 배경색은 원래대로 돌아오며 새로운 항목의 배경색을 변경한다. 2. ListAdapter.kt (RecyclerView Adapter) package com.example.recyclerviewitemselect import android.graphics.Color import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import androidx.recyclerview.widget.RecyclerView import ..

2022.01.13 게시됨

Android Kotlin Bottom Navigation - 하단 네비게이션 포스팅 썸네일 이미지

Android

Android Kotlin Bottom Navigation - 하단 네비게이션

1. 결 과 # 이 글은 Bottom Navigation View를 정의하고 활용할 수 있는 기본적인 내용을 기술한다. # Bottom Navigation의 있는 각 Item을 선택/미선택 시 스타일(색, 글자 크기) 변경 방법 # Fragment로 구성함으로써 각 탭 클릭 시 화면을 전환함 2. activity_main.xml # LinearLayout(id: layout_nav_bottom) 프래그먼트의 화면을 보여줄 Layout # BottomNavigationView 속성 - android:layout_alignParentBottom : parent layout인 RelativeLayout의 속성으로 레이아웃을 아래의 배치한다. - app:menu : menu 파일과 연결하여 navigation ..

2022.01.12 게시됨

Android Kotlin Pop Menu - 메뉴 생성 포스팅 썸네일 이미지

Android

Android Kotlin Pop Menu - 메뉴 생성

1. 결 과 # 해당 글은 Popup menu를 생성하고 항목을 Click하였을 시 이벤트 처리하는 방법을 기술한다. # popup menu는 특정 콘텐츠와 관련된 작업에 더 보기 스타일 메뉴를 제공하는 경우 유용하게 사용이 가능하다. # context menu와 다르게 click 시 혹은 long click 시 동작하도록 할 수 있다. 2. activity_main.xml (메인 Layout) # 메인 레이아웃은 리스트를 보여줄 RecyclerView 하나로 구성된다. 3. list_item_popup.xml (popup 메뉴) # popup menu로 보여줄 menu로서 3개의 항목으로 구성된다. # menu 파일은 res아래 menu directory을 만든 후 그 안에 menu 파일을 생성한다. ..

2021.12.26 게시됨