Program Club

Android 레이아웃 내부에서 뷰를 중앙에 배치하는 방법은 무엇입니까?

proclub 2020. 10. 22. 23:43
반응형

Android 레이아웃 내부에서 뷰를 중앙에 배치하는 방법은 무엇입니까?


화면 중앙에 레이아웃을 배치하고 싶습니다.


1 단계 : 전체 화면에서 화면 중앙에 원하는 것을 배치합니다 RelativeLayout.

2 단계 : 하위 뷰 (내부 중앙에 배치하려는 뷰 RelativeLayout)에 android:layout_centerInParent="true"속성을 부여합니다.


XML 속성 android : layout_gravity "를 사용하여 레이아웃을 포함한 모든 뷰에 센터링을 적용 할 수 있습니다. 값을"center "로 지정하는 것이 좋습니다.

이 옵션에 대한 가능한 값에 대한 참조는 http://developer.android.com/reference/android/widget/LinearLayout.LayoutParams.html#attr_android:layout_gravity 에서 찾을 수 있습니다.


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center">
    <ProgressBar
        android:id="@+id/ProgressBar01"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:layout_height="wrap_content"></ProgressBar>
    <TextView
        android:layout_below="@id/ProgressBar01"
        android:text="@string/please_wait_authenticating"
        android:id="@+id/txtText"
        android:paddingTop="30px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"></TextView>
</RelativeLayout>

나는 사용하여 뷰의 중심을 맞출 수 있었다.

android:layout_centerHorizontal="true" 

android:layout_centerVertical="true" 

params.


하나의 뷰를 중앙에 배치하려면이 뷰를 사용하십시오. 이 경우 TextView는 layout_height가 match_parent이기 때문에 XML에서 가장 낮은 뷰 여야합니다.

<TextView 
    android:id="@+id/tv_to_be_centered"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:gravity="center"
    android:text="Some text"
/>

업데이트 된 답변 : 제약 레이아웃

이제 Android의 추세는 Constraint 레이아웃을 사용하는 것 같습니다. RelativeLayout다른 답변에서 볼 수 있듯이를 사용하여 뷰를 중앙에 배치하는 것은 간단하지만 더 복잡한 레이아웃 ConstraintLayout보다 강력합니다 RelativeLayout. 그래서 지금 어떻게하는지 배울 가치가 있습니다.

뷰를 중앙에 배치하려면 핸들을 부모의 네면 모두로 드래그하면됩니다.

여기에 이미지 설명 입력


RelativeLayout에서 중앙에 배치하려는 요소에 android : layout_centerInParent = "true"를 추가하십시오.


해당 코드에서 작동하며 때로는 두 속성이 모두 필요합니다.

android:layout_gravity="center"
android:layout_centerHorizontal="true"

ConstraintLayout을 사용합니다. 다음은 상위 화면의 너비와 높이에 따라 뷰를 중앙에 배치하는 예입니다.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="#FF00FF"
        android:orientation="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHeight_percent=".6"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_percent=".4"></LinearLayout>
</android.support.constraint.ConstraintLayout>

ConstraintLayout의 최신 버전을 얻으려면 gradle을 변경해야 할 수 있습니다.

dependencies {
...
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
}

여기에 이미지 설명 입력

참고 URL : https://stackoverflow.com/questions/1499258/how-to-center-a-view-inside-of-an-android-layout

반응형