안드로이드 layout 문의 구성방법

Question

안녕하세요.

뒷배경을 추가하고 싶은데요.... 

어떤식으로 해야할지 몰라서 이렇게 글을 올립니다.

이미지 파일로 넣을려고 하니 스마트폰마다 해상도가 달라서 안될거 같은데..

좋은 방법이 따로 없나요?? 

 

왼쪽 부분 Layout.xml소스 부분

    <TextView
        android:id="@+id/view2"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:text="@string/level00"
        android:background="@color/level000"
        android:textColor="@color/white"
        android:gravity="center"
        app:layout_constraintRight_toLeftOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/empty1"/>

    <TextView
        android:id="@+id/empty2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintRight_toLeftOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/view2"/>

    <TextView
        android:id="@+id/view3"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:text="@string/level00"
        android:background="@color/level000"
        android:textColor="@color/white"
        android:gravity="center"
        app:layout_constraintRight_toLeftOf="@+id/view1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/empty2"/>

    <TextView
        android:id="@+id/view1"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:text="@string/level00"
        android:background="@color/level000"
        android:textColor="@color/white"
        android:gravity="center"
        app:layout_constraintRight_toLeftOf="@+id/view5"
        app:layout_constraintLeft_toRightOf="@+id/view3"
        app:layout_constraintTop_toBottomOf="@id/empty2"/>


    <TextView
        android:id="@+id/view5"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:text="@string/level00"
        android:background="@color/level000"
        android:textColor="@color/white"
        android:gravity="center"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintVertical_chainStyle="packed"
        app:layout_constraintLeft_toRightOf="@+id/view1"
        app:layout_constraintTop_toBottomOf="@id/empty2"/>

    <TextView
        android:id="@+id/empty3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintRight_toLeftOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/view1"/>

    <TextView
        android:id="@+id/view4"
        android:layout_width="80dp"
        android:layout_height="50dp"
        android:text="@string/level00"
        android:background="@color/level000"
        android:textColor="@color/white"
        android:gravity="center"
        app:layout_constraintRight_toLeftOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/empty3"/>

Answer 1

linear 나 constraint 의 경우 비율로 레이아웃을 지정할 수 있습니다. 

현재 상황에서는 constraint 를 이용해서 textview 를 배치하는게 제일 나아보이네요 

https://academy.realm.io/kr/posts/constraintlayout-it-can-do-what-now/

Comments

글자수 제한으로 올리지 못했습니다.
현재 Constraintlayout으로 구성을 했습니다.
그림에서 보듯이 소스는 왼쪽 화면만 구성한 것입니다...
오른쪽과 같이 뒷배경에 모형을 넣을려고 하는데요...
Constrainlayout안에 다시 Constrainlayout 만들어서 그안에 위의 textview들을 넣고 constrain에 background에 사진을 넣으니 갤탭에서는 깨졌네요 ㅠㅠ

---

left right 보다는 start end 을 사용하시고 app:layout_constraintHorizontal_bias 를 검색해보세요 그리고 width 값에 0dp 가 들어가면 어떤식으로 적용되는지도 확인하세요