Как создать горизонтальный вид прокрутки в макете Constraint

Question

Я пытаюсь разместить 8 Image Views горизонтально в макете ограничений, но проблема в том, что 2 Image Views из 200X200 занимает весь экран горизонтально, а третье изображение находится за пределами экрана.

Когда я использовал обычную раскладку, я положил все это в Horizontal Scroll View.

Мой вопрос: нужно ли использовать горизонтальный прокручиваемый вид в макете ограничения? Если да, то я снова создаю макет Nesting.

Просьба направлять меня.

Answer 1

Ваше мнение иерархия должна быть что-то вроде этого:

<HorizontalScrollView> 
    <ConstraintLayout> 
     <The 8 image views> 
    </ConstraintLayout> 
</HorizontalScrollView> 

Ограничение расположение уменьшает вложенности. Это не означает, что его можно использовать вместо прокручиваемых представлений. Вы можете заменить дочерний элемент прокручиваемого вида на относительный/линейный макет на макет ограничения, как это было сделано выше.

PS: Почему вы размещаете изображения «восемь» в горизонтальном прокрутке? Попробуйте использовать RecyclerView с элементом ImageView.

Answer 2

Ниже приведен пример HorizontalScrollView с ConstraintLayout.

<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    too`enter code here`ls:context="com.zoftino.androidui.ActivityScroll"> 
    <android.support.constraint.ConstraintLayout 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <Button 
      android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button One" 
      app:layout_constraintLeft_toRightOf="parent" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintTop_toTopOf="parent"></Button> 
     <Button 
      android:id="@+id/button3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button Two" 
      app:layout_constraintLeft_toRightOf="@+id/button" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintTop_toTopOf="parent"></Button> 
     <Button 
      android:id="@+id/button4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button Three" 
      app:layout_constraintLeft_toRightOf="@+id/button3" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintTop_toTopOf="parent"></Button> 
     <Button 
      android:id="@+id/button6" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button Four" 
      app:layout_constraintLeft_toRightOf="@+id/button4" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintTop_toTopOf="parent"></Button> 
     <Button android:id="@+id/button7" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button Five" 
      app:layout_constraintLeft_toRightOf="@+id/button6" 
      android:layout_marginLeft="8dp" 
      android:layout_marginRight="8dp" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintTop_toTopOf="parent"></Button> 
    </android.support.constraint.ConstraintLayout> 
</HorizontalScrollView>