首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏HarmonyOS知识集合

    【HarmonyOS 5】鸿蒙中常见的标题栏布局方案

    【HarmonyOS 5】鸿蒙中常见的标题栏布局方案 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、问题背景: 鸿蒙中常见的标题栏:矩形区域,左边是返回按钮 金融类应用对标题栏的要求更为严苛:一方面需保证导航功能的稳定性(返回按钮必须触达便捷),另一方面要兼顾品牌调性(标题文字需清晰突出),同时帮助按钮需易于发现(便于用户获取理财指引)。 理想的标题栏应满足: 跨设备适配(手机、平板等多终端显示一致) 组件对齐精准(垂直居中、水平间距合理) 交互反馈清晰(按钮点击有明确状态变化) 扩展灵活(可快速添加用户头像、通知图标等元素) 那有几种布局方式 二、解决方案 方案一:Flex布局(推荐首选) Flex布局(弹性布局)是鸿蒙中处理线性排列的最佳选择,通过justifyContent和alignItems属性可轻松实现组件的均匀分布与居中对齐,尤其适合响应式场景 router.pushUrl({ url: "pages/HelpPage" }) }) } .width('100%') .height(56) // 符合鸿蒙设计规范的标题栏高度

    47910编辑于 2025-07-22
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:实现一个标题栏吸顶

    前言本文基于Api13来了一个需求,要实现顶部下拉刷新,并且顶部的标题栏,下拉状态下跟随手势刷新,上拉状态下进行吸顶,也就是tabs需要固定在顶部标题栏的下面,基本的效果可以看下图,下图是一个Demo, 实际的需求,顶部标题栏带有渐变显示,不过这些不是重点。 this.onRefreshPosition(this.refreshPosition) } return { offsetRemain: offset }; })下拉和上拉的位置确定好之后,那么就是标题栏吸顶操作了 ,可以看到标题栏是在底部的背景之上的,这里我们可以使用Stack组件进行包裹:Stack() { Scroll() { Column() { Text("头View onReachStart(() => { this.listPosition = RefreshPositionEnum.TOP }) Column() { Text("顶部标题栏

    35510编辑于 2025-06-17
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:自定义一个简单的标题栏

    标题栏几乎是每个应用的标配,或多或少都会存在,在Android中一个简单的组合View就可以搞定,鸿蒙开发中,也是十分的简单,选择相对应的布局,然后设置组件即可。 justifyContent(FlexAlign.SpaceBetween) 以上的代码仅是左中右三个组件的时候使用,可以发现,一个标题组合组件一点难度没有,也没有任何技术含量,在实际的开发中,如果有多种标题栏的形式 ohpm install @abner/bar 初始化 初始化的作用,用于统一标题栏,比如宽高、字体颜色大小,统一点击事件等等,建议在AbilityStage中进行,属性 选择性调用,如果不需要,可以不设置 属性 类型 概述 barWidth Length 标题栏宽度 barHeight Length 标题栏高度 barBackgroundColor ResourceColor 标题栏背景颜色 onTitleClick ,没有什么过多的技术含量,有一点需要注意,当使用沉浸式的时候,注意标题栏的位置,需要避让状态栏。

    59310编辑于 2025-03-15
  • 来自专栏dino.c的专栏

    占领标题栏

    前言 每一个有理想的UWP应用都会打标题栏的主意,尤其当微软提供 将 Acrylic 扩展到标题栏 这个功能后,大部分Windows 10的原生应用都不乖了,纷纷占领了标题栏的一亩三分地。 这篇博客将介绍在UWP中如何自定义标题栏。 2.示例代码 UWP的限制很多,标题栏的自定义几乎全部内容集中在 这篇文档 里面。 简单的颜色自定义 如果只想简单地自定义标题栏的颜色可以通过ApplicationViewTitleBar,ApplicationViewTitleBar表示应用程序的标题栏,它提供了一些颜色属性用于控制标题栏的颜色 将内容扩展到标题栏 若要隐藏默认标题栏并将你的内容扩展到标题栏区域中,请将 CoreApplicationViewTitleBar.ExtendViewIntoTitleBar 属性设置为 true。 可拖动区域 都将内容扩展到标题栏了,肯定是想在标题栏上放置自己需要的UI元素,默认情况下标题栏的范围为拖动、点击等Windows的窗体行为保留,在这个范围的自定义UI内容没办法获取鼠标点击。

    2K20发布于 2019-09-06
  • 来自专栏花狗在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

    99120编辑于 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
  • 来自专栏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
  • 来自专栏直播知识

    直播网站源码,显示隐藏标题栏

    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
  • 来自专栏我的鸿蒙之旅

    HarmonyOS:ComposeTitleBar 组件自学指南

    在日常的鸿蒙应用开发工作中,我们常常会面临构建美观且功能实用的用户界面的挑战。而标题栏作为应用界面的重要组成部分,它不仅承载着展示页面关键信息的重任,还能为用户提供便捷的操作入口。 : Array<ComposeTitleBarMenuItem>})​​装饰器类型:​​@Component​​,这表明它遵循组件的基本构建规范,方便在鸿蒙应用的组件体系中进行整合。 示例实现了简单的标题栏,带有返回箭头的标题栏和带有右侧菜单项目列表的标题栏。 对于带头像的标题栏,如 “收藏夹” 页面,不仅配置了头像的图标资源,还设置了头像点击后的收藏提示动作,丰富了标题栏的交互维度。 总之,ComposeTitleBar 组件为鸿蒙应用开发的标题栏构建提供了强大而便捷的解决方案。

    55310编辑于 2025-03-31
  • 来自专栏andy的小窝

    安卓下滑渐显标题栏

    第一步:导入自定义ScrollView的类 ObservableScrollView.Java

    88910发布于 2020-02-12
  • 来自专栏CSharp编程大全

    WPF修改窗体标题栏的颜色

    WPF程序通常情况下没办法修改窗体标题栏的样式,包括标题栏的背景颜色。 不过借助一个叫Fluent.Ribbon的第三方控件,貌似可以修改标题栏的背景颜色。 修改以后,设置窗体的Background时,标题栏的颜色也会跟着改变。

    3.1K20发布于 2020-12-29
  • 来自专栏Lcry个人博客

    网站修改标题栏离开状态

    代码如下: <script type="text/javascript"> jQuery(document).ready(function() { function d() {

    1K20编辑于 2022-11-29
  • 来自专栏林德熙的博客

    win10 UWP 标题栏后退

    设置里,标题栏有后退按钮 ? 在win平板,可以有后退键,手机也有 pc可以在标题栏,打开设置可以看到的那个 ?

    88010发布于 2018-09-18
  • 来自专栏林德熙的博客

    win10 UWP 标题栏后退

    本文告诉大家如何在 UWP 标题栏添加后退按钮 设置里,标题栏有后退按钮,请看下图 ? 在win平板,可以有后退键,手机也有,但是手机的是物理的,平板的和 PC 的后退是在标题栏做的 如果需要在标题栏显示后退按钮,需要使用下面代码 Windows.UI.Core.SystemNavigationManager.GetForCurrentView 在用户点击标题栏的后退按钮的时候,可以通过下面代码拿到事件 Windows.UI.Core.SystemNavigationManager.GetForCurrentView().BackRequested

    1.2K20发布于 2019-03-13
  • 来自专栏北洋csdn

    Android沉浸式效果(隐藏标题栏

    Android沉浸式效果(隐藏标题栏) 设置全屏 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN

    1.2K40编辑于 2021-12-08
  • 全面解析鸿蒙相关概念:鸿蒙、开源鸿蒙鸿蒙 Next 有何区别

    大家好,这里是程序员晚枫,最近接了一个和鸿蒙电脑有关的商单,所以专门花时间研究了一下和鸿蒙有关的概念。 鸿蒙系统相关概念主要有以下三个,它们之间存在多方面的区别,以下是具体介绍:OpenHarmony定义与性质 :即开源鸿蒙,是由开放原子开源基金会孵化及运营的开源项目,完全开源开放,众多厂商都可以基于它开发自己的操作系统 应用场景 :主要应用于华为的智能手机、平板电脑等移动设备,为用户提供更流畅的安卓应用使用体验,同时也支持部分鸿蒙原生应用。 HarmonyOS NEXT定义与性质 :是在 HarmonyOS 基础上剔除安卓(AOSP)后的产品,属于全新的手机系统,被视为鸿蒙系统的未来形态,也被称为纯血鸿蒙,目前是闭源的。 应用生态 :不再兼容安卓应用,而是专注于发展自己的原生应用生态,目前已经有 200 多个头部应用正在与华为合作开发鸿蒙原生应用。

    1.1K00编辑于 2025-05-28
  • 来自专栏祥的专栏

    禁止双击标题栏最大化&还原

    转载请注明:转载自 祥的博客 原文链接:http://blog.csdn.net/humanking7/article/details/52752544 ---- 引子 用MFC写的程序,双击标题栏,程序会最大化

    1K10发布于 2020-03-10
领券