可以通过使用布局和样式来实现。以下是一种常见的实现方式:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<!-- 搜索栏 -->
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="搜索栏" />
<!-- 搜索按钮 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="搜索" />
</LinearLayout>
<!-- 标签 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签2" />
<!-- 添加更多标签... -->
</LinearLayout>
</LinearLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!-- 搜索栏 -->
<EditText
android:id="@+id/searchEditText"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:hint="搜索栏"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@+id/searchButton"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@+id/tagLayout" />
<!-- 搜索按钮 -->
<Button
android:id="@+id/searchButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="搜索"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/searchEditText"
app:layout_constraintBottom_toBottomOf="@+id/searchEditText" />
<!-- 标签 -->
<LinearLayout
android:id="@+id/tagLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintTop_toBottomOf="@+id/searchEditText"
app:layout_constraintBottom_toBottomOf="parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签2" />
<!-- 添加更多标签... -->
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
以上是两种常见的实现方式,可以根据具体需求选择适合的布局方式。在实际开发中,可以根据需要进行样式调整和功能扩展。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云