- 综合排序
- 最热优先
- 最新优先
- 来自专栏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 - 来自专栏林德熙的博客
win10 UWP 标题栏后退
设置里，标题栏有后退按钮 ? 在win平板，可以有后退键，手机也有 pc可以在标题栏，打开设置可以看到的那个 ?
88210发布于 2018-09-18 - 来自专栏林德熙的博客
win10 UWP 标题栏后退
本文告诉大家如何在 UWP 标题栏添加后退按钮 设置里，标题栏有后退按钮，请看下图 ? 在win平板，可以有后退键，手机也有，但是手机的是物理的，平板的和 PC 的后退是在标题栏做的 如果需要在标题栏显示后退按钮，需要使用下面代码 Windows.UI.Core.SystemNavigationManager.GetForCurrentView 在用户点击标题栏的后退按钮的时候，可以通过下面代码拿到事件 Windows.UI.Core.SystemNavigationManager.GetForCurrentView().BackRequested · Microsoft/Windows-universal-samples ---- 本文会经常更新，请阅读原文： https://lindexi.gitee.io/post/win10
1.2K20发布于 2019-03-13 - 来自专栏林德熙的博客
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点石成金
鸿蒙开发：自定义一个简单的标题栏
标题栏几乎是每个应用的标配，或多或少都会存在，在Android中一个简单的组合View就可以搞定，鸿蒙开发中，也是十分的简单，选择相对应的布局，然后设置组件即可。 (FlexAlign.SpaceBetween) 以上的代码仅是左中右三个组件的时候使用，可以发现，一个标题组合组件一点难度没有，也没有任何技术含量，在实际的开发中，如果有多种标题栏的形式，考虑到代码复用的情况 ohpm install @abner/bar 初始化 初始化的作用，用于统一标题栏，比如宽高、字体颜色大小，统一点击事件等等,建议在AbilityStage中进行，属性 选择性调用，如果不需要，可以不设置 属性 类型 概述 barWidth Length 标题栏宽度 barHeight Length 标题栏高度 barBackgroundColor ResourceColor 标题栏背景颜色 onTitleClick ，没有什么过多的技术含量，有一点需要注意，当使用沉浸式的时候，注意标题栏的位置，需要避让状态栏。
61810编辑于 2025-03-15 - 来自专栏个人路线
Ability概述【鸿蒙专题10】
鸿蒙开发核心之Ability详解 Ability是应用所具备能力的抽象，也是应用程序的重要组成部分。 URI示例： 跨设备场景：dataability://device_id/com.domainname.dataability.persondata/person/10 本地设备：dataability :///com.domainname.dataability.persondata/person/10 说明：本地设备的“device_id”字段为空，因此在“dataability:”后面有三个“/” ，我们开发者同样也要成长，也许不会前进的路上会很坎坷，但经历过后就会发现另一番风景，对于鸿蒙，我是初学者，所以更多是以初学者的态度来记录。 为鸿蒙的发展与宣传贡献自己的一份力量。
1.2K20编辑于 2022-03-30 - 来自专栏dino.c的专栏
占领标题栏
前言 每一个有理想的UWP应用都会打标题栏的主意，尤其当微软提供 将 Acrylic 扩展到标题栏 这个功能后，大部分Windows 10的原生应用都不乖了，纷纷占领了标题栏的一亩三分地。 这篇博客将介绍在UWP中如何自定义标题栏。 2.示例代码 UWP的限制很多，标题栏的自定义几乎全部内容集中在 这篇文档 里面。 TitleBarForeground}" /> <Setter Property="FontSize" Value="<em>10</em> TitleBar> <local:TitleBar.Buttons> <Button x:Name="OptionsButton" Content="<em>10</em>C <em>10</em>. 全屏和平板模式 当应用在全屏或平板模式下运行时，系统将隐藏<em>标题栏</em>和标题控制按钮。 但是，用户可以调用<em>标题栏</em>，以使其以覆盖形式显示在应用的 UI 顶部。
2K20发布于 2019-09-06 - 来自专栏花狗在Qt
Qt隐藏系统标题栏，使用自定义标题栏
一.前言 今天我们来实现自定义标题栏的实现，这里面用到了布局，鼠标事件重写等知识点，首先还是自定义标题栏的创作，像下面这样，可放大，可缩小，并且随着窗体大小的改变，控件做自适应调整。 然后布局就写到这里 下面说一下功能的实现，有细心读者可能发现上面的动态图有两个标题栏，这不是骗人嘛，我想说不是骗人，到最后白色的标题栏我们是要隐藏的，为了文章的前后顺序，我们暂时先把他留下 先将最小化，最大化以及关闭按钮的功能进行实现，这里可以选择代码实现，也可以在ui界面实现，只不过ui界面实现有一些局限性，由于我们目的是使用自定义标题栏，所以这里直接在ui界面进行实现。 进行信号和槽绑定后，我们现在就可以使用自定义的标题栏来实现最小化，最大化，关闭，接下来就是将系统的标签栏进行隐藏，如果在这之前，就将系统的标题栏隐藏，那么对于编译后生成的软件关闭将是不方便的。
9.8K21发布于 2020-10-28 - 来自专栏C++核心准则原文翻译
自学鸿蒙应用开发（10）- Switch组件
本文介绍在鸿蒙应用中Switch组件的基本用法。 增加Switch组件 如下代码中57行~66行所示，在布局中增加Switch组件。 <?
60910发布于 2021-01-13 - 来自专栏用户8715145的专栏
网站建设标题栏下拉怎么设置 网站设置标题栏的作用
那么网站建设标题栏下拉怎么设置？网站设置标题栏的话有哪些作用？接下来就带大家一一介绍一下。 网站建设标题栏下拉怎么设置 网站建设标题栏下拉怎么设置？ 有两种方式可以设置标题栏，下拉第一种方式是通过网站的导航栏，导航栏当中有一个高级选项，可以设置标题栏下拉。下拉标识有两种样式，包括线条形状和实心的三角形状。两种样式大家可以自己选择。 第二种设置标题栏下拉的方式是通过新手导航栏，工具栏里面有新手进阶的按钮，新手进阶里面有显示开启标题栏下拉的按键，设置一下就可以了。 网站设置标题栏的作用 吸引更多的访客，增大访客量然后扩大网站的推广。 而且网站的排名最重要的还是要看网站的关键词，在排名当中只会出现网站的关键词和网站的标题，如果标题栏设置得足够好的话，网站的排名因为更高就能够获得更多的浏览量。 在建立网站的时候一定要学会网站建设标题栏下拉怎么设置？不仅方便了网站的持有者对于网站的进一步优化，也方便了访客对于网站进行浏览。
2.5K30编辑于 2021-12-11 - 来自专栏快乐阿超
android去掉标题栏
——康德 在Activity里加上 //去掉标题栏 getSupportActionBar().hide(); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN
99220编辑于 2022-08-16 - 来自专栏个人路线
鸿蒙 API 9工程转换为API 10工程
运行环境 DevEco Studio：4.0Release OpenHarmony SDK API10 开发板：润和DAYU200 目前我们能够看到的是鸿蒙已经到API10，甚至今天在看OpenHarmony 这个时候，我们最起码要将API 9工程转换为API 10工程。然后再慢慢的迁移到未来的11上。 接下来我们说一下如何迁移。 , "compatibleSdkVersion": 10, "targetSdkVersion": 10, "runtimeOS": "OpenHarmony , //OpenHarmony/服务编译时的版本 "compatibleSdkVersion":10, //指定OpenHarmony应用/服务兼容的最低版本。 "targetSdkVersion": 10, //指定OpenHarmony应用/服务目标版本。
3.6K10编辑于 2023-12-21 - 来自专栏鸿蒙Flutter实战
鸿蒙Flutter实战：10-常见问题集合
学习路径应该是怎样的，需要掌握哪些技术才具备鸿蒙 Flutter 开发能力1.1 学习和掌握 Flutter 开发技术，这块需要在Flutter社区学历 Flutter开发文档1.2 学习鸿蒙基础概念和知识 ，推荐学习 鸿蒙生态应用开发白皮书, ArkTS 语言, ArkUI,HarmonyOS 第一课2.
50310编辑于 2024-10-22 - 来自专栏Android必知必会
Android 自定义标题栏
开发 Android APP 经常会用到自定义标题栏，而有多级页面的情况下还需要给自定义标题栏传递数据。 本文要点： 自定义标题填充不完整 自定义标题栏返回按钮的点击事件 一、代码 这里先介绍一下流程： 1. 创建一个标题栏布局文件 mytitlebar.xml 2. 在需要自定义标题栏的Activity的OnCreate方法中实例化 CustomTitleBar 5. 在 AndroidManifest.xml 对使用了自定义标题栏的Activity定义主题 1.定义一个自定义的标题栏布局 mytitlebar.xml <? layout_alignParentLeft="true" android:layout_centerVertical="true" android:layout_marginLeft="<em>10</em>dp
2.9K20发布于 2019-07-01 - 来自专栏白鸽小屋
typecho设置标题栏自动变化
将代码复制粘贴到 自定义输出body 尾部的HTML代码 或者 post.php 里
1.1K10编辑于 2022-04-02 - 来自专栏我的鸿蒙之旅
HarmonyOS：ComposeTitleBar 组件自学指南
在日常的鸿蒙应用开发工作中，我们常常会面临构建美观且功能实用的用户界面的挑战。而标题栏作为应用界面的重要组成部分，它不仅承载着展示页面关键信息的重任，还能为用户提供便捷的操作入口。 一、组件初相识ComposeTitleBar 组件从 API Version 10 开始支持，这意味着只要你的开发环境适配该版本及以上，就能引入并使用它。 : Array<ComposeTitleBarMenuItem>})装饰器类型：@Component，这表明它遵循组件的基本构建规范，方便在鸿蒙应用的组件体系中进行整合。 示例实现了简单的标题栏，带有返回箭头的标题栏和带有右侧菜单项目列表的标题栏。 总之，ComposeTitleBar 组件为鸿蒙应用开发的标题栏构建提供了强大而便捷的解决方案。
57310编辑于 2025-03-31 - 来自专栏腾讯云 DNSPod 团队
使用了10年的“鸿蒙”商标，要被撤销了？
说起“鸿蒙”，想必大家脑海里闪过的第一反应都是华为的鸿蒙系统。 作为国货之光，华为自主研发的鸿蒙操作系统打破了美国和IT巨头对其芯片的垄断，举世瞩目，备受热捧。 为此，华为申请注册了“鸿蒙”系列商标，进行保护。 殊不知，在河南郑州有一家名为鸿蒙教育的培训机构（下称郑州鸿蒙），早在2010年就已申请注册了第41类“鸿蒙”字样商标，并于2011年核准注册。 “鸿蒙”商标要被撤销了？ 2003年，井先生创办了“鸿蒙教育”（即郑州鸿蒙），致力于绘画培训，目前已有25家分校，万余名学员。 并在后来的一审判决中，法院也认为郑州鸿蒙提交的证据未能证明其使用了“鸿蒙”商标，驳回了上诉。 什么是撤三申请？为何使用了10多年的商标，会被申请撤三？ 此次商标被申请撤三，究其缘由，竟是因为郑州鸿蒙从事的为培训教育，在实际使用中，多为“鸿蒙教育”或“鸿蒙EDUCATION”，而非商标“鸿蒙”。
1.4K20发布于 2021-02-26 - 来自专栏直播知识
直播网站源码，显示隐藏标题栏
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 鸿蒙5开发宝藏案例分享---Pura X开发案例分享
鸿蒙宝藏案例分享：Pura X 外屏开发实战解析 大家好！我是你们的鸿蒙开发小伙伴。今天在翻阅官方文档时，意外发现了华为藏着的"宝藏级"案例——Pura X 折叠屏外屏开发实践！ Pura X 采用**上下折叠设计**，外屏是 **1:1 方形屏**（内屏16:10）。 顶部标题栏（避让刘海） Row() { ... } .padding({ top: $r('app.float.topAvoidHeight') }) // 3. 特别是**滑动隐藏控件**和**双断点响应式**的设计，能直接用到其他鸿蒙设备开发中。 （原创整理不易，如果觉得有用，点个赞让我知道吧~ 下期分享"鸿蒙分布式相机开发"实战！）
26410编辑于 2025-06-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号