HarmonyOS Progress竖直情况进度怎么从下往上增长

从API version9开始,组件高度大于宽度时,自适应垂直显示;但是进度是从上往下增长的,怎么设置从下往上增长呢? 用rotate的话,和下面的兄弟元素位置不好控制了

HarmonyOS
2024-09-02 09:45:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

看一下下面的demo是否可以满足您的业务场景。

// 参考demo 
@Entry 
@Component 
struct ProgressExample { 
 @State text: number = 0 
 aboutToAppear(): void { 
  setInterval(()=>{ 
   if(this.text >= 100){ 
    this.text = 0 
   }else{ 
    this.text++ 
   } 
  }, 1000) 
 } 
 build() { 
  Column() { 
   Text('温度计温度计温度计温度计温度计温度计温度计') 
    .margin({ 
     top: 40 
    }) 
   Row(){ 
    Text('温度计') 
    Column(){ 
     Progress({ value: this.text, type: ProgressType.Linear, total: 100 }) 
      .width(50) 
      .margin({left: -50}) 
      .rotate({ x: 0, y: 0, z: 1,centerX: '100%',centerY: '0%', angle: 270 }) 
    } 
    .width(20) 
    .height(50) 
    .border({width: 1}) 
    Text('温度计') 
   } 
   .width('100%') 
   .border({width: 1,color:'#f00'}) 
   Text('温度计温度计温度计温度计温度计温度计温度计') 
 
  }.width('100%').height('100%').backgroundColor('#F1F3F5') 
 } 
}
分享
微博
QQ
微信
回复
2024-09-02 16:51:58
相关问题
基于Progress组件的进度
238浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
255浏览 • 1回复 待解决
mysql的自动增长怎么没用??
1612浏览 • 1回复 待解决
Progress触摸热区增大demo
632浏览 • 1回复 待解决
如何通过Progress实现loading效果?
173浏览 • 1回复 待解决
怎么进度条更新的时候刷新页面?
4424浏览 • 1回复 待解决
linux 怎么查看cpu历史使用情况
2523浏览 • 1回复 待解决
如何实现带刻度的进度条?
240浏览 • 1回复 待解决
弧形进度条实现,有人知道方法吗?
483浏览 • 1回复 待解决
HarmonyOS RN三方库的适配情况
136浏览 • 1回复 待解决