调整Android导航栏(标题栏)的宽度高度

news/2024/12/15 4:26:41/

要调整导航栏(标题栏)的宽度,可以通过修改布局文件中的样式来实现。通常,标题栏是通过一个ToolbarAppBarLayout来实现的。以下是一个示例,展示了如何调整标题栏的宽度和高度。

1. 修改布局文件

假设你的布局文件是activity_main.xml,你可以这样修改:

<?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"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><com.google.android.material.appbar.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:theme="@style/AppTheme.AppBarOverlay"><androidx.appcompat.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:background="@color/orange"app:layout_scrollFlags="enterAlways|snap"app:title="云养Q宠"app:titleTextColor="@color/white"app:titleMarginStart="16dp"app:titleMarginEnd="16dp"app:titleMarginTop="8dp"app:titleMarginBottom="8dp"app:popupTheme="@style/AppTheme.PopupOverlay" /></com.google.android.material.appbar.AppBarLayout><!-- 其他布局内容 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"app:layout_constraintTop_toBottomOf="@id/toolbar"><!-- 计算器布局 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:padding="16dp"><!-- 计算器标题 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:padding="8dp"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_timer"android:contentDescription="@string/ic_timer" /><TextViewandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="简单计算器"android:textSize="24sp"android:textColor="@color/black" /><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_dog"android:contentDescription="@string/ic_dog" /></LinearLayout><!-- 计算器输入框 --><EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:hint="0"android:textSize="24sp"android:textColor="@color/black"android:padding="16dp"android:background="@drawable/edit_text_background" /><!-- 计算器按钮 --><GridLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:columnCount="4"android:rowCount="5"android:padding="8dp"><!-- 按钮布局 --><Buttonandroid:layout_width="0dp"android:layout_height="0dp"android:layout_columnWeight="1"android:layout_rowWeight="1"android:text="CE"android:textSize="24sp"android:textColor="@color/black"android:background="@drawable/button_background" /><!-- 其他按钮 --><!-- ... --></GridLayout></LinearLayout></LinearLayout></androidx.constraintlayout.widget.ConstraintLayout>

2. 修改样式文件

确保你的样式文件(如styles.xml)中定义了相关的颜色和样式:

<!-- styles.xml -->
<resources><color name="orange">#FFD7B5</color><color name="white">#FFFFFF</color><color name="black">#000000</color><style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar"><!-- 其他样式 --></style><style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light"><!-- 其他样式 --></style>
</resources>

3. 修改主题文件

确保你的主题文件(如themes.xml)中定义了相关的主题:

<!-- themes.xml -->
<resources><style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar"><!-- 其他样式 --></style>
</resources>

4. 修改代码

确保你的Activity中设置了Toolbar:

import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Toolbar toolbar = findViewById(R.id.toolbar);setSupportActionBar(toolbar);}
}

http://www.ppmy.cn/news/1555203.html

相关文章

【PyTorch】(基础五)---- 图像数据集加载

数据集 torchvision数据集 Torchvision在torchvision.datasets模块中提供了许多内置的数据集&#xff0c;以及用于构建您自己的数据集的实用程序类。关于一些内置数据集目录如下&#xff0c;点击进去之后会有详细的数据集介绍&#xff0c;包括数据集大小、分类类型、以及下载…

Sui 区块链 Move 语言基础:深入解析数据类型与模块概念

目录 前言Move 共学活动&#xff1a;快速上手 Move 开发一、整数类型1. Move 语言特性&#xff1a;强类型与类型安全2. 运算符3. 处理负数与小数 二、布尔类型三、地址类型1. 十六进制地址2. 命名地址 四、包和模块的概念1. 创建一个包2. 包名与配置文件一致性3. 模块名与文件名…

基于小程序实现日历课表、排班表、月份切换、快捷周切换、自定义课程内容、课程颜色、Mock数据开箱即用

目录 引言小程序开发背景本文目标:实现日历课表/排班表适用场景:学生课表、员工排班、日程安排等需求分析支持日历视图和课表/排班视图可以查看、添加、编辑、删除课表/排班项支持按周、月查看总结说明参考代码数据Mock引言 本文将介绍如何基于小程序实现一个日历课表和排班表…

文件系统--底层架构(图文详解)

一、文件系统的底层存储与寻址 当我们谈到文件系统的底层结构时&#xff0c;最关键的问题是&#xff1a;文件的数据与元数据&#xff08;属性&#xff09;如何存储在磁盘上&#xff0c;以及系统是如何定位这些数据的&#xff1f;在谈及文件系统之前&#xff0c;我们要先对储存…

【考前预习】1.计算机网络概述

往期推荐 子网掩码、网络地址、广播地址、子网划分及计算-CSDN博客 一文搞懂大数据流式计算引擎Flink【万字详解&#xff0c;史上最全】-CSDN博客 浅学React和JSX-CSDN博客 浅谈云原生--微服务、CICD、Serverless、服务网格_云原生 serverless-CSDN博客 浅谈维度建模、数据分析…

css矩形样式,两边圆形

废话不多说&#xff0c;代码如下&#xff0c;直接拷贝即可使用&#xff1a; index.vue文件 <template><view class"wrap"><view class"tabs"><view class"tab active"><view class"name">标签</view…

C语言程序设计P5-5【应用函数进行程序设计 | 第五节】—知识要点:变量的作用域和生存期

知识要点&#xff1a;变量的作用域和生存期 视频&#xff1a; 目录 一、任务分析 二、必备知识与理论 三、任务实施 一、任务分析 有一个一维数组&#xff0c;内放 10 个学生成绩&#xff0c;写一个函数&#xff0c;求出平均分、最高分和最低分。 任务要求用一个函数来完…

MacOs 日常故障排除troubleshooting

1. 关闭开机自启动 app X macOs 15.1 System settings -> General -> Login Items & Extensions->Open at Login -> Select app X and click -