android (39) 썸네일형 리스트형 [배달의 민족] 따라만들기 6편 (Android Animation, NestedScrollView SmoothScrollTo, Kotlin Extension Function) 안녕하세요 허접샴푸입니다~! 배달의 민족 따라만들기 6편입니다! 이번 6편에서는 전체 Main 레이아웃을 완성시켰습니다. 이번 시간에 알아볼 것은 바로 아래와 같습니다. - ScrollView Animation [자료(구현할 것)] 1. 5편 이후로 나머지 Layout을 완성시킨 다음, 아래 GIF 보면, "자세히보기"를 눌렀을 때 여러 글이 적혀져 있는 Layout이 Animation을 이용하여 스르륵 나타났다가, "닫기"를 누르면 다시 스르륵하고 사라집니다. 이 부분을 구현해보도록 하겠습니다. [참고] 절대 실제 배달의 민족 App과 똑같이 구현하는 것이 아닌 최대한 비슷하게 구현하는 것이 목표입니다. 제가 고수였으면 100프로 똑같이 구현할텐데... 너그럽게 봐주십시오... LETS GO! [시작].. [Android Core] Snackbar 파해치기 2편 안녕하세요! 허접샴푸입니다~! Snackbar에 대해 알아보겠습니다. 2 편입니다. 이번 2편에서는 (1) 메세지에 작업 추가하기 (2) Snackbar 커스터마이징 하기 (3) 나머지 프로퍼티 [알아보자] (1) 메세지에 작업 추가하기 위 그림을 보면 "RETRY"라는 보라색의 글자를 확인할 수 있습니다. Snackbar에 작업을 추가하면 저렇게 메시지 텍스트 옆에 버튼이 생깁니다. 버튼을 누르면 작업 또한 트리거할 수 있습니다. 출처: https://developer.android.com/training/snackbar/action - setAction()을 통해 버튼에 원하는 문구와, 버튼을 눌렀을 때 트리거를 적용할 수 있습니다. 저는 단순히 버튼을 "눌러"라고 표시하게 해놓았으며, 그 "눌러" .. [배달의 민족] UI 따라만들기 5편 (ObjectAnimator, Layout Animation, CoroutineScope) 안녕하세요 허접샴푸입니다~! 배달의 민족 따라만들기 5편입니다! 이번 5편에서는 잠시 쉬어가기 느낌으로 Animation을 구현하도록 하겠습니다. (얻어갈 수 있는 것 - 제 마음대로 끄적인...) - ObjectAnimator - LayoutAnimation - CoroutineScope [자료(구현할 것)] 1. 아이콘들이 Animation에 따라 화면에 나타납니다. (아래에서 위로, RecyclerView에 Animation을 적용하고자 합니다. 이미지 배너 아래에서 위로 Animation은 다루지 않습니다.) 2. ImageView Animation(덜컹덜컹 Animation) [참고] 절대 실제 배달의 민족 App과 똑같이 구현하는 것이 아닌 최대한 비슷하게 구현하는 것이 목표입니다. 제가 고수.. [배달의 민족] UI 따라만들기 4편 (NestedScrollView, RecyclerView, GridLayoutManager, ViewModel, Livedata, and etc) 안녕하세요 허접샴푸입니다~! 배달의 민족 따라만들기 4편입니다! 4편에서는 Grid 형태의 RecyclerView를 구현하도록 하겠습니다. (얻어갈 수 있는 것 - 제 마음대로 끄적인...) - Grid RecyclerView - NestedScrollView - 둥근 Rectangle - Custom Layout [자료] 위처럼 둥근 모서리의 사각형 안에 Grid 형태의 RecyclerView를 만들어보도록 하겠습니다. 보너스로 "우리동네 맛집 검색" Layout 또한 만들어보도록 하겠습니다. LETS GO! [시작] (1) GridItem 생성 - 1편에서 이미지 배너를 위해 BannerItem 객체 클래스를 만든 것처럼 이번에도 GridItem이란 객체 클래스를 만들어줍니다. (2) FakeItem.. [배달의 민족] UI 따라만들기 3편 (Viewpager2, Coroutine, LifecycleScope) 안녕하세요 허접샴푸입니다~! 배달의 민족 따라만들기 3편입니다! 3편에서는 자동으로 스크롤 되는 ViewPager2에 대해 알아 보도록 하겠습니다. 구글에서 밀고 있는 Coroutine을 사용하도록 하겠습니다. [자료] 지난 2편에서는 좌우로 Swipe 되는 이미지 배너를 구현하였죠? 이번 편에서는 좌우로 손을 대지 않아도 알아서 Swipe 되도록 하겠습니다. 잘 아시겠지만 자동이라고 하면 결국 thread 를 사용해야 하는데 구글에서 권장하고 있는 놈이 바로 Coroutine입니다. 즉 유저는 앱을 사용하고 있으면서, 이미지 배너는 자동으로 Swipe 되는 비동기 처리가 되어야 합니다. 이에 적합한 것이 바로 Coroutine 입니다. 그리고 LifecycleScope를 사용하여 편하게 만들어 보도록 .. [배달의 민족] UI 따라만들기 2편 (Viewpager2, Livedata, Viewmodel) 안녕하세요 허접샴푸입니다~! Programming에 대한 개념은 있으나, UI 짜는 방법을 몰라서 헤매고 있으신 분들을 위해 새로운 카테고리인 UI 따라 만들기를 만들었습니다. 주인공은 배달의 민족입니다! 이번 편은 2편입니다! [자료] 이번 편은 위에 좌우로 Swipe 되는 이미지 배너를 구현하도록 하겠습니다. Viewpager를 사용해야 합니다. 참고로, 현재는 Viewpager2가 있으며 저는 Viewpager2를 이용하도록 하겠습니다! Viewpager2는 기존 Viewpager의 PagerAdapter를 RecyclerView.Adapter로 대체되었기 때문에 RecyclerView 사용법만 알면 Viewpager2는 식은죽 먹기입니다! Viewpager2 : https://developer.a.. [배달의 민족] UI 따라만들기 1편 안녕하세요 허접샴푸입니다~! Tistory가 워낙 오류가 많아서 글이 몽땅 날라가는 경우가 허다하네요 ㅋㅋ. 정말 짜증나 미쳐버리겠습니다. 한두번도 아니고;; 원래 매우 정성스럽게 작성했었는데... 암튼 다시 작성하도록 하겠습니다. Programming에 대한 개념은 있으나, UI 짜는 방법을 몰라서 헤매고 있으신 분들을 위해 새로운 카테고리인 UI 따라 만들기를 만들었습니다. 첫편의 주인공은 배달의 민족입니다! [자료] 배달의 민족 UI를 따라하도록 하겠습니다. 배달의 민족 App은 왼쪽 상단에 햄버거 아이콘이 있으며, 이를 클릭할때마다 왼쪽에서 Drawer(서랍)가 나왔다 들어가는 형태의 앱입니다. 그러나 모든 아이콘들을 클릭해보면, Drawer를 제외하고서는 모두 Activity가 새롭게 뜹니다. .. [Android Core] Snackbar 파해치기 1편 안녕하세요! 허접샴푸입니다~! Snackbar에 대해 알아보겠습니다. Snackbar는 무엇인가? Snackbar은 화면 하단에 앱 프로레스에 관한 간단한 메세지를 제공합니다. 참조: https://material.io/components/snackbars/#usage Snackbar 클래스가 Toast를 대체합니다. 현재 Toast도 여전히 지원되지만 간략한 임시 메시지를 표시하는 데 Snackbar가 더 많이 사용됩니다. 출처 : https://developer.android.com/training/snackbar 즉, Toast 보다는 Snackbar를 사용하라는, 권장한다는 뜻이군요! ㅋㅋ 이번 편에서 알아볼 것은 다음과 같습니다. [알아볼 것] - 어떠한 동작에 대해 간단한 피드백을 제공한다. .. 이전 1 2 3 4 5 다음
