android - 如何在约束布局中向正确方向移动视图
问题描述
我正在开发一个新闻应用程序,我想在约束布局中将视图移动到正确的方向。但我可以在我已经实现约束布局的 XML 文件下实现我想要的任何建议和提示,非常感谢。
我正在开发一个新闻应用程序,我想在右侧移动视图
约束布局的方向。但我可以在我已经实现约束布局的 XML 文件下实现我想要的任何建议和提示,非常感谢。
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/articleImage"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_gravity="center"
android:layout_margin="8dp"
app:layout_constraintDimensionRatio="16:9"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/guideline4"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/articleAuthor"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:gravity="start"
android:text="article_author"
android:textSize="12sp"
app:layout_constraintEnd_toStartOf="@+id/articleImage"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/articleTitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginBottom="8dp"
android:text="article_title"
android:textSize="12sp"
app:layout_constraintEnd_toStartOf="@+id/guideline4"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/articleAuthor" />
<TextView
android:id="@+id/articleTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:text="Article Time"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/articleFavorite"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/articleTitle" />
<ImageButton
android:id="@+id/articleFavorite"
android:layout_width="32dp"
android:layout_height="32dp"
android:background="@color/colorWhite"
android:src="@drawable/ic_bookmark"
app:layout_constraintBottom_toBottomOf="@+id/articleTime"
app:layout_constraintEnd_toStartOf="@+id/articleShare"
app:layout_constraintStart_toEndOf="@+id/articleTime"
app:layout_constraintTop_toTopOf="@+id/articleTime" />
<ImageButton
android:id="@+id/articleShare"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
android:background="@color/colorWhite"
android:contentDescription="TODO"
android:src="@drawable/ic_share"
app:layout_constraintBottom_toBottomOf="@+id/articleTime"
app:layout_constraintEnd_toStartOf="@+id/guideline4"
app:layout_constraintStart_toEndOf="@+id/articleFavorite"
app:layout_constraintTop_toTopOf="@+id/articleTime" />
<android.support.constraint.Guideline
android:id="@+id/guideline4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.6" />
</android.support.constraint.ConstraintLayout>
解决方案
用另一个 Viewgroup 包装视图(再次说 ConstraintLayout)并将其设置为该视图组app:layout_constraintStart_toStartOf="parent"
的app:layout_constraintEnd_toEndOf="parent"
约束。然后,所述视图将水平居中。
编辑:代码
<android.support.constraint.ConstraintLayout android:layout_height="wrap_content" android:layout_width="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<android.support.constraint.ConstraintLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toBottomOf="parent">
<ImageView
android:id="@+id/articleImage"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_gravity="center"
android:layout_margin="8dp"
app:layout_constraintDimensionRatio="16:9"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/guideline4"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/articleAuthor"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:gravity="start"
android:text="article_author"
android:textSize="12sp"
app:layout_constraintEnd_toStartOf="@+id/articleImage"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/articleTitle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginBottom="8dp"
android:text="article_title"
android:textSize="12sp"
app:layout_constraintEnd_toStartOf="@+id/guideline4"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/articleAuthor" />
<TextView
android:id="@+id/articleTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:text="Article Time"
android:textSize="18sp"
app:layout_constraintEnd_toStartOf="@+id/articleFavorite"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/articleTitle" />
<ImageButton
android:id="@+id/articleFavorite"
android:layout_width="32dp"
android:layout_height="32dp"
android:background="@color/"
android:src="@drawable/"
app:layout_constraintBottom_toBottomOf="@+id/articleTime"
app:layout_constraintEnd_toStartOf="@+id/articleShare"
app:layout_constraintStart_toEndOf="@+id/articleTime"
app:layout_constraintTop_toTopOf="@+id/articleTime" />
<ImageButton
android:id="@+id/articleShare"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
android:background="@color/"
android:contentDescription="TODO"
android:src="@drawable/"
app:layout_constraintBottom_toBottomOf="@+id/articleTime"
app:layout_constraintEnd_toStartOf="@+id/guideline4"
app:layout_constraintStart_toEndOf="@+id/articleFavorite"
app:layout_constraintTop_toTopOf="@+id/articleTime" />
<android.support.constraint.Guideline
android:id="@+id/guideline4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.6" />
</android.support.constraint.ConstraintLayout>
我把ImageButtons弄乱了一点,请修复drawables和颜色。编辑 2:由于某种原因,另一个结束标记不会显示在此处的代码部分中。确保在末尾添加另一个 ConstraintLayout 结束标记。
<android.support.constraint.ConstraintLayout android:layout_height="wrap_content"
android:layout_width="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.constraint.Guideline
android:layout_width="0dp"
android:layout_height="0dp"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.55"
android:id="@+id/guideline"/>
<ImageView
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@id/guideline"
app:layout_constraintDimensionRatio="16:9"
android:layout_margin="16dp"
android:id="@+id/imageView"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
android:id="@+id/mainTextView"
android:layout_marginStart="25dp"
android:layout_marginTop="10dp"
android:text="Placeholder"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@id/mainTextView"
app:layout_constraintStart_toStartOf="@id/mainTextView"
android:layout_marginTop="5dp"
android:text="Secondary"
android:id="@+id/secondaryTextView"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@id/secondaryTextView"
app:layout_constraintStart_toStartOf="@id/mainTextView"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="10dp"
android:layout_marginTop="5dp"
android:text="Tertiary"
android:id="@+id/tertiaryTextView"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="@id/tertiaryTextView"
app:layout_constraintBottom_toBottomOf="@id/tertiaryTextView"
app:layout_constraintStart_toEndOf="@id/tertiaryTextView"
android:layout_marginStart="15dp"
android:id="@+id/firstButton"/>
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="@id/firstButton"
app:layout_constraintBottom_toBottomOf="@id/firstButton"
app:layout_constraintStart_toEndOf="@id/firstButton"
android:layout_marginStart="15dp"
android:id="@+id/secondButton"/>
编辑3:这是一个干净的看法。这个应该做你想做的。虽然你必须按照你想要的方式调整边距!再次结束标签......我不知道为什么它不会出现在这里!
推荐阅读
- typescript - 为什么 Typescript 抱怨 json 导入?
- javascript - 在Javascript中切片二维数组
- apache-spark - Got TransportException:使用结构化流式读写数据到 Cassandra 时连接已关闭
- python - send_keys python selenium的问题
- javascript - 反应映射渲染问题
- c - 嵌套函数导致内核版本 > 5.7 上的 C 中的分段错误
- sql-server - 如何删除一个表中 ID 与字段为特定值的另一表行匹配的行?
- python - 网站所有页面上的 Flask WTForms 搜索栏
- django - 有没有比这更好的方法来为多个应用程序加载 Django 静态目录?谢谢
- vue.js - Vue 单元测试调整屏幕大小并更新 DOM