- 综合排序
- 最热优先
- 最新优先
- 来自专栏HarmonyOS点石成金
鸿蒙开发：实现一个标题栏吸顶
前言本文基于Api13来了一个需求，要实现顶部下拉刷新，并且顶部的标题栏，下拉状态下跟随手势刷新，上拉状态下进行吸顶，也就是tabs需要固定在顶部标题栏的下面，基本的效果可以看下图，下图是一个Demo， 实际的需求，顶部标题栏带有渐变显示，不过这些不是重点。 ，可以看到标题栏是在底部的背景之上的，这里我们可以使用Stack组件进行包裹：Stack() { Scroll() { Column() { Text("头View number[] = [] private itemHeightArray: number[] = [] @State colors: number[] = [0xFFC0CB, 0xDA70D6, 0x6B8E23, 0x6A5ACD, 0x00FFFF, 0x00FF7F] @State minSize: number = 80 @State maxSize: number = 180
36310编辑于 2025-06-17 - 来自专栏HarmonyOS知识集合
【HarmonyOS 5】鸿蒙中常见的标题栏布局方案
【HarmonyOS 5】鸿蒙中常见的标题栏布局方案 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 （金融理财# 一、问题背景： 鸿蒙中常见的标题栏：矩形区域，左边是返回按钮 金融类应用对标题栏的要求更为严苛：一方面需保证导航功能的稳定性（返回按钮必须触达便捷），另一方面要兼顾品牌调性（标题文字需清晰突出），同时帮助按钮需易于发现（便于用户获取理财指引）。 理想的标题栏应满足： 跨设备适配（手机、平板等多终端显示一致） 组件对齐精准（垂直居中、水平间距合理） 交互反馈清晰（按钮点击有明确状态变化） 扩展灵活（可快速添加用户头像、通知图标等元素） 那有几种布局方式 二、解决方案 方案一：Flex布局（推荐首选） Flex布局（弹性布局）是鸿蒙中处理线性排列的最佳选择，通过justifyContent和alignItems属性可轻松实现组件的均匀分布与居中对齐，尤其适合响应式场景 router.pushUrl({ url: "pages/HelpPage" }) }) } .width('100%') .height(56) // 符合鸿蒙设计规范的标题栏高度
49810编辑于 2025-07-22 - 来自专栏HarmonyOS点石成金
鸿蒙开发：自定义一个简单的标题栏
标题栏几乎是每个应用的标配，或多或少都会存在，在Android中一个简单的组合View就可以搞定，鸿蒙开发中，也是十分的简单，选择相对应的布局，然后设置组件即可。 ohpm install @abner/bar 初始化 初始化的作用，用于统一标题栏，比如宽高、字体颜色大小，统一点击事件等等,建议在AbilityStage中进行，属性 选择性调用，如果不需要，可以不设置 属性 类型 概述 barWidth Length 标题栏宽度 barHeight Length 标题栏高度 barBackgroundColor ResourceColor 标题栏背景颜色 onTitleClick rightIcon: $r("app.media.app_icon"), onRightClick: () => { console.log("====点击了右侧按钮") } }) 6、 ，没有什么过多的技术含量，有一点需要注意，当使用沉浸式的时候，注意标题栏的位置，需要避让状态栏。
61810编辑于 2025-03-15 - 来自专栏韦东山嵌入式
鸿蒙系统体验之在IMX6ULL上体验鸿蒙系统
第一章 在IMX6ULL上体验鸿蒙系统 请先下载以下文件，里面含有烧写软件： https://gitee.com/weidongshan/openharmony_for_imx6ull/repository /archive/master.zip 鸿蒙内核Liteos-a的官方代码目前只支持海思的芯片，我作为首批开发者入驻华为一个多月，成功在100ASK_IMX6ULL上移植了Liteos-a。 这就表示所有驱动都安装好了，可以重启开发板，就可以参考后面章节体验鸿蒙了。 1.3 鸿蒙文件在哪 在“100ask_imx6ull烧写工具v4”目录下， ? 1.4 一键体验鸿蒙：下载到内存运行 1.4.1 一键启动 把开发板设置为USB启动，接好2条USB线，装好驱动程序后，运行烧写工具，点击下图所示按钮，观察串口信息，可以看到板子启动进入鸿蒙系统了： 最后，设置为EMMC启动，重新上电后就可以自动进入鸿蒙系统。
3K31发布于 2020-09-30 - 来自专栏C++核心准则原文翻译
自学鸿蒙应用开发（6）- TextField组件
本文介绍在鸿蒙应用中TextField组件的基本用法。 增加TextField组件 如下代码中25行~32行所示，在布局中增加TextField组件。 <?
87020发布于 2020-12-31 - 来自专栏dino.c的专栏
占领标题栏
前言 每一个有理想的UWP应用都会打标题栏的主意，尤其当微软提供 将 Acrylic 扩展到标题栏 这个功能后，大部分Windows 10的原生应用都不乖了，纷纷占领了标题栏的一亩三分地。 这篇博客将介绍在UWP中如何自定义标题栏。 2.示例代码 UWP的限制很多，标题栏的自定义几乎全部内容集中在 这篇文档 里面。 简单的颜色自定义 如果只想简单地自定义标题栏的颜色可以通过ApplicationViewTitleBar，ApplicationViewTitleBar表示应用程序的标题栏，它提供了一些颜色属性用于控制标题栏的颜色 将内容扩展到标题栏 若要隐藏默认标题栏并将你的内容扩展到标题栏区域中，请将 CoreApplicationViewTitleBar.ExtendViewIntoTitleBar 属性设置为 true。 6. 可拖动区域 都将内容扩展到标题栏了，肯定是想在标题栏上放置自己需要的UI元素，默认情况下标题栏的范围为拖动、点击等Windows的窗体行为保留，在这个范围的自定义UI内容没办法获取鼠标点击。
2K20发布于 2019-09-06 - 来自专栏花狗在Qt
Qt隐藏系统标题栏，使用自定义标题栏
一.前言 今天我们来实现自定义标题栏的实现，这里面用到了布局，鼠标事件重写等知识点，首先还是自定义标题栏的创作，像下面这样，可放大，可缩小，并且随着窗体大小的改变，控件做自适应调整。 然后布局就写到这里 下面说一下功能的实现，有细心读者可能发现上面的动态图有两个标题栏，这不是骗人嘛，我想说不是骗人，到最后白色的标题栏我们是要隐藏的，为了文章的前后顺序，我们暂时先把他留下 先将最小化，最大化以及关闭按钮的功能进行实现，这里可以选择代码实现，也可以在ui界面实现，只不过ui界面实现有一些局限性，由于我们目的是使用自定义标题栏，所以这里直接在ui界面进行实现。 进行信号和槽绑定后，我们现在就可以使用自定义的标题栏来实现最小化，最大化，关闭，接下来就是将系统的标签栏进行隐藏，如果在这之前，就将系统的标题栏隐藏，那么对于编译后生成的软件关闭将是不方便的。
9.8K21发布于 2020-10-28 - 来自专栏个人路线
鸿蒙 模仿boss直聘客户端实现教程【鸿蒙专题6】
我是坚果，这是我的公众号“坚果前端”，觉得不错的话，关注一下吧，如果你迷惘，不妨看看码农的轨迹 前言： 最近在学习鸿蒙开发，就模仿boss直聘app的一些经典页面写了一个鸿蒙的开源demo 希望能帮助到各位同学学习 vertical_center|horizontal_center" ohos:text="公司" ohos:text_color="#6B6B6B vertical_center|horizontal_center" ohos:text="消息" ohos:text_color="#6B6B6B vertical_center|horizontal_center" ohos:text="我的" ohos:text_color="#6B6B6B boss直聘客户端就讲完了 其他页面的实现都差别不大大家可以去下载完整代码查阅 最后总结 这次开发这个鸿蒙模仿boss直聘客户端 demo给我的感觉 鸿蒙跟现在安卓iOS比起来 差距还是有 我这边是用的
71610编辑于 2021-12-24 - 来自专栏用户8715145的专栏
网站建设标题栏下拉怎么设置 网站设置标题栏的作用
那么网站建设标题栏下拉怎么设置？网站设置标题栏的话有哪些作用？接下来就带大家一一介绍一下。 网站建设标题栏下拉怎么设置 网站建设标题栏下拉怎么设置？ 有两种方式可以设置标题栏，下拉第一种方式是通过网站的导航栏，导航栏当中有一个高级选项，可以设置标题栏下拉。下拉标识有两种样式，包括线条形状和实心的三角形状。两种样式大家可以自己选择。 第二种设置标题栏下拉的方式是通过新手导航栏，工具栏里面有新手进阶的按钮，新手进阶里面有显示开启标题栏下拉的按键，设置一下就可以了。 网站设置标题栏的作用 吸引更多的访客，增大访客量然后扩大网站的推广。 而且网站的排名最重要的还是要看网站的关键词，在排名当中只会出现网站的关键词和网站的标题，如果标题栏设置得足够好的话，网站的排名因为更高就能够获得更多的浏览量。 在建立网站的时候一定要学会网站建设标题栏下拉怎么设置？不仅方便了网站的持有者对于网站的进一步优化，也方便了访客对于网站进行浏览。
2.5K30编辑于 2021-12-11 - 来自专栏快乐阿超
android去掉标题栏
——康德 在Activity里加上 //去掉标题栏 getSupportActionBar().hide(); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN
99220编辑于 2022-08-16 - 来自专栏林德熙的博客
win10 uwp 标题栏 扩展标题栏修改颜色透明标题栏 系统状态栏
我们应用最上方的是标题栏，对于手机，最上方是状态栏。 我们可以自定义标题栏，和不显示标题栏。 下面的代码写在 OnLaunched 函数 写的位置是最前。 扩展标题栏 参见：http://dailydotnettips.com/2015/10/20/how-to-place-custom-xaml-content-in-the-windows-universal-apps-title-bar 请看 UWP中实现自定义标题栏 透明标题栏 系统状态栏 手机是系统状态栏，如果不设置，会是白条，看起来不好。 我们需要安装sdk才可以。 statusbar.ForegroundColor=Colors.Black; } 其中 SetDesiredBoundsMode 是设置内容是不是可以占有标题栏 statusbar.ProgressIndicator.Text = "test statusbar"; statusbar.ProgressIndicator.ShowAsync(); 最后一个显示 Text 可以看微信，他是把消息放在标题栏
2.7K20发布于 2018-09-18 - 来自专栏韦东山嵌入式
给IMX6ULL编译鸿蒙Liteos-a
第二章 给IMX6ULL编译Liteos-a 请先下载以下文件，里面含有补丁文件： https://gitee.com/weidongshan/openharmony_for_imx6ull/repository 1.2 使用补丁文件修改代码 假设在/home/book/openharmony目录下是鸿蒙的源码，补丁文件hmos_v1.0_imx6ull.patch放在/home/book/openharmony_for_imx6ull imx6ull.patch 注意：鸿蒙的内核在不断更新，这个补丁是针对“OpenHarmony-1.0”版本的。 make rootfs // 编译根文件系统，可以得到rootfs.img cp out/imx6ull/rootfs.img out/imx6ull/rootfs.jffs2 // 改个名易辨认 请参考《第3篇 体验鸿蒙内核Liteos-a》。
1K31发布于 2020-09-30 - 来自专栏Android必知必会
Android 自定义标题栏
开发 Android APP 经常会用到自定义标题栏，而有多级页面的情况下还需要给自定义标题栏传递数据。 本文要点： 自定义标题填充不完整 自定义标题栏返回按钮的点击事件 一、代码 这里先介绍一下流程： 1. 创建一个标题栏布局文件 mytitlebar.xml 2. 在需要自定义标题栏的Activity的OnCreate方法中实例化 CustomTitleBar 5. 在 AndroidManifest.xml 对使用了自定义标题栏的Activity定义主题 1.定义一个自定义的标题栏布局 mytitlebar.xml <? 自定义标题栏填充不满，网上有不少解决方案，有的还比较复杂，我这里直接在定义Theme时一个属性就解决了，还比较容易理解。
2.9K20发布于 2019-07-01 - 来自专栏白鸽小屋
typecho设置标题栏自动变化
将代码复制粘贴到 自定义输出body 尾部的HTML代码 或者 post.php 里
1.1K10编辑于 2022-04-02 - 来自专栏韦东山嵌入式
不用买硬件，1s体验鸿蒙系统！(IMX6ULL QEMU运行鸿蒙系统)
通过ssh登录开发板 2.3 `体验鸿蒙Liteos-A` 1. 执行shell命令 2. 执行数码相框GUI程序 3. 退出程序 4. 测试LCD 5. 在LCD显示矢量字体 3. 模拟LCD显示功能 模拟led灯、按键 模拟at24cxx i2c存储芯片，直接可以通过用户态操作看到效果 模拟触摸屏(单点触摸) 后续会逐渐增加更多的模拟硬件模块 1.2 已经移植的系统 Linux 鸿蒙 button_drv.ko [root@qemu_imx6ul:~/button_driver_qemu]# insmod board_100ask_qemu_imx6ull.ko [root@qemu_imx6ul 2.3 体验鸿蒙Liteos-A 双击运行env.bat, 在里面执行harmony_liteos.bat即可启动、进入Liteos-A。 1. /bin/digitpic”，不能用绝对路径“/bin/digitpic” 注意：这个GUI程序是我们自己写得，很丑，与鸿蒙无关。 3.
2.6K20编辑于 2022-05-09 - 来自专栏直播知识
直播网站源码，显示隐藏标题栏
Coding-on-Laptop_FVbYpeAIyoGi.jpeg 直播网站源码，显示隐藏标题栏的相关代码 // An highlighted block public class DivViewActivity R.id.tv_titlebar); layout_title = (RelativeLayout) findViewById(R.id.layout_title); } } 以上就是直播网站源码，显示隐藏标题栏的相关代码
1.8K30发布于 2020-12-02 - 来自专栏个人路线
使用 uni-app x 开发 2048 游戏适配鸿蒙 6
使用 uni-app x 开发 2048 游戏适配鸿蒙 6 作者：坚果 发布时间：2025 年 10 月 技术栈：uni-app x、UTS、HarmonyOS 6 前言 2048 是一款风靡全球的益智游戏 最终产品完美支持鸿蒙 HarmonyOS 6、Android、iOS 等多个平台。 为什么选择 uni-app x？ 原生性能：UTS 语言编译为原生代码，性能接近原生应用 一次开发，多端运行：支持鸿蒙、Android、iOS、Web 等平台 类型安全：基于 TypeScript，享受完整的类型检查 鸿蒙首选：官方支持鸿蒙 6，是开发鸿蒙应用的最佳选择之一 项目目标 我们将实现以下功能： ✅ 完整的 2048 游戏逻辑 ✅ 流畅的触摸手势控制 ✅ 精美的动画效果 ✅ 深色模式自动适配 ✅ 最高分本地存储 ✅ 多平台支持 （重点支持鸿蒙 6） 架构设计 数据结构设计 游戏的核心是一个 4x4 的二维数组，用于存储每个格子的数值： // 游戏网格数据 grid: number[][] = [ [0, 0, 0, 0]
31210编辑于 2025-11-29 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-页面导航（Navigation）
Navigation 组件一般作为页面布局的根容器，它提供了一系列属性方法来设置页面的标题栏、工具栏以及菜单栏的各种展示样式。 "#2a58d0" : "#6b6b6b") } .alignItems(HorizontalAlign.Center) . "#2a58d0" : "#6b6b6b") } .alignItems(HorizontalAlign.Center) . 写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：点赞，转发，有你们的 『点赞和评论』，才是我创造的动力；关注小编，同时可以期待后续文章ing，不定期分享原创知识；想要获取更多完整鸿蒙最新学习知识点 ，可关注B站：码牛课堂鸿蒙开发；
84320编辑于 2024-10-08 - 来自专栏我的鸿蒙之旅
HarmonyOS：ComposeTitleBar 组件自学指南
在日常的鸿蒙应用开发工作中，我们常常会面临构建美观且功能实用的用户界面的挑战。而标题栏作为应用界面的重要组成部分，它不仅承载着展示页面关键信息的重任，还能为用户提供便捷的操作入口。 : Array<ComposeTitleBarMenuItem>})装饰器类型：@Component，这表明它遵循组件的基本构建规范，方便在鸿蒙应用的组件体系中进行整合。 示例实现了简单的标题栏，带有返回箭头的标题栏和带有右侧菜单项目列表的标题栏。 对于带头像的标题栏，如 “收藏夹” 页面，不仅配置了头像的图标资源，还设置了头像点击后的收藏提示动作，丰富了标题栏的交互维度。 总之，ComposeTitleBar 组件为鸿蒙应用开发的标题栏构建提供了强大而便捷的解决方案。
57310编辑于 2025-03-31 - 来自专栏CSharp编程大全
WPF修改窗体标题栏的颜色
WPF程序通常情况下没办法修改窗体标题栏的样式，包括标题栏的背景颜色。 不过借助一个叫Fluent.Ribbon的第三方控件，貌似可以修改标题栏的背景颜色。 修改以后，设置窗体的Background时，标题栏的颜色也会跟着改变。
3.1K20发布于 2020-12-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号