51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS 组件旋转

为了实现屏幕横过来时，Text组件文字延这屏幕y轴显示。使用rotate将Text翻转90度，实现了文字延y轴显示，但是Text组件的宽和高没有随着组件旋转。旋转后组件的宽度等于旋转前的高度。如设置Text宽度100%高度60，旋转后文字显示到60后就会换行。

HarmonyOS
fox280
2024-12-25 12:45:02
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get
put_get

使用rotate方法旋转Text文字组件，宽高也同时旋转了，可以参考以下代码：

Text('rotate test')
  .width('90%')
  .height(60)
  .fontColor(0xCCCCCC)
  .padding(15)
  .fontSize(14)
  .rotate({
    x: 0,
    y: 0,
    z: 1,
    centerX: '50%',
    centerY: '50%',
    angle: 90
  })
分享
微博
QQ
微信
回复
2024-12-25 15:33:52
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 组件旋转后，平移方向出错
754浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Text组件上实现旋转手势控制旋转动作？
744浏览 • 1回复 待解决
HarmonyOS pixelMap旋转
802浏览 • 1回复 待解决
HarmonyOS web容器video视频播放组件 无法强制旋转横屏
1164浏览 • 1回复 待解决
HarmonyOS PixelMap在操作图片旋转移动后组件不刷新
653浏览 • 1回复 待解决
HarmonyOS 设备自动旋转
1072浏览 • 1回复 待解决
HarmonyOS 组件旋转后，平移的x y轴也跟着变了
779浏览 • 1回复 待解决
如何实现一个组件不停地旋转
3933浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过滑动手势实现组件的旋转？
974浏览 • 1回复 待解决
HarmonyOS 图片旋转角度问题
786浏览 • 1回复 待解决
HarmonyOS 如何实现旋转动画
1431浏览 • 1回复 待解决
HarmonyOS 旋转动画效果
1048浏览 • 1回复 待解决
HarmonyOS 拍摄视频旋转问题
625浏览 • 1回复 待解决
HarmonyOS 怎么监听屏幕横竖屏旋转？
1940浏览 • 1回复 待解决
HarmonyOS 有没有单指旋转的api？
1280浏览 • 0回复 待解决
HarmonyOS 相机旋转横屏拍照问题
1343浏览 • 1回复 待解决
HarmonyOS 有没有单指旋转的api
1112浏览 • 1回复 待解决
HarmonyOS promptAction.showToast支持旋转吗？
618浏览 • 1回复 待解决
HarmonyOS Image配置的图片如何旋转
919浏览 • 1回复 待解决
#鸿蒙通关秘籍#组件旋转90度这个有没有具体实现过的？不旋转回来也行我先看看效果
893浏览 • 1回复 待解决
HarmonyOS 如何监听屏幕旋转事件？
881浏览 • 1回复 待解决
HarmonyOS 如何实现Y轴旋转？
848浏览 • 1回复 待解决
HarmonyOS 如何让设备，小屏幕不支持设备旋转，中大屏幕支持设备旋转
1087浏览 • 1回复 待解决
如何实现图片裁剪、旋转
1817浏览 • 1回复 待解决
HarmonyOS app跟随手机旋转怎么禁止
883浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
【HarmonyOS学习笔记】Slider组件实现图形可调旋转 0回复
鸿蒙开源组件——滑动旋转验证码 1回复
#星计划# 鸿蒙 HarmonyOS ArkTS ArkUI 动画 中心旋转、空翻、旋转缩放 0回复
HarmonyOS - 基于ArkUI (JS) 实现图片旋转验证 3回复
HarmonyOS 鸿蒙 ArkTS 双色旋转动画效果 0回复