英文:
How to Create or Drawing Separator/Divider Line with text in Layout android?
问题
如何在 Android 布局中创建带有文本的线条。
类似于
--------------------或者----------------
英文:
How to create a line with text in android in layout.
Like
--------------------OR----------------
答案1
得分: 1
- 使用 ConstraintLayout
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<View
android:id="@+id/first_divider"
android:layout_width="0dp"
android:layout_height="1dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/text"
android:background="@color/white80"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="@+id/first_divider"
app:layout_constraintBottom_toBottomOf="@+id/first_divider"
app:layout_constraintStart_toEndOf="@+id/first_divider"
app:layout_constraintEnd_toStartOf="@+id/second_divider"
android:textColor="@color/white80"
android:text="OR"/>
<View
android:id="@+id/second_divider"
android:layout_width="0dp"
android:layout_height="1dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/text"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:background="@color/white80"/>
</androidx.constraintlayout.widget.ConstraintLayout>
- 使用 LinearLayout
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal">
<View
android:id="@+id/first_divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:background="@color/white80"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/white80"
android:text="OR"/>
<View
android:id="@+id/second_divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:background="@color/white80"/>
</LinearLayout>
- 使用 RelativeLayout
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal">
<View
android:id="@+id/first_divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_toLeftOf="@+id/text"
android:layout_centerVertical="true"
android:background="@color/white80"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:textColor="@color/white80"
android:text="OR"/>
<View
android:id="@+id/second_divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/text"
android:background="@color/white80"/>
</RelativeLayout>
结果如下图所示:
英文:
1.if you want to use constraint layout
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<View
android:id="@+id/first_divider"
android:layout_width="0dp"
android:layout_height="1dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/text"
android:background="@color/white80"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="@+id/first_divider"
app:layout_constraintBottom_toBottomOf="@+id/first_divider"
app:layout_constraintStart_toEndOf="@+id/first_divider"
app:layout_constraintEnd_toStartOf="@+id/second_divider"
android:textColor="@color/white80"
android:text="OR"/>
<View
android:id="@+id/second_divider"
android:layout_width="0dp"
android:layout_height="1dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/text"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:background="@color/white80"/>
</androidx.constraintlayout.widget.ConstraintLayout>
2.if you want to use LinearLayout
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal">
<View
android:id="@+id/first_divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:background="@color/white80"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/white80"
android:text="OR"/>
<View
android:id="@+id/second_divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:background="@color/white80"/>
</LinearLayout>
3.if you want using relative layout
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:orientation="horizontal">
<View
android:id="@+id/first_divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_toLeftOf="@+id/text"
android:layout_centerVertical="true"
android:background="@color/white80"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:textColor="@color/white80"
android:text="OR"/>
<View
android:id="@+id/second_divider"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/text"
android:background="@color/white80"/>
</RelativeLayout>
Here the result :
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论