Notepad

Android/TIP

[Android/Kotlin/Tip] 테두리(border) 그리기 - add a border to the top and bottom

1. 설명 이번 글에서는 Border(테두리)를 추가하는 방법에 관하여 기술한다. 단, 그중에서 Border를 생성할 때 위쪽 방향이 없도록 만들거나 아래 한 방향만 Border를 추가하는 방법을 알아본다. 기존에 모든 Border를 추가하거나 Style Custom 하는 방법에 관해서는 아래 이전에 작성한 글을 참조하면 될 것 같다. [TIP] Android Style Background 꾸미기 - 테두리, 모서리 둥글게 등 Android Background 꾸미기 - 테두리(border) 굵기 지정 및 색 변경, 모서리 (corner) 둥글게 지정 /res/drawable 서 리소스 파일 생성 후 작성 # shape의 shape 속성으.. notepad96.tistory.com activity_mai..

Android/TIP

[Android/Kotlin/Tip] Layout Line divider (dotted, vertical)

1. 설명 이번 글에서는 Layout Divider 레이아웃 구분선을 만드는 방법들에 관하여 기술한다. Divider을 사용하면 직관적으로 레이아웃을 구분하여 볼 수 있도록 할 수 있으며, 디자인적인 요소로도 활용이 가능하다. activity_main.xml ● Num 1 가로 화면을 가득 채우는 가장 기본적으로 사용할 수 있는 구분선(Divider)이다. View 오브젝트를 사용하여 지정하고자 하는 두께만큼 높이를 지정한 후 Background로 원하는 선의 Color를 줌으로써 원하는 두께와 Color를 갖는 Divider을 만들어 낼 수 있다. ● Num 2 1번에서 구현하였던 Divider과 유사하다. 다만 길이와 Margin 값을 조절함으로써 텍스트 길이만큼의 Divider의 길이를 조절하였고 ..

Android/TIP

[Android/Kotlin/Tip] Floating Button Style Custom

1. 설명 이번 글에서는 Floating Button의 Style을 Custom 하여 다양한 형태의 Floating Button을 디자인하는 방법에 관하여 기술한다. 해당 예시에서는 기존 Floating Button은 타원 형태였다면 사각형 형태이거나, 텍스트를 포함하는 Floating Button와 같이 다른 형태의 스타일로 구성하였다. activity_main.xml 4개의 Floating Button을 각각 다른 스타일을 적용하여 레이아웃을 구성하였다. ● Num 1 backgroundTint : Floating Button Background Color 지정 src : 이미지 지정 borderWidth : border. 테두리의 width(두께)를 지정 shapeAppearanceOverlay: ..

Android/TIP

[Android/Kotlin/Tip] CardView - 레이아웃 테두리 선, 모서리 둥글게

1. 설명 이번 글에서는 CardView를 사용하여 레이아웃을 디자인하는 방법에 관하여 알아본다. CardView를 사용하면 정의되어 있는 속성으로 쉽게 테두리의 굵기와 색을 입힐 수 있으며 모서리를 둥글게 하는 것도 가능하다. 이외에도 그림자를 주어 Card형의 레이아웃 디자인이 가능하다. activity_main.xml ● strokeWidth : 테두리의 두께를 지정 ● strokeColor : 테두리의 Color를 지정 ● cardCornerRadius : 모서리의 둥근 정도를 지정한다. 지정한 값의 정도에 따라서 예시의 2번째 Card처럼 타원형으로 만들 수도 있다. ● cardBackgroundColor : CardView의 Background Color 지정 ● contentPadding :..

Android/TIP

[Android/Kotlin/Tip] JSON to Kotlin Class Plugin - json 타입 kotlin data class로 변환

1. 설명 이번 글에서는 API를 호출하여 Data들을 불러올 때 Kotlin Data Class 타입으로 정의를 하여야 한다. 이때 JSON 타입을 Kotlin Class 파일로 변환하는 작업을 도와주는 플러그인을 사용하여 생성하는 방법에 관하여 알아본다. 예를 들어 보면 우선 1번과 같은 경우에는 market, korean_name, english_name 이 3개의 데이터만을 갖음으로 비교적 간단하게 Data Class 파일 정의가 가능하다. 1. https://api.upbit.com/v1/market/all 2. https://api.upbit.com/v1/ticker?markets=KRW-BTC 하지만 2번과 같은 경우 수십 개의 데이터를 갖는 Data Class를 정의하여야 하며 이는 귀찮으..

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