【组件】自定义页面顶部标题栏组件，可动态设置标题、左右操作按钮icon及点击事件

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 114平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄20年

关注

转载最新推荐文章于 2026-07-30 15:58:17 发布 114 阅读 AI 写同款· GEO 优化 ›

微信小程序自定义导航栏：动态获取状态栏与胶囊按钮高度全解析在移动端开发中，UI适配是保障用户体验的核心环节，其原理在于根据不同设备的屏幕参数动态计算布局。对于微信小程序而言，实现沉浸式或个性化导航栏具有重要技术价值，它能显著提升应用的美观度与品牌辨识度。在众多应用场景中，自定义导航栏是常见需求，但开发者常因直接写死高度值而遭遇安卓与iOS设备显示不一致的兼容性问题。本文聚焦于解决这一痛点，深入讲解如何通过`wx.getSystemInfoSync()`动态获取**状态栏高度**，并结合`wx.getMenuButtonBoundingClientRect()`提供阅读详情

使用自己封装的标题栏容器组件，可以满足页面常用的顶部标题栏功能及样式的需求。

详细请见原文链接：

华为开发者论坛

收录于

当前文章被以下社区和专栏收录：

标签

#DevEco Studio #Harmony OS

原文链接：https://developer.huawei.com/consumer/cn/forum/topic/0207151104744213159?fid=0102683795438680754>

解决windows10下无法安装.net framework 3.5（包括.net2.0和3.0）入域电脑，win10系统中安装 .net framework 3.5（包括.net2.0和3.0）阅读详情

相关推荐

别再乱删文件了！修复Print Spooler服务自动停止的3个关键检查点（附Win10/Win11实测）

本文深入解析Windows系统中Print Spooler服务自动停止的常见原因及修复方法。从第三方驱动冲突、权限与服务依赖关系到打印队列积压，提供3个关键检查点的详细排查步骤，帮助用户彻底解决打印服务异常问题，适用于Win10/Win11系统。

weixin_31569671的博客 674

QT在KDE环境下无法动态的设置标题栏的最小最大化按钮

在系统设置里面->应用程序风格->窗口装饰->按钮,在这个设置页面里面,可以对标题栏的风格进行修改.拖动框里面的各按钮放到标题栏上就可以增加按钮.同理,往下拖就可以移除按钮.我在做跨平台QT桌面程序的时候,发现使用QT自带的设置隐藏标题栏最小化按钮的代码不起作用.同时的代码在Windows环境下是正常的.Google了很多网上的文章,各种设置也试过了,还是没用.但是这种方法设置了以后,所有的对话框全是同一种风格.目前还没找到能在程序里面动态设置的方法.......

Alan_ysx的专栏 546

从零到一：使用阿里云百炼搭建企业级 AI Agent 完全实战手册（2026超详细版）

本文是一份企业级AI Agent构建手册，主要面向企业技术负责人、AI产品经理和后端开发工程师。手册详细介绍了如何在阿里云百炼平台上搭建企业智能体应用的全流程，包括环境准备、知识库构建、智能体创建、工具集成、工作流编排等核心环节。重点内容包括：准备工作：阿里云账号注册、百炼服务开通、免费额度领取、API Key管理知识库构建：文档格式要求、内容优化原则、RAG系统搭建智能体开发：Agent创建、工具集成、复杂业务工作流设计生产部署：多渠道接入、监控运维、安全治理成本控制：Token预算管理、选型决

u010323587的专栏 1086

小程序自定义头部组件

在app.js中动态获取顶部高度 /* eslint-disable no-unused-vars */ import { wxp, http } from './utils/index' import { store } from './store/index' import log from './utils/log' App({ onLaunch(options) { // 导航栏总高度 = 胶囊按钮高度 + 状态栏到胶囊按钮间距 * 2 + 状态栏高度 // iOS 胶囊按钮.

xiaoququ的博客 7576

ros1 Noetic下运行cartographer算法进行2d建图

最近的工作重点放在机器狗的二次开发上，项目的需求是要升级机器狗的slam算法和导航避障算法，slam拟采用激光与视觉融合算法，激光slam就使用最为流行和实用的cartoghper算法。在这过程中遇到好多坑，希望看到这篇博客的人能少走弯路吧。我用的仿真机器人是wpr_simiulation。首先复制一份demo_revo_lds.launch文件和revo_lds.lua文件，修改成下面的样子。my_test.lua文件，base_link就是机器人的坐标系。下载与安装的博客有很多，我推荐。

sun5739的博客 1547

STM32CubeMX-电机控制2-电机相关配置部分

STM32CubeMX-电机霍尔传感器写在前面的话：之前一直使用库函数，调程序时总会觉得是配置出现问题，要画一些时间去检查配置程序，所以目前转到了STM32CubeMX。写这些内容一方面是整理记录，因为是刚入门，所以难免出现错误，希望能得到大家指正；另一方面是因为自己一个人调试，走了很多弯路，写下来希望能给相同处境的人一些参考。步骤一：电机霍尔传感器接口我目前使用的是STM32F4，电机的...

niker_co的博客 1万+

Android 利用Toolbar打造统一风格的标题栏

如何利用Toolbar打造统一风格的标题栏，并且可以动态设置当前页面Title,以及返回上一级图标。一、首先，当然需要设置所有的Activity均不需要ActionBar,在标签设置style: <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimaryDar

MyLero的专栏 7887

微信小程序OCR身份证识别实战：从拍照到信息提取全流程解析

本文详细解析了微信小程序中OCR身份证识别的全流程实现，从环境配置、拍照上传到OCR核心识别及安全优化。通过微信开发者工具和OCR插件，开发者可快速构建高效的身份信息采集系统，提升用户体验和数据安全性。重点介绍了图像处理、加密传输及混合云架构等企业级解决方案。

j0k1l2m3n的博客 458

window_manager高级教程：自定义无边框窗口与标题栏的完整指南

想要为你的Flutter桌面应用打造专业级的用户体验吗？window_manager插件为你提供了终极解决方案！这款强大的Flutter桌面窗口管理工具，让你可以完全掌控应用程序窗口的外观和行为，实现真正自定义的无边框窗口和标题栏设计。无论你是开发音乐播放器、视频编辑器还是生产力工具，掌握window_manager的高级功能都能让你的应用脱颖而出。 ## 🚀 为什么选择window_mana

gitblog_00031的博客 339

【工业级视觉实战】海康威视SDK + Python + YOLOv11：零延迟目标追踪系统落地指南

要在 Python 中调用海康 DLL，首先得把 C++ 的结构体 1:1 翻译过来。这是很多开发者踩坑最深的地方（指针错误、内存溢出）。import sys# 根据操作系统加载库else:# 定义设备信息结构体 (对应 C++ LPNET_DVR_DEVICEINFO_V30)("sSerialNumber", ctypes.c_byte * 48), # 序列号("byAlarmInPortNum", ctypes.c_byte), # 报警输入个数。

BUG猿的博客 227

霍尼韦尔SoftMaster使用说明

Android中改变Activity的不同icon：activity-alias

Working harder, getting stronger! 5907

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Qt无边框窗口自定义标题栏实现：从事件处理到跨平台优化

在桌面应用开发中，图形用户界面（GUI）的定制化是提升应用品牌辨识度和用户体验的关键。Qt框架作为跨平台C++ GUI开发的主流选择，其事件处理机制和部件系统为深度定制提供了基础。通过重写鼠标事件（mousePressEvent、mouseMoveEvent等）和布局管理，开发者可以拦截并处理用户交互，实现原生窗口管理器功能，如窗口拖拽、边缘拉伸和状态控制。这一技术方案的核心价值在于突破了操作系统默认外观的限制，为现代化、扁平化设计的工具软件、媒体播放器或仪表盘应用提供了统一的视觉风格和沉浸式体验。本文以Q

weixin_33726313的博客 420

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版【x86|x64】

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

Android 自定义Activity标题栏之requestWindowFeature()的应用

摘自：http://blog.youkuaiyun.com/zhuyouleixuexi/article/details/7441486 Android开发中经常会在setContentView(R.layout.XXX); 前设置requestWindowFeature(XXXX)。他的意思是需要软件全屏显示、自定义标题（使用按钮等控件）和其他的需求首先介绍一个重要方法那就

FL1623863129的博客 627

(Android) Android中改变Activity的不同icon：activity-alias

Android设置title中的Icon有几种方法，介绍如下：一种是直接在AndroidManifest.xml文件中设置android:icon属性，这种方法简单有效，应该算是我们最常用的设置Icon的方法： android:label="@string/exportsimcardtitle" android:ico

palmerma的专栏 814

去掉标题栏图标

在drawable目录下写btn_selector.xml 然后在AndroidManifest.xml文件中 android:allowBackup="true" android:icon="@drawable/icon_selector" android:labe

muyisengren的专栏 563

解决Avalonia窗口标题栏图标模糊问题：Ursa自定义资源注入最佳实践

你是否还在为Avalonia应用标题栏图标模糊、多平台显示不一致而头疼？是否尝试过多种图标格式却依然无法解决高DPI屏幕下的显示问题？本文将系统讲解Ursa.Avalonia框架下自定义窗口标题栏图标的完整解决方案，从资源组织到运行时动态切换，帮你实现跨平台一致的高清图标显示效果。读完本文你将掌握： - 符合Avalonia资源系统的图标文件组织结构 - 多分辨率图标集的制作与自动适配技巧 -...

gitblog_01401的博客 465

点击不同按钮换不同标题栏图标

import java.awt.Container; import java.awt.FlowLayout; import java.awt.Graphics; import java.awt.Image; import java.awt.Panel; import java.awt.Toolkit; import java.awt.event.ActionEvent; import

qq_36594703的博客 351

基于HarmonyOS API 24实战解析Blank() 组件自动填充标题栏中剩余的空白空间，通过 Row 的 alignItems(VerticalAlign.Center) 实现垂直居中对齐

健身管理类应用与之前分析的外卖、招聘等应用有本质差异——它的核心数据不是"交易"或"任务"，而是"时间序列的身体状态数据"：每次训练有时长、卡路里、组数、重量；每次饮食有热量、蛋白质、碳水、脂肪；每周有运动时长趋势图。这些数据的共同特征是"随时间积累，用户需要横向对比和趋势分析"。这导致健身App的数据层设计必须从第一天就考虑"历史数据查询"和"多维度聚合"的需求，而非仅关注当前单条记录的增删改查。健身应用的用户行为模式也有独特之处：用户使用健身App的目标是"坚持"，而不是"一次性完成任务"。这意味着激励

2401_86031952的博客 205

html对话框跳转页面,html5各种页面切换效果和模态对话框用法总结

这篇文章主要为大家介绍了html5各种页面切换效果和模态对话框用法总结,较为详细的介绍了HTML5的各种页面元素的使用技巧,非常具有实用价值,需要的朋友可以参考下本文详细总结了html5各种页面切换效果和模态对话框用法。分享给大家供大家参考。具体分析如下：页面动画：data-transition 属性可以定义页面切换是的动画效果。例如：I'll popdata-transition 参数表：参数说...

weixin_28733777的博客 844

uniapp 自定义导航栏动态显示或隐藏返回图标以及buttons

fm：代码附上 page.json { "path": "pages/suggest/suggest", "style": { "navigationBarTitleText": "总裁信箱", "enablePullDownRefresh": false, "onReachBottomDistance": 50, "app-plus": { "titleNView": { "buttons": [ { "t

Austin的博客 3070

标题栏图标

weixin_34341117的博客 161

android Activity窗体显示状态设置

requestWindowFeature可以设置的值有： // 1.DEFAULT_FEATURES：系统默认状态，一般不需要指定 // 2.FEATURE_CONTEXT_MENU：启用ContextMenu，默认该项已启用，一般无需指定 // 3.FEATURE_CUSTOM_TITLE：自定义标题。当需要自定义标题时必须指定。如：标题是一个按钮时

PsuAiJe的网络学习笔记本 3949

【Qt常用控件】WindowTitle 与 WindowIcon：窗口标题和图标

qq_2778465975的博客 1万+

上一篇：【HM】DevEco Studio如何使用代码编程AI助手

下一篇：【HM】UI设计师给的设计稿，标注单位是px，但鸿蒙开发者在布局页面时，元素大小位置的单位是vp，字体定位是fp。封装了一个单位转换公共类

别再乱删文件了！修复Print Spooler服务自动停止的3个关键检查点（附Win10/Win11实测）

weixin_31569671的博客

05-24

674