Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 파이썬
- Jenkins
- react-native
- kotlin
- EC2
- AWS
- docker
- 광고 id
- 오퍼월
- chrome
- nuxt
- toml
- python
- Next
- Android
- React
- nginx
- 티스토리챌린지
- NanoHttpd
- spring boots
- TypeScript
- 개발
- 코딩테스트
- 백준
- 오블완
- css
- 코테
- JavaScript
- it
- Express
Archives
- Today
- Total
내맘대로 개발일지
[Kotlin] scaleType ? 본문

📱테스트 환경
Samsung Galaxy Android 13 • Android 10
😢 내가 겪은 문제
오랜만에 Next Web 개발하다가 오랜만에 다시 Kotlin App 개발을 할라니까 기억이 안난다 ㅎ
이래서 사람이 꾸준히 공부를 해줘야하나보다 싶었다. 배우는데는 참 오랜시간 걸리는데 잊는데는 금방인 것 같이 느껴진다.
아무튼 ImageView 관련 수정이 필요해서 수정을 해줬어야 했는데, 이미지 크기를 키우다 보니 내가 생각한것 처럼 안됐다.
뭐 늘 개발이 그런 식이였지만 .. 그래서 오늘 사용한 scaleType 에 대해 정리해놓으려고 한다.
<ImageView
android:id="@+id/imageView"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/sample_image"
android:scaleType="centerCrop"
android:contentDescription="Sample Image"
/>
scaleType은 이미지뷰를 사용할 때 이미지가 어떻게 표시되는지를 제어하는 속성 중 하나이다.
- center : 이미지를 원본 크기 그대로 중앙에 배치한다. 이미지가 뷰보다 클 경우 일부가 잘릴 수 있다.
- centerCrop : 이미지를 중앙에 배치한다. 이미지의 비율을 유지한 채로 이미지를 크게 확대하여 뷰를 가득 채우도록 한다.
이미지가 뷰보다 작을 경우 빈 공간이 발생할 수 있다. - centerInside : 이미지를 중앙에 배치하고, 이미지의 비율을 유지한 채로 이미지를 축소하여 뷰 내부에 전체 이미지가 들어가도록 한다.
이미지가 뷰보다 클 경우 이미지가 축소된다. - fitCenter : 이미지를 중앙에 배치하고, 이미지의 비율을 유지한 채로 이미지를 뷰에 맞춘다. 이미지가 뷰보다 클 경우 일부가 잘릴 수 있다.
- fitStart
- fitEnd
- fitXY
- matrix
여기서 내 경험상 제일 많이 사용하는 건 centerCrop, fitCenter 인 것 같다.
설명을 작성하지 않은 건 사용해본적도 없다. 그래서 잘 모른다 ....!! 잘 쓰지는지도 모르겠고 ...
아무튼 제일 중요하게 생각하는 건 centerCrop 와 fitCenter 인데, 이정도는 어쩔 때 써야하는지 정도 알아두면 좋을 것 같다 !!
- 끝
'Android > Kotlin' 카테고리의 다른 글
| [Kotlin] EditText 사용하는 방법 ( 키보드 짤림, Text 꺼내기, 비우기 ) (0) | 2023.09.20 |
|---|---|
| [Kotlin] Google PlayStore 이동하기 (0) | 2023.09.18 |
| [Kotlin] Transaction too large 에러 해결방법 (0) | 2023.08.13 |
| [Kotlin] App Version 변경 하는 방법과 버전 규칙 (0) | 2023.08.12 |
| [Kotlin] Squicle 디자인 XML 코드 작성 (0) | 2023.08.12 |