android - ImageView 存在,但在显示中不可见
问题描述
我试图在ImageView
两个的交叉点上显示一个RelativeView's
,但遇到了一些问题。
我添加了ImageView
调整边框并显示并允许我限制和调整元素的大小,但它不可见。如果我把ImageView
其中一个放在里面,RelativeView's
那么图像会显示出来,但我不能RelativeView's
像我想要的那样重叠两者的交集。
在此屏幕截图中,您可以看到ImageView
存在并与屏幕中间重叠,但没有显示图像。
这是我的全部.xml
<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:id="@+id/activity_main_inference"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/spinner"
android:layout_width="351dp"
android:layout_height="62dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
app:layout_constraintBottom_toBottomOf="@+id/linearLayout"
app:layout_constraintEnd_toEndOf="@+id/linearLayout"
app:layout_constraintStart_toStartOf="@+id/linearLayout"
app:layout_constraintTop_toTopOf="@+id/linearLayout"
app:srcCompat="@drawable/spinner" />
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:baselineAligned="false"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_weight="1"
android:background="@color/colorCoral">
<View
android:id="@+id/p1circle1"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_alignStart="@+id/p1Tracker"
android:layout_alignLeft="@+id/p1Tracker"
android:layout_alignTop="@+id/p1Tracker"
android:layout_alignBottom="@+id/p1Tracker"
android:layout_marginStart="9dp"
android:layout_marginLeft="9dp"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"
android:background="@drawable/circle" />
<View
android:id="@+id/p1circle2"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_alignTop="@+id/p1Tracker"
android:layout_alignEnd="@+id/p1Tracker"
android:layout_alignRight="@+id/p1Tracker"
android:layout_alignBottom="@+id/p1Tracker"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginStart="199dp"
android:layout_marginLeft="199dp"
android:layout_marginTop="4dp"
android:layout_marginEnd="11dp"
android:layout_marginRight="11dp"
android:layout_marginBottom="4dp"
android:background="@drawable/circle" />
<View
android:id="@+id/p1Tracker"
android:layout_width="wrap_content"
android:layout_height="28dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginStart="154dp"
android:layout_marginLeft="154dp"
android:layout_marginTop="137dp"
android:layout_marginEnd="154dp"
android:layout_marginRight="154dp"
android:background="@drawable/trackbox" />
<ImageView
android:id="@+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="108dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="139dp"
android:layout_marginLeft="139dp"
android:layout_marginTop="30dp"
android:layout_marginEnd="137dp"
android:layout_marginRight="137dp"
android:layout_marginBottom="144dp"
tools:srcCompat="@tools:sample/avatars" />
<TextView
android:id="@+id/usernamep1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginStart="156dp"
android:layout_marginLeft="156dp"
android:layout_marginTop="6dp"
android:layout_marginEnd="156dp"
android:layout_marginRight="156dp"
android:fontFamily="sans-serif-condensed"
android:text="Username"
android:textColor="@color/White"
android:textSize="18sp" />
</RelativeLayout>
<View
android:id="@+id/myRectangleView"
android:layout_width="match_parent"
android:layout_height="3dp"
android:background="@drawable/rectangle" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_weight="1"
android:background="@color/colorBackground2">
<TextView
android:id="@+id/usernamep2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginStart="156dp"
android:layout_marginLeft="156dp"
android:layout_marginTop="253dp"
android:layout_marginEnd="156dp"
android:layout_marginRight="156dp"
android:fontFamily="sans-serif-condensed"
android:text="Username"
android:textColor="@color/White"
android:textSize="18sp" />
<View
android:id="@+id/p1circle4"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_alignTop="@+id/p1circle3"
android:layout_alignEnd="@+id/p1Tracker2"
android:layout_alignRight="@+id/p1Tracker2"
android:layout_marginTop="0dp"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/circle" />
<View
android:id="@+id/p1circle3"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_alignStart="@+id/p1Tracker2"
android:layout_alignLeft="@+id/p1Tracker2"
android:layout_alignTop="@+id/p1Tracker2"
android:layout_alignBottom="@+id/p1Tracker2"
android:layout_marginStart="10dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="4dp"
android:layout_marginBottom="4dp"
android:background="@drawable/circle" />
<View
android:id="@+id/p1Tracker2"
android:layout_width="wrap_content"
android:layout_height="28dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginStart="154dp"
android:layout_marginLeft="154dp"
android:layout_marginTop="110dp"
android:layout_marginEnd="154dp"
android:layout_marginRight="154dp"
android:background="@drawable/trackbox" />
<ImageView
android:id="@+id/imageView6"
android:layout_width="wrap_content"
android:layout_height="108dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="138dp"
android:layout_marginLeft="138dp"
android:layout_marginTop="144dp"
android:layout_marginEnd="138dp"
android:layout_marginRight="138dp"
android:layout_marginBottom="30dp"
tools:srcCompat="@tools:sample/avatars" />
</RelativeLayout>
</LinearLayout>
</android.support.constraint.ConstraintLayout>
有问题的图像标题为spinner
解决方案
您要在顶部显示的图像视图需要相对于其中一个视图而不是父视图的边缘。这是您想要的位置,但在您的两个相对视图之后,即您需要以兄弟姐妹的边缘为中心。还要设置海拔属性以确保它在顶部。
<ImageView
android:id="@+id/ImageView"
android:layout_width="wrap_content"
android:elevation="2dp"
android:layout_height="wrap_content"
app:layout_constraintTop_toBottomOf="@+id/siblingRelativeView1"
app:layout_constraintBottom_toBottomOf="@+id/siblingRelativeView2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
此 gif 演示了 textview 到 imageview 中心的概念,您想要的是将顶部居中到第一个相对视图,底部到第二个相对视图。
尝试阅读此内容。
推荐阅读
- angular - 以角度搜索
- r - 在 for 循环中使用 ggarrange 排列多个图
- flutter - Flutter中如何改变DataTable中一行的颜色?
- wordpress - 网站性能剖析导致长时间闲置的原因
- angular - 接收 httpErrorResponse 时未调用 Angular subscribe onError 回调
- java - 当使用“-”连字符或“_”下划线时,Spring Boot 从 YAML 配置中为映射加载错误的键值对
- json - 索引中的 JsonPath 过滤字符串
- apache-camel - 骆驼resilience4j断路器
- javascript - 如何使用 Playwright Java 在页面 DOM 上执行操作克隆和附加元素?
- asciidoc - asciidoctor(-pdf) 仅从 pdf 中排除内容