如何给按钮添加图片?

如果使用Image语句,应该添什么

如何给按钮添加图片?-鸿蒙开发者社区

图形图像
3天前
浏览
收藏 0
回答 3
待解决
回答 3
按赞同
/
按时间
Franced

你要按钮是要用来点击吗 我觉得可以搞一个row或text然后设置背景图片和点击事件 或者弄一个row 然后里面放图片和按钮 把按钮的绝对位置放在图片中央 把按钮的背景颜色设置透明


分享
微博
QQ
微信
回复
3天前
dstt_l3
@Entry
@Component
struct Page {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Button(this.message)
        .id('PageHelloWorld')
        .fontSize(50)
        .width('100%')
        .backgroundImage('https://img.alicdn.com/tfs/TB1rA_Tek9l0K4jSZFKXXXFjpXa-512-272.png') //设置背景图片
        .backgroundImageSize({width:'100%'})// 设置背景图片大小
        .backgroundColor('#00FFFF') // 设置背景色
    }
    .height('100%')
    .width('100%')
  }
}
分享
微博
QQ
微信
回复
2天前
droidzxy
  1. // 加载png格式图片
  2. Image($r('app.media.ic_camera_master_ai_leaf'))
  3. .width(110).height(110).margin(15)
  4. .overlay('png', {align:Alignment.Bottom,offset: {x:0,y:20} })
  5. // 加载gif格式图片
  6. Image($r('app.media.loading'))
  7. .width(110).height(110).margin(15)
  8. .overlay('gif', {align:Alignment.Bottom,offset: {x:0,y:20} })


详细请参考,​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image-V5​

分享
微博
QQ
微信
回复
1天前
相关问题
图片如何添加渐变模糊
562浏览 • 1回复 待解决
鸿蒙-富文本如何添加图片
5301浏览 • 1回复 待解决
TabList可以添加图片么?
6525浏览 • 3回复 待解决
自定义组件中如何添加图片
1101浏览 • 1回复 待解决
如何图片文本视频分享其他应用
352浏览 • 1回复 待解决
RichEditor添加、删除、重载图片
338浏览 • 1回复 待解决
Text换行后无法在后面添加图片
299浏览 • 1回复 待解决
按钮内子控件如何动态更新
365浏览 • 1回复 待解决
PDF预览如何隐藏PDF操作按钮
469浏览 • 1回复 待解决
如何设置消息通知设置提醒方式
426浏览 • 1回复 待解决
音乐播放悬浮按钮如何布局?
330浏览 • 1回复 待解决
PA开发,如何添加日历提醒?
2450浏览 • 1回复 待解决
如何使用canvas添加水印
397浏览 • 1回复 待解决
LazyForEach如何添加数据?
631浏览 • 1回复 待解决