在 ConstraintLayout 中另一个 ImageView 之上的 ImageView
[英]ImageView on top of another ImageView in ConstraintLayout
问题描述
我正在使用 ConstraintLayout 来获取此结构。 但是在最后一张图片中，加号图标 imageview 是半隐藏的。 而且，在所有三个图像中，如果我设置图像，加号或十字符号的一部分会被隐藏。 我尝试设置高度或tranlationZ ，但它并没有为我工作。
请帮我解决这个问题。
这是我的代码片段。
<!-- Constraint Layout -->
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingEnd="@dimen/_16dp"
android:paddingStart="@dimen/_16dp"
android:paddingTop="@dimen/_16dp"
tools:ignore="ContentDescription">
<!-- Profile Pic -->
<ImageView
android:id="@+id/img_profilePic"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintStart_toStartOf="parent" />
<ImageView
android:id="@+id/img_profilePic_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
app:layout_constraintBottom_toBottomOf="@+id/img_profilePic"
app:layout_constraintEnd_toEndOf="@+id/img_profilePic"
app:layout_constraintStart_toEndOf="@+id/img_profilePic"
app:layout_constraintTop_toBottomOf="@+id/img_profilePic" />
<!-- Gallery Pic 1 -->
<ImageView
android:id="@+id/img_galleryPic1"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintEnd_toStartOf="@+id/img_galleryPic2"
app:layout_constraintStart_toEndOf="@+id/img_profilePic" />
<ImageView
android:id="@+id/img_galleryPic1_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_add_circle"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic1"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic1" />
<ImageView
android:id="@+id/img_galleryPic1_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic1"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic1" />
<!-- Gallery Pic 2 -->
<ImageView
android:id="@+id/img_galleryPic2"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintEnd_toEndOf="parent" />
<ImageView
android:id="@+id/img_galleryPic2_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_add_circle"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic2"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic2"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic2"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic2" />
<ImageView
android:id="@+id/img_galleryPic2_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic2"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic2"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic2"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic2" />
</android.support.constraint.ConstraintLayout>
2 个解决方案
解决方案1
1 2018-08-22 06:15:40
试试这个 => 你必须为此给予适当的约束
将第 0 个画廊图像结束约束赋予第一个画廊图像的开始约束，将第二个画廊图像开始约束赋予第一个画廊图像结束约束
你也可以使用链来做到这一点
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingEnd="@dimen/_16dp"
android:paddingStart="@dimen/_16dp"
android:paddingTop="@dimen/_16dp"
tools:ignore="ContentDescription">
<!-- Profile Pic -->
<ImageView
android:id="@+id/img_profilePic"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintEnd_toStartOf="@+id/img_galleryPic1"
app:layout_constraintStart_toStartOf="parent" />
<ImageView
android:id="@+id/img_profilePic_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
app:layout_constraintBottom_toBottomOf="@+id/img_profilePic"
app:layout_constraintEnd_toEndOf="@+id/img_profilePic"
app:layout_constraintStart_toEndOf="@+id/img_profilePic"
app:layout_constraintTop_toBottomOf="@+id/img_profilePic" />
<!-- Gallery Pic 1 -->
<ImageView
android:id="@+id/img_galleryPic1"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintEnd_toStartOf="@+id/img_galleryPic2"
app:layout_constraintStart_toEndOf="@+id/img_profilePic" />
<ImageView
android:id="@+id/img_galleryPic1_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_add_circle"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic1"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic1" />
<ImageView
android:id="@+id/img_galleryPic1_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic1"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic1" />
<!-- Gallery Pic 2 -->
<ImageView
android:id="@+id/img_galleryPic2"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="parent" />
<ImageView
android:id="@+id/img_galleryPic2_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_add_circle"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic2"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic2"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic2"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic2" />
<ImageView
android:id="@+id/img_galleryPic2_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic2"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic2"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic2"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic2" />
</android.support.constraint.ConstraintLayout>
解决方案2
0 2018-08-22 06:10:59
放置水平滚动视图
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingEnd="16dp"
android:paddingStart="16dp"
android:paddingTop="16dp"
tools:ignore="ContentDescription">
<!-- Profile Pic -->
<ImageView
android:id="@+id/img_profilePic"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@color/black"
app:layout_constraintStart_toStartOf="parent" />
<ImageView
android:id="@+id/img_profilePic_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/call_cam_toggle_background"
app:layout_constraintBottom_toBottomOf="@+id/img_profilePic"
app:layout_constraintEnd_toEndOf="@+id/img_profilePic"
app:layout_constraintStart_toEndOf="@+id/img_profilePic"
app:layout_constraintTop_toBottomOf="@+id/img_profilePic" />
<!-- Gallery Pic 1 -->
<ImageView
android:id="@+id/img_galleryPic1"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@color/black"
app:layout_constraintEnd_toStartOf="@+id/img_galleryPic2"
app:layout_constraintStart_toEndOf="@+id/img_profilePic" />
<ImageView
android:id="@+id/img_galleryPic1_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/call_cam_toggle_background"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic1"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic1" />
<ImageView
android:id="@+id/img_galleryPic1_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic1"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic1"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic1"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic1" />
<!-- Gallery Pic 2 -->
<ImageView
android:id="@+id/img_galleryPic2"
android:layout_width="@dimen/_80dp"
android:layout_height="@dimen/_80dp"
android:background="@color/bg_light_gray"
app:layout_constraintEnd_toEndOf="parent" />
<ImageView
android:id="@+id/img_galleryPic2_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_add_circle"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic2"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic2"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic2"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic2" />
<ImageView
android:id="@+id/img_galleryPic2_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon_cross"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="@+id/img_galleryPic2"
app:layout_constraintEnd_toEndOf="@+id/img_galleryPic2"
app:layout_constraintStart_toEndOf="@+id/img_galleryPic2"
app:layout_constraintTop_toBottomOf="@+id/img_galleryPic2" />
</android.support.constraint.ConstraintLayout>
</HorizontalScrollView>
ConstraintLayout：将 textview 的顶部与 imageview 对齐
[英]ConstraintLayout: align top of textview with imageview
ConstraintLayout的问题-ImageView 16：9的上边距不合适
[英]Problems with ConstraintLayout - ImageView 16:9 inappropriate top margin
如何在 ConstraintLayout 中将 ImageView 放在 CardView 之上
[英]How to put ImageView on top of CardView in ConstraintLayout
如何在android中的另一个imageview之上放置一个imageview
[英]How to place an imageview on top of another imageview in android
将imageview重叠在另一个imageview上以制作动画
[英]Overlap an imageview on top of another imageview to make animation
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
Imageview是否在另一个imageview之上？
在TextView（ConstraintLayout）的顶部添加ImageView
将 ImageView 放在 ConstraintLayout 中的按钮顶部
ConstraintLayout：将 textview 的顶部与 imageview 对齐
在另一个ImageView上加载一个ImageView
Android中另一个imageview之上的ImageView
ConstraintLayout的问题-ImageView 16：9的上边距不合适
如何在 ConstraintLayout 中将 ImageView 放在 CardView 之上
如何在android中的另一个imageview之上放置一个imageview
将imageview重叠在另一个imageview上以制作动画
相关标签