요소의면을 다른 요소의 가운데에 배치하려면 어떻게해야합니까?

Question

저는 ConstraintLayout을 사용하고 있으며, 요소의 왼쪽면을 그 위에있는 요소 가운데에 가운데 놓기를 원합니다.

[I'm Element 1] 

     | // middle of element 1 

     [Element 2 should start at middle of element 1] 

코드 작성없이 가능하며, 그렇다면 어떻게됩니까?

Answer 1

제약 조건을 사용하여 요소 2를 정렬 할 수 있습니다. 요소를 가운데로 맞추려면 왼쪽면을 요소 1의 왼쪽으로 제한하고 오른쪽 면도 동일하게 적용 할 수 있습니다. 그래서 xml에서 다음과 같은 형태가됩니다 :

<Element2 
    android:id="@+id/element2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:layout_constraintLeft_toLeftOf="@+id/element1" 
    app:layout_constraintRight_toRightOf="@+id/element1" /> 

가로로 가운데 정렬해야합니다. 또한 세로로 가운데에 놓고 싶다면 상단 및 하단 구속 조건을 추가하십시오.

편집 : 당신이 다른 요소의 중심 요소의 왼쪽을 정렬 할 경우 오해 질문, 당신은 GuideLine

그것이 Element1이의베이스 라인 기준의 가이드 라인 및 위치를 만들고 사용할 수 있습니다

를

<android.support.constraint.Guideline 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:layout_constraintBaseline_toBaselineOf="@+id/element1"/> 

그런 다음이 솔루션은 다음과 같은 한 가이드 라인

<Element2 
    android:id="@+id/element2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:layout_constraintLeft_toLeftOf="@+id/guideline" /> 

Answer 2

에 element2에 왼쪽 정렬 : 대신의 가이드 라인, 다음 layout_constraintLeft_toLeftOf & layout_constraintRight_toRightOf 속성 element1의 중심에 위치가이 View 가이드 라인에 element2를 정렬 지침으로 1 픽셀의 *의 1 픽셀의 View를 사용

<android.support.constraint.ConstraintLayout> 
    ... 

    <TextView 
      android:id="@+id/element1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

    <View 
      android:id="@+id/guideline" 
      android:layout_width="1px" 
      android:layout_height="1px" 
      android:background="#00000000" 
      app:layout_constraintLeft_toLeftOf="@id/element1" 
      app:layout_constraintRight_toRightOf="@id/element1" /> 

    <TextView 
      android:id="@+id/element2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      app:layout_constraintLeft_toRightOf="@id/guideline" 
      app:layout_constraintTop_toBottomOf="@id/element1" /> 

    ... 
</android.support.constraint.ConstraintLayout>