안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol

뷰를 정렬해보겠습니다!

우선 

가운데 정렬 

안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol

원하는 뷰의 layout_gravity를 center로 설정해주는 방법!

-> 그러나 제대로 가운데로 안왔군요!

안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol

LinearLayout의 gravity를 center로 해주면 가운데로 잘 옵니다!

-> 그렇다면 layout_gravity와 gravity는 뭐가 다른걸까요?

  • layout_gravity = View의 테두리
  • gravity = View의 내용물

layout_gravity와 gravity의 차이점을 알았으니

gravity를 이용해 글자를 가운데로 정렬해보는 것도 해봅시다!

가운데 정렬 ✌️

안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol

layout_width와 layout_height의 설정을 바꾸어 TextView가 화면에 꽉 차게 설정해준 후

gravity 즉, 글자만 가운데로 바꿔준 것입니다.

가운데 정렬 이외에는 대부분 margin(여유)를 이용해 위, 아래, 왼쪽, 오른쪽에 어느정도 공백을 줄지 설정하거나

gravity를 위, 아래, 왼쪽, 오른쪽으로 두는 등 간단하게 할 수 있습니다.

gravity의 몇가지 속성만 더 확인해보겠습니다.

안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol

March 4, 2020

안드로이드 스튜디오의 TextView에 들어있는 text를 정렬하는 방법은 다음과 같다.

  1. xml 파일에 정렬하고 싶은 TextView를 찾는다.
  2. 해당 TextView에 다음 코드를 삽입한다.
    • 가운데 정렬 : android:gravity=”center”
    • 왼쪽 정렬 : android:gravity=”left”
    • 오른쪽 정렬 : android:gravity=”righr”

예시

<TextView
        android:id="@+id/TEST"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TEST"
        android:textAppearance="@style/TextAppearance.AppCompat.Display2"
        android:textColor="@color/text" 

	//작성
        android:gravity="center"
/>


안드로이드 레이아웃 정렬(android layout alignment)

안드로이드 스튜디오의 레이아웃 자체를 정렬하는 방법은 다음과 같다.

  1. xml 파일에 정렬하고 싶은 layout을 찾는다.
  2. 해당 layout에 다음 코드를 삽입한다.
    • 가운데 정렬 : android:layout_gravity=”center”
    • 왼쪽 정렬 : android:layout_gravity=”left”
    • 오른쪽 정렬 : android:layout_gravity=”right”

예시

<TextView
        android:id="@+id/TEST"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TEST"
        android:textAppearance="@style/TextAppearance.AppCompat.Display2"
        android:textColor="@color/text"         

        //작성  
        android:layout_gravity="center"
/>

텍스트와 레이아웃을 동시에 정렬해도 된다.

예시

<TextView
        android:id="@+id/TEST"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TEST"
        android:textAppearance="@style/TextAppearance.AppCompat.Display2"
        android:textColor="@color/text"

        //작성
	android:gravity="left"
        android:layout_gravity="center"
/>

감사합니다.


홈으로 가기더 많은 android post 보기post 목록 보기
     

Textview를 만들었을 때 기본적으로 wrap_content로 설정이 되기 때문에 대부분의 초보들은 맞는 글자만 넣어주고 적당히 배치하면 원하는 디자인을 만들 수 있습니다.

하지만, Textview의 사이즈를 특정 pixel이나 dp로 지정한 다음 글자를 적게 되면 글자의 위치가 왼쪽 위로 나오기 때문에 적절하지 못한 느낌이 들게 됩니다.

안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol
이런식으로 xml 레이아웃을 작성 하면
안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol
이런식으로 한쪽으로 쏠린화면이 나옵니다.

가운데 정렬은 어떻게 하면 할 수 있을 까요?

        android:gravity="center"

를 xml코드에 넣어 주시면 됩니다.

근데, 텍스트의 경우 이렇게 하면 가운데 정렬이 되지 않습니다.

위 아래만 가운데 정렬이 되고 좌우는 되지 않는데요, 이때에는 다음 코드도 같이 넣어줍니다.

        android:textAlignment="center"

두 개의 코드를 넣어서 xml을 완성하면 가운데 정렬이 됩니다.

고민하기 싫으신 분들은 간단하게 아래 두 줄의 코드를 한번에 넣으면 그냥 마음 편히 사용하면 됩니다.

        android:textAlignment="center"
        android:gravity="center"
안드로이드 스튜디오 가운데 정렬 - andeuloideu seutyudio gaunde jeonglyeol

결과는 위와 같이 나옵니다.

모두들 즐거운 코딩하세요 :D