如何制作标题停留在边界线上方的卡片视图布局？

Question

我需要制作一个看起来像这样的布局

已经通过大量主题进行了研究，但仍然找不到制作方法

如果有人有想法或只是git源，请给我一些建议

Answer 1

您可以使用字段集实现该目标。

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>
</form>

Answer 2

这是类似元素的垂直列表。因此，您可以为他们使用Recyclerview。在项目内部，您可以使用新的Chip视图（请参见https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f）。

Answer 3

您只能设置cardview的背景颜色，不能直接设置边框颜色。因此，请保留一个可绘制的文件作为背景，如下所示：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="3dp" android:color="#abc" />
    <corners android:radius="20dp"/>
</shape>

您可以使用以下布局来实现所需的样式：

<RelativeLayout
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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_marginTop="15dp"
    android:background="@drawable/border"><!--You can add your necessary content within this layout-->
</RelativeLayout>
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#ffffff"
    android:layout_marginLeft="25dp"
    android:text="Sample Text"
    android:textSize="20sp"/>