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

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

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

尺寸大于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
相关问题
radioButton可以单独设置图标大小吗
6916浏览 • 1回复 待解决
XML CheckBox 图标间隔能设置吗?
3380浏览 • 1回复 待解决
如何在navigation跳转页面返回传参
564浏览 • 1回复 待解决
JSUI按钮 toolbar按下背景色怎么去掉
4221浏览 • 1回复 待解决
如何配置桌面图标的快速启动图标
649浏览 • 1回复 待解决
通知图标支持格式
841浏览 • 1回复 待解决
如何使用NavigationnavPathStack参数
298浏览 • 1回复 待解决