android - 按线路布局连接 3 张照片作为路径
问题描述
我尝试将此布局构建为 3 个人的路径,以代表包的发送者运输者和接收者: 我想要的布局
但我达不到。我的结果是……不好
这是我的布局代码:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/rlMain"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#76e6e6e6"
android:padding="4dp"
android:divider="@drawable/contact_divider"
android:layout_margin="1dp">
<TextView
android:id="@+id/txtvRichiestaID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="false"
android:layout_centerVertical="false"
android:gravity="end|center_vertical"
android:visibility="gone"
android:text="CODICE RICHIESTA"
android:textSize="10sp" />
<!-- box blue -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum=""
android:background="@drawable/gradient_celeste"
>
<LinearLayout
android:id="@+id/box_mittente"
android:layout_width="0dp"
android:layout_weight="2"
android:layout_margin="5dp"
android:background="@drawable/box_arrotondato_mittente"
android:orientation="vertical"
android:layout_height="match_parent">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/imgMittente"
android:layout_width="@dimen/account_photo_dim"
android:layout_height="@dimen/account_photo_dim"
android:layout_centerVertical="true"
android:layout_margin="5dp"
android:background="@drawable/chatplaceholder" />
<TextView
android:id="@+id/nomeMittente"
android:layout_width="match_parent"
android:textSize="10sp"
android:ellipsize="middle"
android:textAlignment="center"
android:textColor="@android:color/white"
android:textStyle="bold"
android:layout_height="wrap_content"
android:text="Nome\n Mittente"/>
</LinearLayout>
<!-- boxer yellow --->
<LinearLayout
android:id="@+id/box_trasportatore"
android:layout_width="0dp"
android:layout_weight="2"
android:layout_margin="5dp"
android:background="@drawable/box_arrotondato_trasportatore"
android:layout_height="match_parent">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/imgTrasportatore"
android:layout_width="@dimen/account_photo_dim"
android:layout_height="@dimen/account_photo_dim"
android:layout_centerVertical="true"
android:layout_margin="5dp"
android:background="@drawable/chatplaceholder" />
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:gravity="center"
android:layout_height="match_parent">
<TextView
android:id="@+id/nomeTrasportatore"
android:layout_width="wrap_content"
android:textSize="10sp"
android:ellipsize="middle"
android:textAlignment="center"
android:textColor="@android:color/white"
android:textStyle="bold"
android:layout_height="wrap_content"
android:text="Nome\n Trasportatore"/>
</LinearLayout>
</LinearLayout>
<!-- boxer green --->
<LinearLayout
android:id="@+id/box_destinatario"
android:layout_width="0dp"
android:layout_weight="2"
android:layout_margin="5dp"
android:background="@drawable/box_arrotondato_destinatario"
android:layout_height="match_parent">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/imgDestinatario"
android:layout_width="@dimen/account_photo_dim"
android:layout_height="@dimen/account_photo_dim"
android:layout_centerVertical="true"
android:layout_margin="5dp"
android:background="@drawable/chatplaceholder" />
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:gravity="center"
android:layout_height="match_parent">
<TextView
android:id="@+id/nomeDestinatario"
android:layout_width="wrap_content"
android:textSize="10sp"
android:ellipsize="middle"
android:textAlignment="center"
android:textColor="@android:color/black"
android:textStyle="bold"
android:layout_height="wrap_content"
android:text="Nome\n Destinatario"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
有人可以帮助我吗?这是为了代表运输者向其他人发送包。感谢您的帮助!:)
解决方案
贝娄是你的答案,我只是用你的 CircularImageView 替换 ImageView
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:padding="25dp"
android:layout_width="match_parent"
android:layout_height="match_parent">
<de.hdodenhof.circleimageview.CircleImageView
android:layout_width="100dp"
app:layout_constraintStart_toStartOf="parent"
android:id="@+id/mImgSender"
app:layout_constraintTop_toTopOf="parent"
android:src="@drawable/imagetest"
app:civ_border_width="10dp"
app:civ_border_color="@color/colorAccent"
android:layout_height="100dp" />
<androidx.appcompat.widget.AppCompatTextView android:layout_width="wrap_content"
android:id="@+id/mTVSenderName"
app:layout_constraintStart_toStartOf="@+id/mImgSender"
app:layout_constraintEnd_toEndOf="@+id/mImgSender"
android:text="Name Sen"
android:padding="5dp"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/mImgSender"
android:layout_height="wrap_content" />
<View
android:layout_width="0dp"
android:id="@+id/mViewDiv1"
app:layout_constraintStart_toEndOf="@+id/mImgSender"
app:layout_constraintEnd_toStartOf="@+id/mImgReceiver"
app:layout_constraintTop_toTopOf="@id/mImgSender"
app:layout_constraintBottom_toBottomOf="@id/mImgSender"
android:background="@color/colorAccent"
android:layout_height="15dp" />
<de.hdodenhof.circleimageview.CircleImageView
android:layout_width="100dp"
android:id="@+id/mImgReceiver"
app:civ_border_width="10dp"
app:civ_border_color="@color/colorAccent"
app:layout_constraintTop_toTopOf="@+id/mImgSender"
app:layout_constraintEnd_toEndOf="parent"
android:src="@drawable/imagetest"
android:layout_height="100dp" />
<androidx.appcompat.widget.AppCompatTextView
android:layout_width="wrap_content"
android:id="@+id/mTVReceiverName"
app:layout_constraintStart_toStartOf="@+id/mImgReceiver"
app:layout_constraintEnd_toEndOf="@+id/mImgReceiver"
android:text="Name Rec"
android:padding="5dp"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/mImgReceiver"
android:layout_height="wrap_content" />
<de.hdodenhof.circleimageview.CircleImageView
android:layout_width="100dp"
android:id="@+id/mImgTrans"
app:layout_constraintTop_toTopOf="@+id/mImgSender"
android:src="@drawable/imagetest"
app:layout_constraintStart_toEndOf="@id/mImgSender"
app:civ_border_width="10dp"
app:civ_border_color="@color/colorAccent"
app:layout_constraintEnd_toStartOf="@+id/mImgReceiver"
android:layout_height="100dp" />
<androidx.appcompat.widget.AppCompatTextView
android:layout_width="wrap_content"
android:id="@+id/mTVTransName"
app:layout_constraintStart_toStartOf="@+id/mImgTrans"
app:layout_constraintEnd_toEndOf="@+id/mImgTrans"
android:text="Name Trans"
android:padding="5dp"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/mImgTrans"
android:layout_height="wrap_content" />
</androidx.constraintlayout.widget.ConstraintLayout>
推荐阅读
- function - 我想要所有重复的项目(2 个或更多)
- matlab - 如何在MATLAB中将张量的维度折叠成标量
- firebase - 仅触发一次 Firebase 云函数的最佳做法
- magento - 如何在 Magento 中更改(迄今为止的特价)的时间?
- android - 我无法使用 Google Map API 获取当前位置
- compiler-construction - 编译器程序是如何编译的?
- php - 在 Woocommerce 3 中的销售徽章上显示折扣百分比
- winforms - 使用winforms图表在x轴的指定间隔中绘制线条
- scheduled-tasks - 通过我的 Slack 应用程序向特定频道重复(每日)消息
- r - 并行化 R 栅格合并