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图片超出问题
234浏览 • 1回复 待解决
HarmonyOS Toolbar组件示例
267浏览 • 1回复 待解决
HarmonyOS Navigation标题居中,背景设置
610浏览 • 1回复 待解决
radioButton可以单独设置图标大小吗
7927浏览 • 1回复 待解决
XML CheckBox 图标间隔能设置吗?
4309浏览 • 1回复 待解决
JSUI按钮 toolbar按下背景色怎么去掉
5259浏览 • 1回复 待解决
HarmonyOS 数据类方法无法调用
155浏览 • 1回复 待解决
Navigation设置隐藏依然出现空白导航栏
1031浏览 • 1回复 待解决
如何在navigation跳转页面返回传参
1513浏览 • 1回复 待解决
应用请求如何防止中间者拦截
285浏览 • 1回复 待解决