# CardView

[SwiftUI] CardView 만들기, Divider 조절하기
CardView Modifier 만들어서 적용시키기! 이 사진처럼 테두리에 그림자 효과를 줘서 띄워져있는거처럼 보이게 하는 CardView 같이 만들기 위해서는 커스텀해서 사용해야 한다! 나는 아래와 같이 Modifier로 만들어 적용시켜주었다! Modifier 적용은 .modifier()를 통해 원하는 뷰에 적용시켜서 사용하면 된다! Divider width, height 조절하기 위의 사진에 빨간색 줄 사이에 있는 연

[Android / Kotlin] Swiperefreshlayout
본 포스팅에서는 Swiperefreshlayout를 사용하여 아래로 당겼을 때 화면이 새로고침 되는 예제를 만들어 보려고 한다. RecyclerView와 CardView를 사용하여 아이템 리스트 목록을 보여주고 화면이 새로고침 될 때마다 리스트의 요소들을 랜덤하게 재배열 하여 보여주고자 한다. RecyclerView와 CardView는 이전에 구현 한 예제를 사용한다. 📍 결과 동영상 > - 화면을 아래로 당길 때 새로고침 아이콘이 화면에 표시되며 리스트 목록이 재배열 되어 변경 된 리스트 목록이 표시된다. 새로고침 작업이 끝나면 새로고침 아이콘이 사라

[Android / Kotlin] RecyclerView와 CardView 같이 사용하기
📍 CardView란? Android에서는 일관된 모양인 카드에 정보를 표시하는 쉬운 방법으로 CardView를 제공한다. CardView를 사용하면 간편하게 컨테이너의 스타일을 일관되게 유지하면서 뷰 그룹을 포함할 수 있다. 📍 결과 동영상 📍 CardView 구현하기 👩🏻💻 종속성 추가하기 CardView 위젯을 사용하려면 앱 모듈의 build.gradle 파일에 종속 항목을 추가한다. 👩🏻💻 RecyclerView 정의하기 👩🏻💻 CardView 레이아웃 생성하기 레이아웃에 CardView 위젯을 추가하며 CardView에 사용할 수 있는 속성은 다음과 같다. > 📌 CardView 위젯 속성 card_view:c
Android RecyclerView (with CardView) 사용하기
🖐 Android 에서 자주 사용하는 RecyclerView와 함께 CardView 사용하기 > 🚀 Android에서 RecyclerView를 사용하면서 자주 함께 사용하는 것이 CardView이다. CardView를 사용하면 padding, border, shadow 등을 자연스럽게 설정할 수 있다. 이번에는 기본적인 RecyclerView 설정과 함께 CardView도 같이 사용해보았다. 📃 순서 dependencies 추가 layout에 RecyclerView 추가 (empty view 포함) RecyclerView item에서 사용할 layout 만들기 Adapter로 RecyclerView와 item layout 연결하기 🔧 dependencies 📱 RecyclerView를 보여줄 layout (act

[Android] 카드뷰 상단 코너만 radius 주기
💡 카드뷰를 사용하면서 가장 불편한 점은 바로 코너에 대해서 각각 Radius를 줄 수가 없다는 것입니다. 약간의 꼼수를 사용해서 상단에만 Radius 효과를 주는 것 처럼 보이게 해보겠습니다. 일단 사진 밑에 코너를 준 만큼 가려줄 뷰가 필요합니다. 그 뷰를 사용해서 하단의 코너를 가려준다고 생각하시면 됩니다. cardView의 radius를 주고, bottom margin을 -로 주면서 아래로 향하도록 만들어 줍니다. 그리고 하단의 뷰의 top margin을 -로 주어 가릴 수 있도록 만들어 주었습니다. 약간 야매(?)로 때우긴 했는데, 작동은 잘하는 것으로 보아 문제없을 것이라 생각듭니다!

[SwiftUI] CardView처럼 만들기
카드 디자인 어떻게 만들것인가. View + 그림자 디자이너의 시안 디자인 분석 Username은 아래와 나눠서 VStack으로 쪼개고 HStack으로 쪼개고 다시 VStack으로 쪼개면 어떻게 넣어야 할지 보인다. Card같은 느낌 내용물은 어떻게 만들어야 하는지 보이는데 테두리에 있는 그림자 같은 무언가가 보인다. 오른쪽과 밑으로 그림자 같은 효과가 있다. background와 shadow를 사용하여 그림자처럼 보이게, Card 같은 느낌으로 만

둥근 이미지 만들기 | Android Study
😀 시작 어플리케이션을 만들다보면 회원의 프로필 사진을 추가하는 경우가 많은데, 보통 사각형 이미지 보다는 둥근 모양의 이미지를 선택하는 경우가 많다. 이번 포스팅에서는 어떻게 둥근 이미지를 만들 수 있는지 알아볼 것이다. 정상적으로 입력된다면, 우리는 위의 사진과 같은 결과를 얻을 수 있을 것이다. 자세히 보면 사진 바깥 쪽에 굵은 테두리가 그려진 것도 확인할 수 있다. 🙃 실습 📌 1. 의존성 부여 우선, 브라우저 혹은 서버에서 이미지를 로드할 때 사용하는 glide 라이브러리를 사용하도록 한다. 로컬에서 이미지를 사용할 것이라면 굳이 이 과정을 밟지 않아도 된다. 📌 2. 레이

[Android] 솔로탈출! 매칭 App 만들기
🚩 솔로탈출! 매칭 App 오늘은 회원들의 정보를 카드뷰를 통해 확인하여, 맘에 드는 사람들끼리 매칭을 해주는 app을 만들어본다. (간단한 기능의 App입니다!) 🚩 사용 기술 및 도구 언어 : Kotlin (100%) 환경 : Android Studio Database : Firebase Realtime Database 그 외 : Facebook API, View Binding, Glide, CardView, yuyakaido - CardStackView, ArthurHub-ImageCropper 🚩 작품 기능 설명 이메일 로그인 / 페이스북 로그인 Opensource Library인 CardStackView 사용으로 보기좋은 애니메이션 구현 회원 정보를 카드뷰를 통해 확인 후, disLike 또는 Like 처리 서로가 Like 한 경우, 매치 리스트 에서 확인 할 수 있다. 🚩 기능 살펴보기 ◾ 이메일 / 페이스북 로그인