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

12 回复

这是 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')
  }
}

cke_732.png

已经有一个采纳了。 没有办法点了。 不过你的确实好看许多。 也比较直接。

这个我看到的, 我说的是 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_recognizeAI_circle_viewfinderAI_keyboardAI_lightbulb_max 及多种华为 ID 相关 Logo(如 huawei_id_logo_redhuawei_id_logo_white 等)。使用时可写成 $r('sys.media.图标名'),在 DevEco Studio 中输入 $r('sys.media. 会自动提示全部可用图标名称并展示预览,无需关心数字 ID。

回到顶部