반응형 적용하기!!!

어떤 앱을 출시해볼까 하다가, 반응형 이미지를 캡쳐해야하는데 처음해보는거라 잘 몰라서 마구잡이로 하려다...

제대로 반응형을 적용해보자 생각해서... 어떤 것이든 찾아서 따라해봄... 이게 맞는지 모르겠지만...

 

1, 가이드라인 2개 추가

activity_main.xml의 design 으로 들어가서 저 모양의 아이콘을 찾는다. 저 모양의 이름은 guideline임.

 

누르면

 

노랭이로 표시해놓은 것이 2개가 있는디 ConstaintLayout에 각각 1개씩 추가해주면 된다.

 

그리고 나서 

app:layout_constraintGuide_begin="20dp"

 

 

이렇게 기본적으로 Guideline 안에 들어가 있다. 이걸 

 

app:layout_constraintGuide_percent="0.4"

 

수직 가이드라인은 이렇게 변형해주고

 

app:layout_constraintGuide_percent="0.3"

 

수평 가이드라인은 이렇게 변형해준다.

 

그리고 대상이 되는 것에는 

android:layout_width="0dp"
android:layout_height="0dp"

 

이렇게 변형해준다.

진짜로 되는지는 나중이나 다음에 올려 보겠다.

 

이것 땜에 앱 다 만들어 놓고 구글에 배포를 못하고 있다.

 

 

 

[참조사이트]

https://cocococo.tistory.com/entry/Kotlin-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-Guideline-%EB%B0%98%EC%9D%91%ED%98%95-UI-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95

[Kotlin] 안드로이드 스튜디오 Guideline (반응형 UI) 사용 방법

 

 

내용 보기

 

<추가>

android developer에 있는 거 가져옴... 아직 적용은 해보지 못했지만...

 

https://developer.android.com/develop/ui/compose/layouts/adaptive/window-size-classes?hl=ko

창 크기 클래스  |  Jetpack Compose  |  Android Developers