如何在 android 中设计工具栏

Question

我为工具栏创建了一个 XML 布局，并将样式更改为无操作栏。
但是那个工具栏有 2 个问题

工具栏中的文本视图消失了

工具栏有边距开始，这不匹配parent 那么我该如何解决这些问题呢？这是工具栏 XML:

  <?xml version="1.0" encoding="utf-8"?>
 <androidx.appcompat.widget.Toolbar 
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="?attr/actionBarSize"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:background="@color/white"
 android:elevation="16dp">

 <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content">

     <TextView
         android:id="@+id/txt_toolbar"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintBottom_toBottomOf="parent"
         android:layout_margin="8dp"
         android:textColor="@color/black"
         android:textSize="22sp"
         tools:text="@string/app_name" />
 </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.appcompat.widget.Toolbar>

这是主要的activityXML代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <include layout="@layout/toolbar"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />

    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@id/nav_view"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/mobile_navigation" />

</androidx.constraintlayout.widget.ConstraintLayout>

这是android工作室

中设计视图的图像

这是模拟器中的应用图片

正如你所看到的，片段中的Texview也有问题，它的位置不正确，工具栏中的textview消失了那么我该如何解决这个问题？

Answer 1

你的问题的根源是 tools:text="@string/app_name" 并且如 official docs

中所述

Android Studio supports a variety of XML attributes in the tools namespace that enable design-time features (such as which layout to show in a fragment) or compile-time behaviors (such as which shrinking mode to apply to your XML resources). When you build your app, the build tools remove these attributes so there is no effect on your APK size or runtime behavior.

在构建应用程序时从 XML 中删除任何 toolsNs 属性，在您的情况下，这就是您看不到任何文本的原因，而是使用 androidNs

所以请在 textview

中尝试以下操作

android:text="@string/app_name"

如何在 android 中设计工具栏

How to design toolbar in android

android

android-layout

kotlin

android-xml

ui-design