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
相关问题
XML CheckBox 图标间隔能设置吗?
2803浏览 • 1回复 待解决
radioButton可以单独设置图标大小吗
6208浏览 • 1回复 待解决
JSUI按钮 toolbar按下背景色怎么去掉
3416浏览 • 1回复 待解决
Navigation如何隐藏导航栏
278浏览 • 1回复 待解决
java如何设置CommonDialog位置?
3546浏览 • 1回复 待解决
Text设置maxLines使用Infinity报错
183浏览 • 1回复 待解决
通知图标支持格式
223浏览 • 1回复 待解决
ArkTS声明变量public作用
317浏览 • 1回复 待解决
如何选择Navigation 组件与 Tabs 组件
218浏览 • 1回复 待解决
如何修改应用icon图标
165浏览 • 1回复 待解决
控件enabled设置为false,hover失效
255浏览 • 1回复 待解决
怎么改通知上图标有知道吗?
2223浏览 • 1回复 待解决