Как сделать макет просмотра карты с заголовком на верхней части границы?

Question

Мне нужно сделать макет, который будет выглядеть следующим образом

Был исследован по многим темам, но все еще не мог найти способкак это сделать

Если у кого-то есть идея или просто источник в git, пожалуйста, дайте мне совет

Answer 1

Это вертикальный список похожих элементов.Таким образом, вы можете использовать Recyclerview для них.Внутри предмета вы можете использовать новый вид чипа (см. https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f).

Answer 2

Вы можете только установить цвет фона карты, не можете напрямую установить цвет границы.Таким образом, сохраняйте файл для фона следующим образом:

<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"/>

Answer 3

вы можете использовать fieldset для достижения этой цели.

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