android - android中每个元素的ConstraintLayout等间距
问题描述
我有下面的等距圆的代码和用于连接的中间进度条,我没有从下面的代码中为每个圆获得相等的空间,请任何人帮我解决这个问题。我需要显示等距的圆,没有指定边距,然后还有开始和结束空间
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/spb_followup">
<ProgressBar
android:id="@+id/progressBar2"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:progress="30"
android:progressTint="@color/red"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/imageView7"
app:layout_constraintStart_toStartOf="@+id/imageView"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView2"
app:layout_constraintHorizontal_bias="0.49"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintTop_toTopOf="parent"
/>
<TextView
android:id="@+id/imageView2"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView3"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<TextView
android:id="@+id/imageView3"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView4"
app:layout_constraintHorizontal_bias="0.166"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView2"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView4"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/imageView5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView3"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView5"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/imageView6"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toStartOf="@+id/imageView4"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView6"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/imageView7"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toStartOf="@+id/imageView5"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView7"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView4"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
非常感谢任何帮助,请帮助我,我对此感到震惊
解决方案
编辑您的布局,如下所示:
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/spb_followup">
<ProgressBar
android:id="@+id/progressBar2"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:progress="30"
android:progressTint="@color/red"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/imageView7"
app:layout_constraintStart_toStartOf="@+id/imageView"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView2"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView2"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView3"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<TextView
android:id="@+id/imageView3"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView4"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView2"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView4"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView5"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView3"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView5"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView6"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView4"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView6"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView7"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView5"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/imageView7"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="@drawable/circular_bg"
android:gravity="center_vertical|center_horizontal"
android:text="Aug"
android:textColor="#fff"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toEndOf="@+id/imageView6"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
我纠正了您的布局中的一些问题。一个是删除您在视图之间创建的错误边界,因此某些视图有超过 4 个边界,这非常令人困惑。我还添加了以下两个属性:
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="spread"
它们帮助视图在布局宽度上以相等的距离分布。
推荐阅读
- javascript - 从后面的代码中分配 Dropdownlist 选定值会引发错误
- git - 获取当前提交的新标签,而不获取更新的提交
- sql - 如果 count 为 0,则跳过数据库记录
- c# - 如何在 C# 中使表单可见
- android-annotations - AndroidAnnotions:在发布 buildType 找不到符号
- java - 如何使用 XSLT 根据 XML 文件中的值计数更改属性值
- android - 如何在 Android Studio 中更改 XML 文件中的命名空间前缀颜色
- java - 如何在 Vaadin 中使用 Java 设置 ListBox 的宽度?
- angularjs - 会话过期后 Symfony 不会重定向到登录路由
- mysql - 如何使用更新查询从逗号分隔的字符串中删除值?