HarmonyOS鸿蒙Next中sys.media框架内置图标库有哪些图标?
HarmonyOS鸿蒙Next中sys.media框架内置图标库有哪些图标?
media: {
ohos_app_icon: 130023425,
ai_recognize: 130023427,
huawei_id_logo_red: 130023436,
huawei_id_logo_white: 130023437,
huawei_id_logo_red_margin: 130023439,
huawei_id_logo_white_margin: 130023440,
AI_circle_viewfinder: 130023470,
AI_keyboard: 130023471,
AI_lightbulb_max: 130023472,
}
点进去全是一些数字,看不到图标。
更多关于HarmonyOS鸿蒙Next中sys.media框架内置图标库有哪些图标?的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是 HarmonyOS SDK 中 sys.media 的系统资源库(System Resource)的一部分。
你看到的:
media: {
ohos_app_icon: 130023425,
ai_recognize: 130023427,
huawei_id_logo_red: 130023436,
huawei_id_logo_white: 130023437,
...
}
本质上是系统资源ID映射表,类似 Android 的:
android.R.drawable.ic_menu_camera
只不过 HarmonyOS 最终编译后显示成数字资源ID,所以直接点进去只能看到:
130023425
130023427
130023436
而看不到实际图片。
如何查看这些图标?
方法1:在代码中直接使用
例如:
Image($r('sys.media.ai_recognize'))
.width(48)
.height(48)
或者:
Image($r('sys.media.huawei_id_logo_red'))
运行到真机或模拟器后即可看到。
方法2:使用资源预览
DevEco Studio 6.x 中:
Resource Manager
↓
sys.media
部分版本支持资源预览。
但目前很多系统资源:
sys.media
sys.color
sys.float
只展示资源名,不展示图片内容。
这是 IDE 的限制。
方法3:查看 SDK 系统资源包
Windows 默认路径:
DevEcoStudio\sdk\default\openharmony\ets\api\@ohos.arkui.drawable.d.ts
或者:
DevEcoStudio\sdk\default\openharmony\previewer\resources
不同版本位置略有不同。
有些 SVG 资源实际上存放在:
openharmony\ets\build-tools\ace-loader\resources
中。
如何获取全部 sys.media 图标列表?
官方目前没有提供完整图标图库页面。
比较方便的方法:
方法1
在项目中输入:
$r('sys.media.
然后:
Ctrl + Space
IDE 会自动列出所有可用资源。
例如:
sys.media.ohos_app_icon
sys.media.ic_back
sys.media.ic_public_cancel
sys.media.ic_public_add
sys.media.ic_public_search
...
方法2(推荐)
直接查看 SDK 中生成的:
sys.d.ts
或:
resource.d.ts
文件。
搜索:
declare namespace media
能看到全部资源名称。
如果想批量查看所有图标
可以写一个简单页面:
@Entry
@Component
struct Demo {
private icons: string[] = [
'ai_recognize',
'AI_circle_viewfinder',
'AI_keyboard',
'AI_lightbulb_max'
]
build() {
List() {
ForEach(this.icons, (item:string) => {
ListItem() {
Row() {
Image($r(`sys.media.${item}`))
.width(40)
.height(40)
Text(item)
.margin({ left: 10 })
}
}
})
}
}
}
这样运行后就能把图标实际渲染出来。
补充一点:
你列出来的:
ai_recognize
AI_circle_viewfinder
AI_keyboard
AI_lightbulb_max
这些是 HarmonyOS 6.1 新增的 AI 相关系统图标,主要给系统 AI 服务、小艺、AI搜索等场景使用,并不是完整图标库。
真正的系统图标数量实际上有几百个,包括:
- 返回
- 搜索
- 删除
- 编辑
- 分享
- 更多
- 相机
- 相册
- 电话
- 消息
- 下载
- 上传
- 设置
等公共图标资源。
更多关于HarmonyOS鸿蒙Next中sys.media框架内置图标库有哪些图标?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
楼主,帮你找了一圈sdk里面,这些图片放在如下图:
第一批:DevEco Studio\sdk\default\openharmony\previewer\common\resources\resources\base\media

第二批:DevEco Studio\sdk\default\hms\previewer\resources\resources\resources\base\media

希望HarmonyOS能继续推出更多实用的功能,满足用户的不同需求。
真厉害,这么深都找到了。
嗯找了一圈确实没有 我给你写一下你看吧, 如有帮助给个采纳谢谢 ,太长了 给你代码你运行下吧
interface IconItem {
name: string;
resourceName: string;
}
@Entry
@Component
struct MediaPage {
private iconList: IconItem[] = [
{ name: 'ohos_app_icon', resourceName: 'sys.media.ohos_app_icon' },
{ name: 'ohos_ic_back', resourceName: 'sys.media.ohos_ic_back' },
{ name: 'ohos_ic_public_ok', resourceName: 'sys.media.ohos_ic_public_ok' },
{ name: 'ohos_ic_public_arrow_left', resourceName: 'sys.media.ohos_ic_public_arrow_left' },
{ name: 'ohos_ic_public_arrow_right', resourceName: 'sys.media.ohos_ic_public_arrow_right' },
{ name: 'ohos_ic_public_arrow_up', resourceName: 'sys.media.ohos_ic_public_arrow_up' },
{ name: 'ohos_ic_public_arrow_down', resourceName: 'sys.media.ohos_ic_public_arrow_down' },
{ name: 'ohos_ic_public_cut', resourceName: 'sys.media.ohos_ic_public_cut' },
{ name: 'ohos_ic_public_copy', resourceName: 'sys.media.ohos_ic_public_copy' },
{ name: 'ohos_ic_public_paste', resourceName: 'sys.media.ohos_ic_public_paste' },
{ name: 'ohos_ic_public_select_all', resourceName: 'sys.media.ohos_ic_public_select_all' },
{ name: 'ohos_ic_public_share', resourceName: 'sys.media.ohos_ic_public_share' },
{ name: 'ohos_ic_public_translate_c2e', resourceName: 'sys.media.ohos_ic_public_translate_c2e' },
{ name: 'ohos_ic_public_search_filled', resourceName: 'sys.media.ohos_ic_public_search_filled' },
{ name: 'ohos_save_button_filled', resourceName: 'sys.media.ohos_save_button_filled' },
{ name: 'ohos_save_button_line', resourceName: 'sys.media.ohos_save_button_line' },
{ name: 'ohos_ic_bottomsheet_close', resourceName: 'sys.media.ohos_ic_bottomsheet_close' },
{ name: 'ohos_ic_public_clock', resourceName: 'sys.media.ohos_ic_public_clock' },
{ name: 'ohos_ic_public_email', resourceName: 'sys.media.ohos_ic_public_email' },
{ name: 'ohos_ic_public_express', resourceName: 'sys.media.ohos_ic_public_express' },
{ name: 'ohos_ic_public_flight', resourceName: 'sys.media.ohos_ic_public_flight' },
{ name: 'ohos_ic_public_location', resourceName: 'sys.media.ohos_ic_public_location' },
{ name: 'ohos_ic_public_phone', resourceName: 'sys.media.ohos_ic_public_phone' },
{ name: 'ohos_ic_public_text', resourceName: 'sys.media.ohos_ic_public_text' },
{ name: 'ohos_ic_public_web', resourceName: 'sys.media.ohos_ic_public_web' },
{ name: 'ohos_ic_public_device_matebook', resourceName: 'sys.media.ohos_ic_public_device_matebook' },
{ name: 'ohos_ic_public_device_pad', resourceName: 'sys.media.ohos_ic_public_device_pad' },
{ name: 'ohos_ic_public_device_smartscreen', resourceName: 'sys.media.ohos_ic_public_device_smartscreen' },
{ name: 'ohos_ic_public_device_watch', resourceName: 'sys.media.ohos_ic_public_device_watch' },
{ name: 'ohos_ic_public_device_phone', resourceName: 'sys.media.ohos_ic_public_device_phone' },
{ name: 'ohos_ic_eco_hop', resourceName: 'sys.media.ohos_ic_eco_hop' },
{ name: 'ohos_ic_public_more', resourceName: 'sys.media.ohos_ic_public_more' },
{ name: 'ohos_ic_public_add', resourceName: 'sys.media.ohos_ic_public_add' },
{ name: 'ohos_ic_public_minus', resourceName: 'sys.media.ohos_ic_public_minus' },
{ name: 'ohos_ic_public_cast_stream', resourceName: 'sys.media.ohos_ic_public_cast_stream' },
{ name: 'ohos_ic_public_cast_mirror', resourceName: 'sys.media.ohos_ic_public_cast_mirror' },
{ name: 'ohos_ic_public_camera', resourceName: 'sys.media.ohos_ic_public_camera' },
{ name: 'ohos_ic_public_cancel', resourceName: 'sys.media.ohos_ic_public_cancel' },
{ name: 'ohos_ic_public_hang_up', resourceName: 'sys.media.ohos_ic_public_hang_up' },
{ name: 'ohos_ic_public_pause', resourceName: 'sys.media.ohos_ic_public_pause' },
{ name: 'ohos_ic_public_play_last', resourceName: 'sys.media.ohos_ic_public_play_last' },
{ name: 'ohos_ic_public_play_next', resourceName: 'sys.media.ohos_ic_public_play_next' },
{ name: 'ohos_ic_public_play', resourceName: 'sys.media.ohos_ic_public_play' },
{ name: 'ohos_ic_public_restore', resourceName: 'sys.media.ohos_ic_public_restore' },
{ name: 'ohos_ic_public_sound_off', resourceName: 'sys.media.ohos_ic_public_sound_off' },
{ name: 'ohos_ic_public_sound', resourceName: 'sys.media.ohos_ic_public_sound' },
{ name: 'ohos_ic_public_video_off', resourceName: 'sys.media.ohos_ic_public_video_off' },
{ name: 'ohos_ic_public_video', resourceName: 'sys.media.ohos_ic_public_video' },
{ name: 'ohos_ic_public_voice_off', resourceName: 'sys.media.ohos_ic_public_voice_off' },
{ name: 'ohos_ic_public_voice', resourceName: 'sys.media.ohos_ic_public_voice' },
{ name: 'ohos_ic_public_albums', resourceName: 'sys.media.ohos_ic_public_albums' },
{ name: 'ohos_ic_public_scan', resourceName: 'sys.media.ohos_ic_public_scan' },
{ name: 'ohos_ic_public_add_norm_filled', resourceName: 'sys.media.ohos_ic_public_add_norm_filled' },
{ name: 'ohos_ic_public_remove_filled', resourceName: 'sys.media.ohos_ic_public_remove_filled' },
{ name: 'ohos_ic_public_edit', resourceName: 'sys.media.ohos_ic_public_edit' },
{ name: 'ohos_ic_public_fail', resourceName: 'sys.media.ohos_ic_public_fail' },
{ name: 'ohos_ic_public_close', resourceName: 'sys.media.ohos_ic_public_close' },
{ name: 'ohos_ic_compnent_titlebar_back', resourceName: 'sys.media.ohos_ic_compnent_titlebar_back' },
{ name: 'ohos_ic_compnent_titlebar_back_filled', resourceName: 'sys.media.ohos_ic_compnent_titlebar_back_filled' },
{ name: 'ohos_ic_public_cancel_filled', resourceName: 'sys.media.ohos_ic_public_cancel_filled' },
{ name: 'ohos_ic_public_drawer_close', resourceName: 'sys.media.ohos_ic_public_drawer_close' },
{ name: 'ohos_ic_public_drawer_close_filled', resourceName: 'sys.media.ohos_ic_public_drawer_close_filled' },
{ name: 'ohos_ic_public_drawer_open', resourceName: 'sys.media.ohos_ic_public_drawer_open' },
{ name: 'ohos_ic_public_drawer_open_filled', resourceName: 'sys.media.ohos_ic_public_drawer_open_filled' },
{ name: 'ohos_ic_public_input_cancel', resourceName: 'sys.media.ohos_ic_public_input_cancel' },
{ name: 'ohos_ic_normal_white_grid_zip', resourceName: 'sys.media.ohos_ic_normal_white_grid_zip' },
{ name: 'ohos_ic_normal_white_grid_xml', resourceName: 'sys.media.ohos_ic_normal_white_grid_xml' },
{ name: 'ohos_ic_normal_white_grid_xls', resourceName: 'sys.media.ohos_ic_normal_white_grid_xls' },
{ name: 'ohos_ic_normal_white_grid_wma', resourceName: 'sys.media.ohos_ic_normal_white_grid_wma' },
{ name: 'ohos_ic_normal_white_grid_wav', resourceName: 'sys.media.ohos_ic_normal_white_grid_wav' },
{ name: 'ohos_ic_normal_white_grid_video', resourceName: 'sys.media.ohos_ic_normal_white_grid_video' },
{ name: 'ohos_ic_normal_white_grid_txt', resourceName: 'sys.media.ohos_ic_normal_white_grid_txt' },
{ name: 'ohos_ic_normal_white_grid_pdf', resourceName: 'sys.media.ohos_ic_normal_white_grid_pdf' },
{ name: 'ohos_ic_normal_white_grid_mp3', resourceName: 'sys.media.ohos_ic_normal_white_grid_mp3' },
{ name: 'ohos_ic_normal_white_grid_image', resourceName: 'sys.media.ohos_ic_normal_white_grid_image' },
{ name: 'ohos_ic_normal_white_grid_html', resourceName: 'sys.media.ohos_ic_normal_white_grid_html' },
{ name: 'ohos_ic_normal_white_grid_folder', resourceName: 'sys.media.ohos_ic_normal_white_grid_folder' },
{ name: 'ohos_ic_normal_white_grid_flac', resourceName: 'sys.media.ohos_ic_normal_white_grid_flac' },
{ name: 'ohos_ic_normal_white_grid_doc', resourceName: 'sys.media.ohos_ic_normal_white_grid_doc' },
{ name: 'ohos_ic_normal_white_grid_compress', resourceName: 'sys.media.ohos_ic_normal_white_grid_compress' },
{ name: 'ohos_ic_normal_white_grid_calendar', resourceName: 'sys.media.ohos_ic_normal_white_grid_calendar' },
{ name: 'ohos_ic_normal_white_grid_audio', resourceName: 'sys.media.ohos_ic_normal_white_grid_audio' },
{ name: 'ohos_icon_mask_svg', resourceName: 'sys.media.ohos_icon_mask_svg' },
{ name: 'ohos_ic_public_remove', resourceName: 'sys.media.ohos_ic_public_remove' },
{ name: 'ohos_user_auth_icon_face', resourceName: 'sys.media.ohos_user_auth_icon_face' },
{ name: 'ohos_user_auth_icon_fingerprint', resourceName: 'sys.media.ohos_user_auth_icon_fingerprint' },
{ name: 'ohos_ic_public_device_bluetooth_filled', resourceName: 'sys.media.ohos_ic_public_device_bluetooth_filled' },
{ name: 'ohos_ic_public_device_earphone_filled', resourceName: 'sys.media.ohos_ic_public_device_earphone_filled' },
{ name: 'ohos_ic_public_device_earpiece_filled', resourceName: 'sys.media.ohos_ic_public_device_earpiece_filled' },
{ name: 'ohos_ic_public_device_speaker_filled', resourceName: 'sys.media.ohos_ic_public_device_speaker_filled' },
{ name: 'ohos_ic_public_device_sound_filled', resourceName: 'sys.media.ohos_ic_public_device_sound_filled' },
{ name: 'ohos_ic_public_device_soundx_filled', resourceName: 'sys.media.ohos_ic_public_device_soundx_filled' },
{ name: 'ohos_ic_public_device_smartscreen_filled', resourceName: 'sys.media.ohos_ic_public_device_smartscreen_filled' },
{ name: 'ohos_ic_public_ok_filled', resourceName: 'sys.media.ohos_ic_public_ok_filled' },
{ name: 'save_button_picture', resourceName: 'sys.media.save_button_picture' },
{ name: 'clone_app_badge_1', resourceName: 'sys.media.clone_app_badge_1' },
{ name: 'clone_app_badge_2', resourceName: 'sys.media.clone_app_badge_2' },
{ name: 'clone_app_badge_3', resourceName: 'sys.media.clone_app_badge_3' },
{ name: 'clone_app_badge_4', resourceName: 'sys.media.clone_app_badge_4' },
{ name: 'clone_app_badge_5', resourceName: 'sys.media.clone_app_badge_5' },
{ name: 'ic_public_worldclock_filled', resourceName: 'sys.media.ic_public_worldclock_filled' },
{ name: 'ic_public_ai_write', resourceName: 'sys.media.ic_public_ai_write' },
{ name: 'safe_volume_notification_icon', resourceName: 'sys.media.safe_volume_notification_icon' },
{ name: 'app_lock_picture', resourceName: 'sys.media.app_lock_picture' },
{ name: 'ohos_ic_window_menu_screen_t', resourceName: 'sys.media.ohos_ic_window_menu_screen_t' },
{ name: 'ohos_ic_window_menu_screen_b', resourceName: 'sys.media.ohos_ic_window_menu_screen_b' },
{ name: 'ohos_ic_window_menu_waterfall', resourceName: 'sys.media.ohos_ic_window_menu_waterfall' },
{ name: 'ic_public_camera_beauty', resourceName: 'sys.media.ic_public_camera_beauty' },
{ name: 'ohos_ic_window_menu_moveto_t', resourceName: 'sys.media.ohos_ic_window_menu_moveto_t' },
{ name: 'ohos_ic_window_menu_moveto_b', resourceName: 'sys.media.ohos_ic_window_menu_moveto_b' },
{ name: 'ohos_ic_window_menu_back', resourceName: 'sys.media.ohos_ic_window_menu_back' },
{ name: 'ic_time_limit_picture', resourceName: 'sys.media.ic_time_limit_picture' },
{ name: 'loud_volume_notification_icon', resourceName: 'sys.media.loud_volume_notification_icon' },
{ name: 'ic_due_control_picture', resourceName: 'sys.media.ic_due_control_picture' },
{ name: 'compatible_mode_18_9_landscape', resourceName: 'sys.media.compatible_mode_18_9_landscape' },
{ name: 'compatible_mode_2_3_landscape', resourceName: 'sys.media.compatible_mode_2_3_landscape' },
{ name: 'compatible_mode_1_1_landscape', resourceName: 'sys.media.compatible_mode_1_1_landscape' },
{ name: 'compatible_mode_default_landscape', resourceName: 'sys.media.compatible_mode_default_landscape' },
{ name: 'chevron_right_titlebar', resourceName: 'sys.media.chevron_right_titlebar' },
{ name: 'checkmark_titlebar', resourceName: 'sys.media.checkmark_titlebar' },
{ name: 'compatible_mode_split_landscape', resourceName: 'sys.media.compatible_mode_split_landscape' },
{ name: 'ic_ballpointpen_tip_crop_circle', resourceName: 'sys.media.ic_ballpointpen_tip_crop_circle' },
{ name: 'ic_regional_generation', resourceName: 'sys.media.ic_regional_generation' },
{ name: 'ic_eraser_grid', resourceName: 'sys.media.ic_eraser_grid' },
{ name: 'ic_stroke_heavy', resourceName: 'sys.media.ic_stroke_heavy' },
{ name: 'ic_stroke_medium', resourceName: 'sys.media.ic_stroke_medium' },
{ name: 'ic_stroke_thin', resourceName: 'sys.media.ic_stroke_thin' },
{ name: 'blank_illustrate', resourceName: 'sys.media.blank_illustrate' },
{ name: 'image_generation_create', resourceName: 'sys.media.image_generation_create' },
{ name: 'maintain_layout', resourceName: 'sys.media.maintain_layout' },
{ name: 'pin_dot', resourceName: 'sys.media.pin_dot' },
{ name: 'rotate', resourceName: 'sys.media.rotate' },
{ name: 'image_generation_style', resourceName: 'sys.media.image_generation_style' },
{ name: 'clarity_1k', resourceName: 'sys.media.clarity_1k' },
{ name: 'clarity_2k', resourceName: 'sys.media.clarity_2k' },
{ name: 'clarity_4k', resourceName: 'sys.media.clarity_4k' },
{ name: 'proportion_1_1', resourceName: 'sys.media.proportion_1_1' },
{ name: 'proportion_1_1_fill', resourceName: 'sys.media.proportion_1_1_fill' },
{ name: 'proportion_2_3', resourceName: 'sys.media.proportion_2_3' },
{ name: 'proportion_2_3_fill', resourceName: 'sys.media.proportion_2_3_fill' },
{ name: 'proportion_3_2', resourceName: 'sys.media.proportion_3_2' },
{ name: 'proportion_3_2_fill', resourceName: 'sys.media.proportion_3_2_fill' },
{ name: 'proportion_3_4', resourceName: 'sys.media.proportion_3_4' },
{ name: 'proportion_3_4_fill', resourceName: 'sys.media.proportion_3_4_fill' },
{ name: 'proportion_4_3', resourceName: 'sys.media.proportion_4_3' },
{ name: 'proportion_4_3_fill', resourceName: 'sys.media.proportion_4_3_fill' },
{ name: 'proportion_9_16', resourceName: 'sys.media.proportion_9_16' },
{ name: 'proportion_9_16_fill', resourceName: 'sys.media.proportion_9_16_fill' },
{ name: 'proportion_16_9', resourceName: 'sys.media.proportion_16_9' },
{ name: 'proportion_16_9_fill', resourceName: 'sys.media.proportion_16_9_fill' },
{ name: 'ballpointpen_result', resourceName: 'sys.media.ballpointpen_result' },
{ name: 'eraser_big', resourceName: 'sys.media.eraser_big' },
{ name: 'eraser_medium', resourceName: 'sys.media.eraser_medium' },
{ name: 'eraser_small', resourceName: 'sys.media.eraser_small' },
{ name: 'more_agent', resourceName: 'sys.media.more_agent' },
{ name: 'ic_eraser_big', resourceName: 'sys.media.ic_eraser_big' },
{ name: 'ic_eraser_medium', resourceName: 'sys.media.ic_eraser_medium' },
{ name: 'ic_eraser_small', resourceName: 'sys.media.ic_eraser_small' },
{ name: 'generate_landscape_white_border', resourceName: 'sys.media.generate_landscape_white_border' },
{ name: 'generate_portrait_white_border', resourceName: 'sys.media.generate_portrait_white_border' },
{ name: 'node_graph', resourceName: 'sys.media.node_graph' },
{ name: 'proportion_original_fill', resourceName: 'sys.media.proportion_original_fill' },
{ name: 'proportion_9_21', resourceName: 'sys.media.proportion_9_21' },
{ name: 'proportion_9_21_fill', resourceName: 'sys.media.proportion_9_21_fill' },
{ name: 'proportion_21_9', resourceName: 'sys.media.proportion_21_9' },
{ name: 'proportion_21_9_fill', resourceName: 'sys.media.proportion_21_9_fill' },
];
build() {
Column() {
Text('系统图标预览')
.fontSize(20)
.fontWeight(FontWeight.Bold)
.padding({ top: 16, bottom: 8, left: 16, right: 16 })
.width('100%')
Text(`共 ${this.iconList.length} 个图标`)
.fontSize(13)
.fontColor('#999')
.padding({ left: 16, bottom: 12 })
.width('100%')
Scroll() {
Grid() {
ForEach(this.iconList, (item: IconItem) => {
GridItem() {
Column() {
Image($r(item.resourceName))
.width(40)
.height(40)
.objectFit(ImageFit.Contain)
.fillColor('#333')
Text(item.name)
.fontSize(10)
.fontColor('#666')
.maxLines(2)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.textAlign(TextAlign.Center)
.margin({ top: 6 })
.width('100%')
}
.width('100%')
.justifyContent(FlexAlign.Center)
.alignItems(HorizontalAlign.Center)
.padding(10)
}
.height(85)
.borderRadius(8)
.backgroundColor('#FAFAFA')
})
}
.columnsTemplate('1fr 1fr 1fr 1fr')
.columnsGap(8)
.rowsGap(8)
.width('100%')
.padding({ left: 12, right: 12, bottom: 16 })
}
.scrollable(ScrollDirection.Vertical)
.scrollBar(BarState.Auto)
.edgeEffect(EdgeEffect.Spring)
.layoutWeight(1)
}
.width('100%')
.height('100%')
.backgroundColor('#F5F5F5')
}
}

已经有一个采纳了。 没有办法点了。 不过你的确实好看许多。 也比较直接。
这个我看到的, 我说的是 sys.media 里面的, 不是 sys.symbol 里面的。
分享下文章《系统资源有哪些》。更新了,重新来下。
好的,好的。
sys.media框架内置图标库包含多种系统媒体控制图标,如:播放(play)、暂停(pause)、停止(stop)、上一首(previous)、下一首(next)、音量加(volume+)、音量减(volume-)、静音(mute)、麦克风(mic)、扬声器(speaker)、蓝牙(bluetooth)、投屏(cast)等。具体图标名称及资源ID参见官方API文档中MediaControlPanel组件的系统图标枚举。
HarmonyOS Next 中 sys.media 是系统提供的媒体资源集合,你看到的数字是图标对应的资源 ID。内置图标包括 ohos_app_icon(默认华为应用图标)、ai_recognize、AI_circle_viewfinder、AI_keyboard、AI_lightbulb_max 及多种华为 ID 相关 Logo(如 huawei_id_logo_red、huawei_id_logo_white 等)。使用时可写成 $r('sys.media.图标名'),在 DevEco Studio 中输入 $r('sys.media. 会自动提示全部可用图标名称并展示预览,无需关心数字 ID。

