예제 4

[Android-java] ScrollView 사용법 및 에러 해결

개발환경 : Windows 사용 라이브러리 : DataBinding (데이터 결합 라이브러리) 안녕하세요 개발 중에 ScrollView가 먹통이라서 삽질을 했네요 ㅠㅠ 삽질 끝에 먹통을 해결했습니다 !! 어이없는 실수였지만 다른 분들도 혹시 이런 상황이 생길 수도 있으니 참고용으로 올렸습니다!! ScrollView란? 데이터가 많아져 UI가 꽉 찼을 때 위아래로 이동할 수 있는 뷰입니다. 데이터가 많아 아래까지 내려가있는 상황인데 이런 경우 ScrollView를 사용하시면 됩니다. ScrollView 안에는 한 개의 레이아웃만 사용할 수 있으니 레이아웃안에 레이아웃을 생성해주셔야 합니다. 저는 툴바 아래에 사용하기 위해 match_parent와 wrap_parent 대신 0dp를 사용해 크기를 맞춰주었습..

Android 2021.08.26

[Android-Java] ViewPager와 TabLayout을 이용해 Custom 탭 만들기

오늘은 TabLayout과 ViewPager에 대해 알아보겠습니다. ViewPager란? 하나의 전체 화면에서 다른 전체 화면으로 전환하는 것으로, 화면 슬라이드에 자동으로 애니메이션(스와이프)을 적용할 수 있습니다. TabLayout이란? 탭 레이아웃은 탭을 표시할 수 있는 수평 레이아웃을 제공합니다. 화면 전환을 위해 ViewPager와 함께 사용합니다. 이제 구현을 해보겠습니다. (Databinding 사용) 1. style에 tab_text를 생성해줍니다. style.xml TabLayout의 텍스트 폰트와 사이즈을 설정해줍니다. 2. XML에 TabLayout과 ViewPager를 추가해줍니다. activity_main.xml style.xml에서 정의한 TabText는 app:tabTextAp..

Android 2021.03.18

[Android-Java] TabLayout 배경색 다르게 설정하기

Android에서 TabLayout에서 탭했을 때 배경색을 변경하는 코드는 따로 없기 때문에 drawable을 만들어주어야 합니다. 1. 기본 배경색 drawable > tab_background_unselected.xml 2. 선택된 탭 배경색 drawable > tab_background_selected.xml 3. 최종 배경색 설정 drawable > tab_background.xml 4. TabLayout에 배경색으로 설정 app:tabBackground="@drawable/tab_background" 결과화면

Android 2021.03.18

[HTML] 넷플릭스 프로필 선택 화면 구현 (UI)

개발툴 : Sublime Text3 (메모장으로 하셔도 상관없습니다) 넷플릭스 로그인 후 나타나는 프로필 선택 화면을 구현해보겠습니다. 먼저, 설정한 style 부분 (CSS)를 설명하겠습니다. 먼저 스타일을 구분해줄 클래스명을 추가해 구분해줍니다. ex) .클래스명 태그인 proflie-aria를 만들어 중간에 배치할 레이아웃을 만들어 줍니다. 이 레이아웃 안에는 "Netflix를 시청할 프로필을 선택하세요." 문구와 프로필 카드, 프로필 관리 버튼이 들어가게 됩니다. list 태그인 는 프로필 카드를 나열해줄 리스트이기 때문에 마커를 제외하였고, float 속성을 이용하여 가로 배열을 해주었습니다. style 설정을 마쳤으면 body 안에서 style 클래스를 사용할 태그들에 class명을 설정해줍니..

Web 2021.03.05