230810 Today I Learned!

다양한 Palette의 위젯을 사용하다가 알아두면 좋을 부분이 있어 작성해보았다!!

아래 내용은 따로 게시글 만들어서 올릴 예정!!

(내가 까먹고 검색하기 위해...!)ㅜㅜ

---

수평선(수평선, 수직선) 그리기

- 색상, 두께 원하는 대로 조절해서 사용 가능하다!

 

1. 수평선(가로)

  <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"/>

 

2. 수직선(세로)

  <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="@color/black"/>

 

 

---

ImageView 높이 이미지 비율에 맞게 설정하기

ImageView는 match_parent나 wrap_content로 크기를 맞추는데 이미지 비율이 달라져 기존 이미지가 달라질 수도 있고, 비어져 있는 공간이 생길 수도 있습니다.! 이러한 문제를 해결하기 위해 adjustViewBounds 사용하면 xml에서 간단하게 해결 가능!!

 

       1. ImageView 속성에 android:adjustViewBounds="true"추가

 

       2. layout_height = "wrap_content" 설정

 

       3.  이미지를 넣을때 background가 아닌 src에 넣어야 함!

 

이렇게하면 ImageView의 너비와 이미지의 원래 비율로 계산을 해서 ImageView의 높이가 결정된다!

 

1. android:adjustViewBounds="true" 사용 전

 <androidx.appcompat.widget.AppCompatImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_happy" />

 

 

 

빈 공간이 생겨 레이아웃 배치 시 자리를 차지하게 됨

 

2. android:adjustViewBounds="true" 사용 후

  <androidx.appcompat.widget.AppCompatImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_happy" />

 

이미지에 맞게 크기가 설정됨