【 OpenHarmony 系统应用源码魔改 】-- Launcher 之「桌面布局定制」

本文主要是介绍【 OpenHarmony 系统应用源码魔改 】-- Launcher 之「桌面布局定制」,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

阅读本篇文章之前,有几个需要说明一下:

  1. 调试设备:平板,如果你是开发者手机,一样可以加 Log 调试,源码仍然是手机和平板一起分析;
  2. 文章中的 Log 信息所显示的数值可能跟你的设备不一样,以你调试的数据为准。
  3. 装个逼:目前好像 OH 社区或者其它开发者还没有针对 OH 的系统应用,比如 Launcher 写过非常深入的源码解析类文章,所以此类文章,仅供大家参考学习,如转载或引用,请标明出处
  4. 定制章节会直接定位到修改的地方,如果你不仅想知道怎么改,也想知道为什么这么改,正所谓:知其然知其所以然,探其深方得真谛!
    可以看看 "【 OpenHarmony 系统应用源码解析 】-- Launcher 桌面布局 " 这篇文章。

定制需求

  1. 行数:3
  2. 列数:7

如果你看过 "【 OpenHarmony 系统应用源码解析 】-- Launcher 桌面布局 " 这篇文章的话,应该会清除,Launcher 布局的行、列数是算出来的。

算法:

  1. 列数 = ~~(屏幕宽度 + 图标间距)/ (图标大小 + 图标间距)
  2. 行数 = ~~(可用高度 + 平均列间距)/ (图标大小 + 平均列间距)

修改代码前,我们先看下默认 Launcher 效果图(平板):

在这里插入图片描述

"【 OpenHarmony 系统应用源码解析 】-- Launcher 桌面布局 " 文章中,我们已经分析过源码,并且加了 Log 展示了很多数据,例如:

let column = ~~((realWidth + minGutter) / (itemSize + minGutter));

我们看下平板的数据:

pid-1360              I     @@@ pepsimaxin : 桌面布局边距 ==> margin = 82
pid-1360              I     @@@ pepsimaxin : 屏幕宽度 ==> this.mScreenWidth = 1280
com.ohos.launcher     D     @@@ pepsimaxin : realWidth = 1116, minGutter = 6, itemSize = 96
com.ohos.launcher     D     @@@ pepsimaxin : column = 11

OK,现在我们希望把列数改成:7列,那么:

  1. realWidth:我们不会动
  2. itemSize:图标大小,我们暂时也不动

那么显而易见了,我们只需要修改 minGutter(网格间距)即可!

所以修改成多少呢?-- 这是个基础数学计算问题,不用我教你了。

我们就拿平板为例:

(1116 + 6) / (96 + 6)= 11我们只需要保证:
(1116 + minGutter) / (96 + minGutter) = 7.00 ~ 7.99 之间即可(因为是向下取整)我比较懒,直接让 GPT 给我算了下:
minGutter 的取值范围:[49.9 ~ 74],我们取个整:[50 ~ 74]

现在我们定位到源码里面,看如何修改:

📄 common/src/main/ets/default/viewmodel/LayoutViewModel.tscalculateDesktop(): any {...let itemSize = this.mLauncherLayoutStyleConfig.mAppItemSize;// 网格间距let minGutter = this.mLauncherLayoutStyleConfig.mGridGutter;let column = ~~((realWidth + minGutter) / (itemSize + minGutter));let userWidth = (realWidth + minGutter - (itemSize + minGutter) * column);let gutter = (userWidth / (column - 1)) + minGutter;let row = ~~((realHeight + gutter) / (itemSize + gutter));...}

而 minGutter 从哪读取的,就不用我说了吧?

// Phone
mGridGutter = PhonePresetStyleConstants.DEFAULT_APP_LAYOUT_MIN_GUTTER;
static readonly DEFAULT_APP_LAYOUT_MIN_GUTTER = 5;// Pad
mGridGutter = PadPresetStyleConstants.DEFAULT_APP_LAYOUT_MIN_GUTTER;
static readonly DEFAULT_APP_LAYOUT_MIN_GUTTER = 6;

到这里就有两种改法:

  1. 要么去对应的 **PresetStyleConstants 里面改 DEFAULT_APP_LAYOUT_MIN_GUTTER 值;
  2. 要么暴力点,直接改:
let minGutter = [50 ~ 74] 随便取一个值

另外,在 "【 OpenHarmony 系统应用源码解析 】-- Launcher 桌面布局 " 文章中我们也讲过,计算出来的 Column 和 Row,都是要传入 this.updateGrid(row, column) 方法,更新网格布局配置的。

所以?你猜我要干什么?更暴力的改法就是:

我不管你怎么算,直接 this.updateGrid(3, 7)

算了,不教你使坏了,我们直接看下修改后的效果:

在这里插入图片描述

这篇关于【 OpenHarmony 系统应用源码魔改 】-- Launcher 之「桌面布局定制」的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1125419

相关文章

Spring Boot3.0新特性全面解析与应用实战

《SpringBoot3.0新特性全面解析与应用实战》SpringBoot3.0作为Spring生态系统的一个重要里程碑,带来了众多令人兴奋的新特性和改进,本文将深入解析SpringBoot3.0的... 目录核心变化概览Java版本要求提升迁移至Jakarta EE重要新特性详解1. Native Ima

使用Python构建一个高效的日志处理系统

《使用Python构建一个高效的日志处理系统》这篇文章主要为大家详细讲解了如何使用Python开发一个专业的日志分析工具,能够自动化处理、分析和可视化各类日志文件,大幅提升运维效率,需要的可以了解下... 目录环境准备工具功能概述完整代码实现代码深度解析1. 类设计与初始化2. 日志解析核心逻辑3. 文件处

Redis中Stream详解及应用小结

《Redis中Stream详解及应用小结》RedisStreams是Redis5.0引入的新功能,提供了一种类似于传统消息队列的机制,但具有更高的灵活性和可扩展性,本文给大家介绍Redis中Strea... 目录1. Redis Stream 概述2. Redis Stream 的基本操作2.1. XADD

JSONArray在Java中的应用操作实例

《JSONArray在Java中的应用操作实例》JSONArray是org.json库用于处理JSON数组的类,可将Java对象(Map/List)转换为JSON格式,提供增删改查等操作,适用于前后端... 目录1. jsONArray定义与功能1.1 JSONArray概念阐释1.1.1 什么是JSONA

nginx -t、nginx -s stop 和 nginx -s reload 命令的详细解析(结合应用场景)

《nginx-t、nginx-sstop和nginx-sreload命令的详细解析(结合应用场景)》本文解析Nginx的-t、-sstop、-sreload命令,分别用于配置语法检... 以下是关于 nginx -t、nginx -s stop 和 nginx -s reload 命令的详细解析,结合实际应

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

Linux系统性能检测命令详解

《Linux系统性能检测命令详解》本文介绍了Linux系统常用的监控命令(如top、vmstat、iostat、htop等)及其参数功能,涵盖进程状态、内存使用、磁盘I/O、系统负载等多维度资源监控,... 目录toppsuptimevmstatIOStatiotopslabtophtopdstatnmon

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法

Python中re模块结合正则表达式的实际应用案例

《Python中re模块结合正则表达式的实际应用案例》Python中的re模块是用于处理正则表达式的强大工具,正则表达式是一种用来匹配字符串的模式,它可以在文本中搜索和匹配特定的字符串模式,这篇文章主... 目录前言re模块常用函数一、查看文本中是否包含 A 或 B 字符串二、替换多个关键词为统一格式三、提

Java MQTT实战应用

《JavaMQTT实战应用》本文详解MQTT协议,涵盖其发布/订阅机制、低功耗高效特性、三种服务质量等级(QoS0/1/2),以及客户端、代理、主题的核心概念,最后提供Linux部署教程、Sprin... 目录一、MQTT协议二、MQTT优点三、三种服务质量等级四、客户端、代理、主题1. 客户端(Clien