java - 尝试在我的工具栏上显示项目时遇到问题
问题描述
我已经在天气应用程序上工作了一段时间,在意识到我需要使用左侧导航抽屉栏之前,我碰巧在应用程序的其他部分工作过。在尝试按照教程中的示例创建新的导航栏时,我意识到它需要显示在工具栏上才能正常工作,而且我之前没有使用工具栏(我最初将所有项目直接放在活动的布局上)。现在我已经创建了一个新工具栏,它显示在我的项目上并阻止它们显示在应用程序上。
即我希望它像这样显示https://i.stack.imgur.com/NTKaY.png只是工具栏应该显示在后面,而不是在它们上面。
但这是它当前显示的方式https://i.stack.imgur.com/rBkf1.png阻碍项目显示。
它阻碍的项目是我的编辑文本、文本视图和图像视图(如第一张图片所示)。
我试图通过将项目视图直接放在布局中工具栏代码的下方来纠正它,但它仍然以相同的方式显示。请任何人帮助/建议我如何解决这个问题?
这是我的活动的布局代码:
<androidx.drawerlayout.widget.DrawerLayout 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"
android:id="@+id/drawer_layout"
android:fitsSystemWindows="true"
tools:context=".Activity.HomeActivity"
tools:openDrawer="start">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/layout"
android:background="@drawable/dubai">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:elevation="4dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:layout_constraintTop_toTopOf="parent"
app:popuptheme="@style/ThemeOverlay.AppCompat.Light" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#FFFFFF"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/bottom_menu" />
<androidx.fragment.app.FragmentContainerView
android:id="@+id/fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="409dp"
android:layout_height="599dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toTopOf="@+id/bottomNavigationView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:navGraph="@navigation/my_nav" />
<EditText
android:id="@+id/textfield"
android:layout_width="250dp"
android:layout_height="35dp"
android:autofillHints="@string/change_city"
android:background="@color/colorPrimary"
android:hint="@string/search_city"
android:inputType="text"
android:labelFor="@id/imageView4"
android:padding="8dp"
android:textColor="@color/colorAccent"
android:textSize="16sp"
app:layout_constraintEnd_toStartOf="@+id/imageView4"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/imageView4"
android:layout_width="50dp"
android:layout_height="35dp"
android:layout_marginEnd="1dp"
android:contentDescription="@string/searchbtn"
android:src="@drawable/look"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/time_field"
android:visibility="gone"
android:textColor="#FFFFFF"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textfield" />
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:id="@+id/nav_view"
app:headerLayout="@layout/nav_header"
app:menu="@menu/drawer_menu"/>
</androidx.drawerlayout.widget.DrawerLayout>
解决方案
所以,有几点需要调整:
- 在您想要的布局中,工具栏看起来是透明的
- 工具栏挡住了 EditText 和 ImageView。
对于第一点,我建议将背景更改ToolBar
为透明颜色。并移除可能阻挡这些物品的高度;所以工具栏将是:
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@android:color/transparent"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:layout_constraintTop_toTopOf="parent"
app:popuptheme="@style/ThemeOverlay.AppCompat.Light" />
推荐阅读
- c# - Autofac 将程序集类型注册为封闭类型
- javascript - 如何在 Vuejs 中获取事件对象的值
- c# - 从头开始制作控制器类
- python - 如何用极低密度的零填充零矩阵
- ios - 嵌套字典的属性设置问题,Swift 5
- android - 在自定义首选项中使用微调器 TimePicker 打开自定义对话框会导致滚动条出现在 TimePicker 中
- python - 如何遍历嵌套字典中的嵌套列表?
- excel - 如何在通过 VBA 在 Sharepoint 中编辑 Excel 文件时处理共同创作
- reactjs - Reactjs 子组件
- jekyll - 可以同时在具有两个不同端口的两个不同目录上运行 jekyll serve --livereload 吗?