Navigation的toolbar中设置大图标时被切断

Navigation的toolbar中设置大图标时被切断

HarmonyOS
2024-03-17 15:19:19
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
油炸帕尼尼

尺寸大于toolbar底部高度的图片,可以使用scale属性进行设置。参考代码如下:

@Entry 
@Component 
struct NavigationExample { 
  build() { 
    Column() { 
      Navigation() { 
      }.toolbarConfiguration(this.NavigationToolbar) 
    } 
    .height('100%') 
    .width('100%') 
    .backgroundColor(Color.Gray) 
  } 
 
  @Builder 
  NavigationToolbar() { 
    Row() { 
      Column() { 
        Image($r('app.media.icon')).width(24) 
      }.layoutWeight(1) 
 
      Column() { 
        Image($r('app.media.icon')).width(24).scale({ x: 2, y: 2 }) 
      }.layoutWeight(1) 
 
      Column() { 
        Image($r('app.media.icon')).width(24) 
      }.layoutWeight(1) 
    } 
    .height(34) 
    .width('100%').backgroundColor(Color.White) 
  } 
}

参考链接

图形变换

分享
微博
QQ
微信
回复
2024-03-18 20:56:17
相关问题
toolbar图片超出问题
1210浏览 • 1回复 待解决
HarmonyOS navigation title 键盘顶起
792浏览 • 1回复 待解决
HarmonyOS Toolbar组件示例
1009浏览 • 1回复 待解决
HarmonyOS Toolbar如何增加底部阴影
748浏览 • 1回复 待解决
HarmonyOS APP在设置图标如何设置
944浏览 • 1回复 待解决
元服务上架启动图标和应用图标
612浏览 • 1回复 待解决
HarmonyOS 设置应用图标和名称无效
1029浏览 • 1回复 待解决
JSUI按钮 toolbar按下背景色怎么去掉
6090浏览 • 1回复 待解决
HarmonyOS 状态栏图标颜色设置
1263浏览 • 1回复 待解决