HarmonyOS NEXT 根据icon自适应背景颜色，2024年最新阿里HarmonyOS鸿蒙岗面试百题

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

}
return allPixels;
}

3. 遍历数组，找到出现次数最多的像素

…
let maxPixel: number = findMaxPixel(allPixels);
…
export function findMaxPixel(allPixels: number[]): number {
let map: Map<number, number> = new Map();
allPixels.forEach((pixel: number) => {
if (map.has(pixel)) {
map.set(pixel, map.get(pixel)! + 1);
} else {
map.set(pixel, 1);
}
})
let maxPixel: number = 0;
let maxTimes: number = 0;
map.forEach((value: number, key: number) => {
if (value >= maxTimes) {
maxTimes = value;
maxPixel = key;
}
})
return maxPixel;
}

4. 将出现次数最多的像素值转换为RGB颜色格式

…
let rgb: ColorRgb = ColorUtils.numberToRgb(maxPixel);
…
public static numberToRgb(color: number): ColorRgb {
return {
red: (color & 0xFF0000) >> 16,
green: (color & 0xFF00) >> 8,
blue: (color & 0xFF),
alpha:(color & 0xFF000000)>>24
}
}

5. 将RGB颜色格式转换为HSV格式，转换公式如图所示。

…
let hsv: ColorHsv = ColorUtils.rgb2hsv(rgb);
…
public static rgb2hsv(color: ColorRgb): ColorHsv {
const red: number = color.red / MAX_RGB_VALUE;
const green: number = color.green / MAX_RGB_VALUE;
const blue: number = color.blue / MAX_RGB_VALUE;

const max: number = Math.max(red, green, blue);
const min: number = Math.min(red, green, blue);
const delta: number = max - min;

let hue: number = 0;
let saturation: number = 0;
let value: number = 0;
if (max === min) {
hue = 0;
} else if (max === red) {
hue = (green >= blue ? ((green - blue) / delta) * 60 : ((green - blue) / delta) * 60 + 360);
} else if (max === green) {
hue = (((blue - red) / delta) + 2) * 60;
} else if (max === blue) {
hue = (((red - green) / delta) + 4) * 60;
}
saturation = (max === 0 ? 0 : delta / max);
value = max;

return {
hue: hue,
saturation: saturation,
value: value,
alpha:color.alpha
}
}

6. 修改HSV格式中的S和V值，使背景色和图标颜色有明显区分

…
modifySVValue(hsv);
…
export function modifySVValue(color: ColorHsv): void {
if (color.hue > 20 && color.hue <= 60) {
color.saturation = 0.12;
color.value = 0.93;
} else if (color.hue > 60 && color.hue <= 190) {
color.saturation = 0.08;
color.value = 0.91;
} else if (color.hue > 190 && color.hue <= 270) {
color.saturation = 0.1;
color.value = 0.93;
} else {
color.saturation = 0.08;
color.value = 0.93;
}
}

7. 将HSV格式转换为RGB格式，转换公式如图所示。

…
rgb = ColorUtils.hsv2rgb(hsv);
…
public static hsv2rgb(color: ColorHsv): ColorRgb {
const h60: number = color.hue / 60;
const h60f: number = Math.floor(h60);
const hi: number = h60f % 6;
const f: number = h60 - h60f;
const p: number = color.value * (1 - color.saturation);
const q: number = color.value * (1 - f * color.saturation);
const t: number = color.value * (1 - (1 - f) * color.saturation);

let red: number = 0.0;
let green: number = 0.0;
let blue: number = 0.0;
if (hi === 0) {
red = color.value;
green = t;
blue = p;
} else if (hi === 1) {
red = q;
green = color.value;
blue = p;
} else if (hi === 2) {
red = p;
green = color.value;
blue = t;
} else if (hi === 3) {
red = p;
green = q;
blue = color.value;
} else if (hi === 4) {
red = t;
green = p;
blue = color.value;
} else if (hi === 5) {
red = color.value;
green = p;
blue = q;
}
return {
red: Math.floor(red * MAX_RGB_VALUE),
green: Math.floor(green * MAX_RGB_VALUE),
blue: Math.floor(blue * MAX_RGB_VALUE),
alpha:color.alpha
}
}

8. 将rgb转换为数字，放入AppInfo对象中

…
item.backgroundColor = ColorUtils.rgbToNumber(rgb);
…
public static rgbToNumber(color: ColorRgb): number {
return ((0xFF << 24) | (color.red << 16) | (color.green << 8) | color.blue);
}

9. 通过组件的backgroundColor属性设置背景色

Row() {
…
}
.backgroundColor(this.item.backgroundColor === ‘’ ? Color.White : this.item.backgroundColor)

高性能知识点

1. 解码图片时，分辨率设为40*40，既可以加快计算背景颜色的速度，又可以保证准确性
2. 提取像素时，由于鸿蒙中的颜色是用{red,green,blue,alpha}来表示，直接放入数组或者Map中会影响计算出现次数最多的像素的速度，所以需要使用rgbToNumber方法转换为整数

工程结构&模块类型

iconmaincolor // har类型
|—mainpage
| |—MainPage.ets // 视图层，主要页面
|—utils
| |—ColorUtils.ets // 颜色处理工具类
| |—ImageUtils.ets // 图片处理工具类

模块依赖

routermodule

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料

获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料****

鸿蒙（HarmonyOS NEXT）最新学习路线

• HarmonOS基础技能

• HarmonOS就业必备技能 
• HarmonOS多媒体技术

• 鸿蒙NaPi组件进阶

• HarmonOS高级技能

• 初识HarmonOS内核
• 实战就业级设备开发

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

552aa547d5.png)

• 实战就业级设备开发

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-UNpQ18uD-1713291486022)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！