- 综合排序
- 最热优先
- 最新优先
- 来自专栏HarmonyOS点石成金
鸿蒙开发：实现一个标题栏吸顶
前言本文基于Api13来了一个需求，要实现顶部下拉刷新，并且顶部的标题栏，下拉状态下跟随手势刷新，上拉状态下进行吸顶，也就是tabs需要固定在顶部标题栏的下面，基本的效果可以看下图，下图是一个Demo， 实际的需求，顶部标题栏带有渐变显示，不过这些不是重点。 this.onRefreshPosition(this.refreshPosition) } return { offsetRemain: offset }; })下拉和上拉的位置确定好之后，那么就是标题栏吸顶操作了 ，可以看到标题栏是在底部的背景之上的，这里我们可以使用Stack组件进行包裹：Stack() { Scroll() { Column() { Text("头View onReachStart(() => { this.listPosition = RefreshPositionEnum.TOP }) Column() { Text("顶部标题栏
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 - 来自专栏个人路线
鸿蒙 PageSlider 滑动组件基础用法【鸿蒙专题9】
最近还在学习鸿蒙开发， 学到了PageSlider 滑动组件类似安卓里面 viewpager 可以实现 屏幕左右滑动的效果 ，那么废话不多说我们正式开始 准备工作 1 安装鸿蒙开发环境 大家可以看我之前的文章 center_in_parent="true" ohos:text="PageSlider2" ohos:text_size="25fp"/> </DependentLayout> 到此鸿蒙的 最后总结： 鸿蒙里面的 PageSlider 组件对标的是安卓的里面viewpager 做过安卓开发同学应该都比较熟悉 也容易理解 PageSlider 的各种用法包添加view 滑动监听 绑定适配器等等
1.2K10编辑于 2022-03-30 - 来自专栏HarmonyOS点石成金
鸿蒙开发：自定义一个简单的标题栏
标题栏几乎是每个应用的标配，或多或少都会存在，在Android中一个简单的组合View就可以搞定，鸿蒙开发中，也是十分的简单，选择相对应的布局，然后设置组件即可。 ohpm install @abner/bar 初始化 初始化的作用，用于统一标题栏，比如宽高、字体颜色大小，统一点击事件等等,建议在AbilityStage中进行，属性 选择性调用，如果不需要，可以不设置 属性 类型 概述 barWidth Length 标题栏宽度 barHeight Length 标题栏高度 barBackgroundColor ResourceColor 标题栏背景颜色 onTitleClick right: 10 } }, onLeftTextClick: (position) => { console.log("====点击了左侧按钮:" + position) } }) 9、 ，没有什么过多的技术含量，有一点需要注意，当使用沉浸式的时候，注意标题栏的位置，需要避让状态栏。
61810编辑于 2025-03-15 - 来自专栏C++核心准则原文翻译
自学鸿蒙应用开发（9）- TimePicker组件
本文介绍在鸿蒙应用中TimePicker组件的基本用法。 增加TimePicker组件 如下代码中46行~52行所示，在布局中增加TimePicker组件。 <?
59020发布于 2021-01-13 - 来自专栏HarmonyOS知识集合
【HarmonyOS NEXT】鸿蒙应用点9图的处理（draw9patch）
【HarmonyOS NEXT】鸿蒙应用点9图的处理（draw9patch）一、前言：首先在鸿蒙中是不支持安卓 .9图的图片直接使用。 只有类似拉伸的处理方案，鸿蒙提供的Image组件有与点九图相同功能的API设置。可以通过设置resizable属性来设置ResizableOptions，也就是图像拉伸时可调整大小的图像选项。
56300编辑于 2025-03-24 - 来自专栏dino.c的专栏
占领标题栏
前言 每一个有理想的UWP应用都会打标题栏的主意，尤其当微软提供 将 Acrylic 扩展到标题栏 这个功能后，大部分Windows 10的原生应用都不乖了，纷纷占领了标题栏的一亩三分地。 这篇博客将介绍在UWP中如何自定义标题栏。 2.示例代码 UWP的限制很多，标题栏的自定义几乎全部内容集中在 这篇文档 里面。 简单的颜色自定义 如果只想简单地自定义标题栏的颜色可以通过ApplicationViewTitleBar，ApplicationViewTitleBar表示应用程序的标题栏，它提供了一些颜色属性用于控制标题栏的颜色 将内容扩展到标题栏 若要隐藏默认标题栏并将你的内容扩展到标题栏区域中，请将 CoreApplicationViewTitleBar.ExtendViewIntoTitleBar 属性设置为 true。 按钮的样式来自NavigationBackButtonNormalStyle并稍作修改，大致上做到和标准的标题栏按钮一样。 9.
2K20发布于 2019-09-06 - 来自专栏个人路线
鸿蒙 API 9工程转换为API 10工程
运行环境 DevEco Studio：4.0Release OpenHarmony SDK API10 开发板：润和DAYU200 目前我们能够看到的是鸿蒙已经到API10，甚至今天在看OpenHarmony 这个时候，我们最起码要将API 9工程转换为API 10工程。然后再慢慢的迁移到未来的11上。 接下来我们说一下如何迁移。
3.6K10编辑于 2023-12-21 - 来自专栏花狗在Qt
Qt隐藏系统标题栏，使用自定义标题栏
一.前言 今天我们来实现自定义标题栏的实现，这里面用到了布局，鼠标事件重写等知识点，首先还是自定义标题栏的创作，像下面这样，可放大，可缩小，并且随着窗体大小的改变，控件做自适应调整。 然后布局就写到这里 下面说一下功能的实现，有细心读者可能发现上面的动态图有两个标题栏，这不是骗人嘛，我想说不是骗人，到最后白色的标题栏我们是要隐藏的，为了文章的前后顺序，我们暂时先把他留下 先将最小化，最大化以及关闭按钮的功能进行实现，这里可以选择代码实现，也可以在ui界面实现，只不过ui界面实现有一些局限性，由于我们目的是使用自定义标题栏，所以这里直接在ui界面进行实现。 进行信号和槽绑定后，我们现在就可以使用自定义的标题栏来实现最小化，最大化，关闭，接下来就是将系统的标签栏进行隐藏，如果在这之前，就将系统的标题栏隐藏，那么对于编译后生成的软件关闭将是不方便的。
9.8K21发布于 2020-10-28 - 来自专栏用户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 - 来自专栏HarmonyOS NEXT 端云一体
《仿盒马》app开发技术分享-- 自定义标题栏&商品详情初探（9）
## 技术栈Appgallery connect## 开发准备上一节我们实现了顶部toolbar的地址选择，会员码展示，首页的静态页面就先告一段落，这节我们来实现商品列表item的点击传值、自定义标题栏 ## 功能分析1.自定义标题栏当我们进入二级三级页面的时候，就需要向用户介绍我们当前的页面信息，标题栏很好的实现了这个效果，并且进入的页面级别过多，也要给用户一个可点击的退出按钮。 2.页面间传值页面之前的数据传递，是app中比较常见也是比较重要的知识点，这里我们通过点击列表的条目进行数据的传递，然后在详情页进行数据的接收## 代码实现自定义标题栏import router from Divider().strokeWidth(0.5).color("#E6E6E6") }.backgroundColor(Color.White) .height(51) }}在标题栏中我们使用了一些逻辑判断 ，并且设置标题是外部传入的，而且还预留了一个事件的回调，这能让我们的标题栏更加的灵活页面间传值首先我们需要创建一个商品详情页的页面，然后把我们的自定义标题栏引入进去import { CommonTopBar
13000编辑于 2025-06-23 - 来自专栏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 - 来自专栏python 自动化测试
华为鸿蒙3.0来了！9款设备率先尝鲜
6月17日消息，据华为官网消息，鸿蒙 HarmonyOS 3.0 开发者 Beta 版本已开启公测招募。 据说整个鸿蒙3.0系统将更加精简，剔除2.0中非常臃肿部分，设备与设备之间的交互体验提升很大。
52310编辑于 2022-08-25 - 来自专栏直播知识
直播网站源码，显示隐藏标题栏
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 Flutter for OpenHarmony前置知识《Flutter 基础组件初探：第一章》
个人首页： VON 鸿蒙系列专栏： 鸿蒙开发小型案例总结 综合案例 ：鸿蒙综合案例开发 鸿蒙6.0：从0开始的开源鸿蒙6.0.0 鸿蒙5.0：鸿蒙5.0零基础入门到项目实战 ` 9. `body: Center(child: Text('Hello, World!')) 第三个子项：`Container`（红色方块 + Column） 9. 第四个子项：`Expanded` + `ListView` 10. , ), ), ); } } 运行这段代码，你会看到一个带有顶部标题栏、中央显示文字的简洁界面（如下图所示）： 可以看到运行成功，成功后就可以去看下面的组件部分了 9.
19010编辑于 2025-12-21- 来自专栏我的鸿蒙之旅
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号