音唯的个人小站

“岛”究竟是怎样的交互？——关于澎湃OS3超级岛的思考

Aritx音唯 — Wed, 27 Aug 2025 00:00:00 GMT

想了很久该如何评价HyperOS 3 Beta，思来想去都找不到一个确切的词去描述这次内测的大版本更新。那不妨从另一个点切入，我们聊聊这个“岛”。

HyperOS3发布后，国内外主流厂商全部上岛完成。从灵动岛(iOS)到原子岛(OriginOS)，从流体云(ColorOS)到实况窗(HarmonyOS)，从ProgressStyle(Google Android)到超级岛(HyperOS)。国内外厂商不一而同的选择了统一的范例-灵动岛，并且将它作为了自己系统的一部分。为什么？这或许是解决了信息爆炸时代人机交互的一大难题的一个方式。不过在这之前，我想首先先聊一聊我与"岛"的初见。

我与岛，从初见到思考

第一次了解灵动岛是高三，2022年iPhone14Pro的首秀。我还记得那个居家隔离的我看到苹果用这样的方式遮住了Face ID庞大的硬件挖孔，并将摄像头周围的区域巧妙的作为了活动的展示区。最初惊艳我的是它的动画，我并不认为它的功能能够带来什么。和很多人一样，我都认为它是"💩上雕花"的功能。

直到2024年，我换到了iPhone15，灵动岛再一次震撼了我。一旦成为使用者，我就忽略掉了绝大多数灵动的动画，忽略掉了挖孔本身的存在。所有会被注意到的，只有作为焦点的信息：打车、导航、音乐、计时、外卖等等。它们带来的便利让我意识到，在信息爆炸的时代，多任务处理的我们需要这样的方式，让我们更快的注意到更高优先级的信息。

可是，iOS始终逃离不掉的点在于：受制于硬件设计，iPhone的“岛”永远是围绕着硕大的FaceID模组展开的。这意味着物理空间限制了灵动岛的内容显示。于是，我们看到iPhone的灵动岛的显示范围极为局限，一旦有较多信息要显示，就会大量挤占状态栏空间，从而造成了时间电量等信息的丢失。

安卓先行者的解决方案：流体云

后来换到了OPPO，流体云提供了安卓最全的适配——甚至一定程度上超过了iOS。这样的便利感与在杂乱中迅速聚焦有效信息的能力继续增加。

流体云的解决方案是违背iOS用户的直觉的：它通过单击的方式展开流体云，通过长按的方式打开对应的APP；流体云每次只能显示一个，如果有更多流体云会用小括号代表可以左右滑动；展开的流体云以堆叠的形式出现在屏幕上。

这无疑是OPPO对岛的形态的一个新思考：用单次信息显示，让用户聚焦在“最重要”的事上，同时辅以展开的形式，平铺地展示所有的“重要信息”。

最后上岛的澎湃，不断试错

**焦点通知，是小米在探索自己的“岛”的过程中的一个过渡产物，也是一个失败的尝试。**小米抓住了岛的本质:以一个高效的方式聚焦到实时重要的任务上。然而，作为工程实践的焦点通知并没有做到这一点。它没办法展开，你必须下拉通知栏；它也占用了状态栏显示通知的宝贵空间......

换到小米15，我无一刻想念流体云带来的便利：相比焦点通知，它一次能显示更多的信息，可以直接展开而不需要下滑通知栏......

发布会上，金凡说：

岛对用户最重要的价值就是方便了解正在发生，需要重点关注的信息。

这一刻我突然理解了我为什么喜欢灵动岛这个形式，不是因为它像苹果，而是因为它直观。即使超级岛以焦点通知的形式存在，我也会觉得它好用，因为它简化了交互。我不需要下拉通知栏看到所有的实时信息了，它像灵动岛一样可以一次显示多个实时信息，并且可以通过左右滑动的方式选择要显示哪些；它像流体云一样可以通过点击展开，并且快速查看所有信息；它像原子岛一样支持拖拽操作，不过它是拖拽分享岛的内容，而不是把内容拖拽到岛里；并且，它补全了流体云和原子岛的遗憾：是的，那个苹果用户快十年没用上的小窗功能，也被集成到了超级岛里。我不用再点击进入APP了，我只用下拉就可以用小窗的形式快速查看所有信息。最后发布的，集百家之所长的超级岛从交互上打出了新的高度。

但是，目前阶段的超级岛不是没有问题。动画简单，缺少灵动感，也会有些违和；适配应用还没有到O和苹果的量级。

但是这并不妨碍我给它很高的评价。就像澎湃OS3在很多地方成为一个了成熟的系统，它丢掉了一些自己的特立独行，但是它也给出了大家都有的东西的、属于自己的答案。

在macOS上使用OrbStack配置编译原理实验环境指北

Aritx音唯 — Fri, 19 Sep 2025 00:00:00 GMT

安装OrbStack

前往官网下载。安装后打开OrbStack。

创建OrbStack虚拟机

在Linux中点击Machines，点击右上角的➕号。选择Ubuntu，Version选择22.04/24.04（无所谓，因为后续都要装GCC-7），Architecture选择x86-64(emulated)。点击Create创建虚拟机。

在终端输入orb start $你的虚拟机的名字启动虚拟机。输入orb命令进入虚拟机。

配置实验环境

挂载工程文件夹到虚拟机

在虚拟机bash输入cd回到主目录。我们要建立主目录和macOS工程目录的链接。

以我自己的路径为例。我的macOS工程目录在/Users/aritxonly/Codes/Compilers/exp中，我想把exp文件夹挂载到虚拟机的~/compiler中，我只需要创建一个compiler文件夹，并简单输入：

sudo mount --bind /Users/aritxonly/Codes/Compilers/exp ~/compiler

如果想持久化这个更改，每次开机时自动挂载，可以使用vim编辑/etc/fstab加上一行

/Users/aritxonly/Codes/Compilers/exp  /home/aritxonly/compiler  none  bind  0  0

配置镜像源

除了实验手册上需要的NJU镜像源外，在Ubuntu22.04上还需要配置被归档的镜像源。否则，直接安装会报错：

E: Unable to locate package gcc-7
E: Package 'g++-7' has no installation candidate

在/etc/apt/sources.list中加入

# stable add by , in order to install g++7
deb [arch=amd64] http://archive.ubuntu.com/ubuntu focal main universe

安装GCC7

配置好镜像源后，输入sudo apt update和sudo apt upgrade更新软件包。随后就可以根据实验手册安装GCC-7

sudo apt install gcc-7 g++-7

在链接gcc-7到gcc之前，需要解链接原有的gcc-14

随后链接：

sudo ln -s /usr/bin/gcc-7 /usr/bin/gcc

建议在主目录创建shell脚本link_gcc7.sh并输入以下内容

#!/bin/bash
sudo ln -s /usr/bin/gcc-7 /usr/bin/gcc
if [ $? -eq 0 ]; then
    echo "Successfully linked"
else
    echo "Link failed: $?"
fi

输入chmod +x link_gcc7.sh后，每次进入虚拟机时运行即可。

此外，更推荐的方法是：使用优先级配置

sudo update-alternatives --install /usr/bin/gcc gcc /usr/bin/gcc-7 70 --slave /usr/bin/g++ g++ /usr/bin/g++-7 --slave /usr/bin/gcov gcov /usr/bin/gcov-7
sudo update-alternatives --install /usr/bin/gcc gcc /usr/bin/gcc-14 14 --slave /usr/bin/g++ g++ /usr/bin/g++-7 --slave /usr/bin/gcov gcov /usr/bin/gcov-14sudo update-alternatives --config gcc

输入gcc -v，若输出版本号为7.5，则gcc-7安装成功。

安装make

sudo apt install make

安装Flex与Bison

依次输入

sudo apt install flex
sudo apt install bison

即可安装。

Ubuntu22.04安装的bison可能为最新版本3.8.2，如果需要与实验环境完全相同的版本，需要手动安装。

首先卸载bison

sudo apt remove bison

随后在阿里云镜像站拉取对应版本的bison安装包

wget https://mirrors.aliyun.com/gnu/bison/bison-3.5.1.tar.xz

如果提示缺少wget，运行sudo apt install wget即可

安装xz-utils用于解压：

sudo apt install xz-utils

解压安装包：

tar -xvJf bison-3.5.1.tar.xz

进入bison的解压目录并安装：（可能需要超级用户权限）

cd bison-3.5.1/
./configure && make && make install

其他需要做的准备

配置git与github代码托管

在工程目录输入

git init

并参考这个教程配置Github代码托管所需的SSH key

配置VSCode/Cursor

按照Remote ssh的操作进行安装配置，对应的ssh命令是ssh uname@orb

apktool: 如何反编译apk修改图标？

Aritx音唯 — Sun, 12 Oct 2025 00:00:00 GMT

免责声明

本教程仅用于个人学习、研究与界面美化等非商业性用途。

Android 应用程序（APK）及其资源、代码、图标、签名文件均受开发者著作权及相关法律保护。

任何形式的反编译、修改、再分发或重新上架，若未经版权持有人明确书面授权，可能违反著作权法、计算机软件保护条例、应用商店开发者政策及用户协议。

若您仅在本地设备上自用，请勿以任何方式将修改后的应用进行公开传播、分享、销售或用于盈利目的。

修改及重新签名操作可能破坏应用完整性与安全性，导致数据丢失、更新异常、或触发安全警告，请务必自行承担风险。

建议在测试机或虚拟环境中操作，并保留原始 APK 与数据备份。

如用于第三方 APP（闭源项目），请务必确认开发者允许此类修改行为。若开发者未明确许可，请立即停止操作。

前置准备

在开始反编译修改app图标之前，你需要有以下准备：

脑子：是的，首先要带上它。遇到问题先动脑，再搜索，再问 AI。不思考、不阅读、不查资料直接开问——本人一律不回答。
一定的安卓开发基础：至少得知道 APK 是个什么东西，资源文件长什么样，res/ 文件夹里那些奇奇怪怪的名字（mipmap、drawable、values）是干啥的。不要求你会写 Java/Kotlin，但起码得看得懂 XML，知道签名、包名、图标在哪个目录。
一台电脑：Windows、macOS、Linux 都行。能打开终端（或 PowerShell），能装 JDK，能用 apktool 命令。没电脑、只靠手机 Termux？行，但请自行折腾，后果自负。
需要替换的图标资源文件：最好包含了正方形、透明背景的前景和正方形的背景。需要png格式或svg格式。
需要修改的apk文件与备份：一定要进行备份！！！

在电脑上通过官网https://apktool.org/docs/install安装apktool并且将其在终端中配置好后，以我修改的Via浏览器的图标为例，让我们开始今天的教程。

提取apk

解包apk前，建议先通过MT管理器查看是否有资源混淆。点击提取的apk，点击查看，观察目录结构。如果内部是诸如a、b、c等看不出具体内容的apk，则代表它经过了资源混淆。

此时我们只需要点击apk，点击左下角的功能，使用res反资源混淆即可。<img src="./assets/Screenshot_2025-10-12-10-34-19-433_bin.mt.plus-ed.jpg" alt="Screenshot_2025-10-12-10-34-19-433_bin.mt.plus-ed" style="zoom: 33%;" />

我们将反资源混淆的apk文件（通常为xxx_anti.apk）发送到电脑上。新建工程文件夹，把反资源混淆的apk放进去，开始解包。

解包apk

在工程文件夹打开终端/cmd（具体操作在这里不过多赘述，可以搜索网络），随后输入命令：

apktool d 你的apk名字.apk -o 存放反编译结果的文件夹名称

回车后，你会看到如下结果：

这时，进入我们刚刚生成的文件夹（我这里为via_src_alt），就可以看到apk反编译的结果了。

修改图标

图标文件一般位于名为mipmap-*的文件夹下方。对于Via，主要是这两个文件夹：<img src="./assets/image-20251012104217233.png" alt="image-20251012104217233" style="zoom:50%;" />

此时我们需要分情况讨论：

mipmap中为.png格式的文件
mipmap中为.xml格式的文件

处理`.png`格式图标

Via浏览器的mipmap-xxhdpi中的文件是ic_launcher.png，是一个png格式的图标。针对这个图标，我们只需要把准备好的合成的、不分层的png图标替换进去即可。<img src="./assets/image-20251012104658521.png" alt="image-20251012104658521" style="zoom: 50%;" /><img src="./assets/image-20251012104633159.png" alt="image-20251012104633159" style="zoom: 50%;" />

处理`.xml`格式图标

使用文本编辑器（记事本、VSCode、CotEditor都可以）打开ic_launcher.xml，分析分层自适应图标的结构。在Via中mipmap-anydpi-v26/ic_launcher.xml就是负责做这个的。

一个常见的分层图标文件如下：

<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon
  xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@color/color0024" />
    <foreground android:drawable="@drawable/draw0055" />
    <monochrome android:drawable="@drawable/draw0056" />
</adaptive-icon>

其中，字段的作用分别如下：

<background> 背景层：这个决定了图标底色是什么。它通常引用一个颜色资源，比如 @color/color0024，也可以是图片，比如 @drawable/bg_launcher。在自适应图标中，背景会被系统遮罩成圆形或方形（取决于设备 Launcher），所以底色要够简洁，别放复杂纹理。
<foreground> 前景层：这就是你真正看到的图标主体，也就是你要替换的那张图。一般是 @drawable/ 下的一张 PNG、SVG 或 XML 图层（layer-list/vector）。它会叠在背景上方，并遵守系统的“安全区”边界（默认四周留 20% 空白，避免裁切）。
<monochrome> 单色图层（Android 13+ 特有）：这是给 Android 13 及以上系统用的“单色主题图标”素材。也就是所说的莫奈图标。当系统启用“主题图标”模式时，Launcher 会忽略彩色前景层，只渲染这个灰度图层。如果没有这个字段，系统会自动灰化前景层。

在我的例子中，由于我想保留Via原本的白色背景，只把前景换成小米浏览器的图标，所以我只演示对foreground的修改，而不对background进行修改。这部分可以在AI的协助下完成，因此不用过多赘述。

我们可以看到，foreground引用的是名为draw0055的图标资源文件。我们用全局搜索在res文件夹中搜索draw0055：

可以看到同样有两个文件，一个透明底的draw0055.png、一个xml文件。和之前一样，png图片直接进入目录替换即可，注意透明底换透明底，我们把它换成小米浏览器的前景即可。而对于draw0055.xml文件，我们使用以下方式进行替换：

替换`.xml`格式资源

同样使用文本编辑器进行查看。我们看到Via浏览器中的draw0055.xml资源内部是类似这样的：

<?xml version="1.0" encoding="utf-8"?>
<vector android:height="108.0dip" android:width="108.0dip" android:viewportWidth="216.0" android:viewportHeight="216.0"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#ff00a5f6" android:pathData="..." />
    <path android:fillColor="#ffff3e00" android:pathData="..." />
    <path android:fillColor="#ffffb700" android:pathData="..." />
</vector>

这代表这个图标是由矢量图转化的xml文件。

如果你需要替换的图标本身就是svg格式，可以用Android Studio导入把它转化为xml矢量图。

如果是png格式的图片，我们需要把这个xml引用到我们的位图资源。

我们先将这个文件中的内容替换成这样：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <inset
            android:drawable="@drawable/mi_icon"
            android:inset="0dp" />
    </item>
</layer-list>

这里，我自定义的资源叫做mi_icon，你可以把它叫做任意名字，并把你要替换的图标命名成 这个名字.png 放在drawable-nodpi文件夹中（如果没有则新建）。android:inset后面的值你可以自行修改，我推荐你先安装后进行回编译看看效果再进行修改。

回编译

在终端中输入

apktool b 刚刚修改的文件夹名称 -o 回编译后的apk名称.apk

随后用MT管理器或者任何你喜欢的方式对这个apk进行签名，安装，大功告成。

流量时代正在断送媒体的良知：锐评新京报报道南京大学帝王蟹事件

Aritx音唯 — Tue, 04 Nov 2025 00:00:00 GMT

“媒体面前，事实似乎不再重要了。”

这几个月我越来越不信任新闻，因为事实往往不是它们让你看到的那样。

昨天去九食堂，和女朋友盘算着叫几个人一起尝尝没尝过的帝王蟹，今天就被骂上热搜了。

从数码圈乱象起手

我关注的圈子，是无良媒体扎堆的数码圈。

“比一元硬币还薄”的断章取义、“小字营销”的带节奏、“年轻人的最后一台车”的情绪包装——这些我都看在眼里。但我没有发声。

我不是小米的“死忠粉”，只是一个喜欢产品、能分辨是非的普通人。用着华为手表、拿着OPPO手机、背着苹果电脑，也装着米家生态。可当我看到那么多人被带偏，被煽动去骂、去信时，我才真正意识到：媒体对公众的影响力有多么恐怖。

锐评本次事件

南大学生十人八人，分享一只帝王蟹又何罪之有呢？

你们说我们不务学习，尽显奢靡之风——而我告诉你午夜的生命科学楼、计算机楼、电子楼等院楼灯火通明，不止研究生和博士生，还有本科生和教职老师。他们用尽心力，只为了给国家给社会创造更多的价值。

你们说我们没有积蓄，尽花父母钱财——而我告诉你南京的大学生家教的数量已经超出你们的想象。我的同学们，不是通过家教兼职赚钱，就是通过实习积攒工作经历，亦或是投资理财理财。我们的有能力拼一桌人均150的帝王蟹。

你们会拿南大前校训“嚼得菜根，做得大事”上纲上线，而我告诉你，奢俭由人，南大学子绝不会因为享用过一餐帝王蟹，就真认为自己是“帝王”了。

一点冷静的分析

情绪发泄之外，不妨跳出这件事情本身，来看看媒体是如何误导群众，而群众又是如何制造出庞大的互联网声量的。

媒体首先给事件贴上标签，用情绪代替事实，用“高校奢靡”“学生浪费”这样的话术触发公众的愤怒。随后，社交平台的算法捕捉到这种情绪，放大矛盾，推送给更多还没了解真相的用户。于是，一场舆论的狂欢开始了。谁还在乎真相？只要骂，就能被看见。

在这样的环境里，一个人的认知，决定了他能看到的东西。

那些骂南大“奢靡”的人，或许只是看到了自己生活的投射——他们身边确实充斥着攀比、虚荣和浮躁，于是理所当然地认为所有学校都一样。当他们看到一所大学的食堂敢卖帝王蟹，他们不会想到是尝试改革、是多样化供餐，而会本能地嘲讽：“这不就是洗脚城吗？”

他们眼里的“奢靡之风”，正是他们熟悉的世界；他们嘲笑的“校园堕落”，也许只是南大走在前面的尝试。他们酸的，不是帝王蟹的价格，而是自己学校里没有这样的改变。

就好像真正的“花粉”也会批驳华为旗舰机系统更新不及时、价格虚高等等不足，而手上拿着低端机的网友却对这些真金白银支持华为的人们口诛笔伐。网络上从来不缺精神股东，网络只是他们的情绪宣泄口。

这就是流量时代最可悲的地方：人们不再追问“事实是什么”，而是急着寻找能让自己情绪有出口的东西。媒体知道这一点，于是不断制造“可以骂”的新闻。群众在骂声中获得快感，而真相被埋在最不值钱的地方。

是啊，真相已随那一串串的字符流，消失在了大数据的海洋里。