作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 ConstraintLayout 中创建链的正确方法是什么,其中每个链链接都有多个小部件?
我希望链条是:(简单按钮和分数)===(中等按钮和分数)===(硬按钮和分数)。
显然,传统的做法是将每个按钮和 TextView 对放入其自己的布局中,并将这些布局链接起来。但我的理解是 ConstraintLayouts 应该避免这种情况:布局内没有布局,一切都是扁平化的。可以这样做吗,还是“平面布局”规则不可行?
注意:这是简化的。我的 Activity 实际上在每个组中都有更多的组件,所以我正在寻找一个不特定于每个组件的链链接的通用解决方案。
我的 XML(其中 TextView 完全不受约束):
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="25dp">
<Button
android:id="@+id/main_menu_difficulty_hard"
android:layout_height="wrap_content"
android:layout_marginBottom="50dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/hard"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_medium"
app:layout_constraintVertical_chainStyle="spread_inside"/>
<Button
android:id="@+id/main_menu_difficulty_medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/medium"
app:layout_constraintBottom_toTopOf="@+id/main_menu_difficulty_hard"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_easy"
app:layout_constraintVertical_chainStyle="spread_inside"
android:layout_marginLeft="8dp"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginRight="8dp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintHorizontal_bias="0.502"/>
<Button
android:id="@+id/main_menu_difficulty_easy"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/easy"
app:layout_constraintBottom_toTopOf="@+id/main_menu_difficulty_medium"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="spread_inside"/>
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best score: 20"
tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="328dp"/>
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best score: 20"
tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="558dp"/>
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Best score: 20"
tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="98dp"/>
</android.support.constraint.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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="25dp">
<Button
android:id="@+id/main_menu_difficulty_hard"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/hard"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_medium"
app:layout_constraintVertical_chainStyle="spread_inside" />
<Button
android:id="@+id/main_menu_difficulty_medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/medium"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.502"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="spread_inside" />
<Button
android:id="@+id/main_menu_difficulty_easy"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginTop="8dp"
android:paddingEnd="50sp"
android:paddingStart="50sp"
android:text="@string/easy"
app:layout_constraintBottom_toTopOf="@+id/main_menu_difficulty_medium"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="spread_inside" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:text="Best score: 20"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.028"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_medium" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:text="Best score: 20"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.028"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_hard" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="16dp"
android:text="Best score: 20"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/main_menu_difficulty_easy" />
</android.support.constraint.ConstraintLayout>
关于android - 在每个链节中有多个小部件的 ConstraintLayout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45232819/
我是一名优秀的程序员,十分优秀!