实现思路:最底层(父级)背景为黑色,最上层(子级)背景为白色,然后父子组件之间存在一丝间隔即可显示出类似边框的线。
本次主要利用Android中的TableRow等实现,其他类比也可以实现效果。
<TableLayout android:layout_width="350dp" android:layout_height="wrap_content" android:layout_marginTop="50dp" android:background="#000000" android:gravity="center">
<TableRow android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:padding="1dp">
<TextView android:id="@+id/textView14" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#FFFFFF" android:gravity="center" android:text="车辆ID" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" />
<TextView android:id="@+id/textView13" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginLeft="1dp" android:layout_marginRight="1dp" android:layout_weight="1" android:background="#FFFFFF" android:gravity="center" android:text="充值金额" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" />
<TextView android:id="@+id/textView12" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#FFFFFF" android:gravity="center" android:text="充值时间" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" />
</TableRow>
</TableLayout>
效果:
另外,也可以使用ListView实现。
感谢大佬:https://jingyan.baidu.com/article/c74d6000dea5ec0f6a595dda.html