鸿蒙开发选择表情
动态评论和聊天信息都需要用到表情,鸿蒙是没有提供的,得自己做
一、思路:
用表情字符显示表情,类似0x1F600代表笑脸
二、效果图:
三、关键代码:
// 联系:893151960
Column() {Swiper() {ForEach(CommonConstants.EMOJI_DATA, (emojiData: number[], index1: number) => {Column() {Grid() {ForEach(emojiData, (item: number, index2: number) => {GridItem() {Stack() {Text(String.fromCodePoint(item)).fontColor($r('app.color.color_black')).fontSize(24)}.width('100%').height('100%').onClick(() => {let offsetIndex: number = this.textController.getCaretOffset().index // 光标位置this.commentText = `${this.commentText.slice(0,offsetIndex)}${String.fromCodePoint(item)}${this.commentText.slice(offsetIndex,this.commentText.length)}`})}})}.columnsTemplate('1fr 1fr 1fr 1fr 1fr 1fr 1fr').rowsTemplate('1fr 1fr 1fr 1fr').width('100%').aspectRatio(7 / 4)}.width('100%').padding({ bottom: 8 })})}.width('100%').loop(false).backgroundColor($r('app.color.color_ed')).padding(8)}.padding(12)
四、项目demo源码结构图:
有问题或者需要完整源码demo的私信我