
温馨提示:本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦!


本案例中定义了三个主要的接口/类型:
export interface MyGridItem {
icon: Resource
title: string
}const gridItem: MyGridItem = {
icon: $r('app.media.grid_icon'),
title: "功能项"
};export interface MyTabItem {
icon: Resource
selectedIcon: Resource
title: ResourceStr
}const tabItem: MyTabItem = {
icon: $r('app.media.tab_normal'),
selectedIcon: $r('app.media.tab_selected'),
title: $r('app.string.tab_title')
};icon: ResourceResource类型的特点:
// 图片资源
$r('app.media.icon_name')
// 字符串资源
$r('app.string.text_key')
// 颜色资源
$r('app.color.color_key')// 正确的类型使用
const validItem: MyGridItem = {
icon: $r('app.media.icon'),
title: "标题"
};
// 错误的类型使用(编译器会报错)
const invalidItem: MyGridItem = {
icon: "invalid_icon", // 错误:应该是Resource类型
title: 123 // 错误:应该是string类型
};本篇教程详细介绍了:
下一篇将介绍MySwiperItem类的具体实现。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。