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

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

HarmonyOS
2024-09-02 09:45:00
733浏览
收藏 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') 
 } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
分享
微博
QQ
微信
回复
2024-09-02 16:51:58


相关问题
HarmonyOS Progress UI控件的进度控制
1088浏览 • 2回复 待解决
基于Progress组件的进度
1512浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
1866浏览 • 1回复 待解决
mysql的自动增长怎么没用??
2405浏览 • 1回复 待解决
HarmonyOS Progress设置渐变无效
510浏览 • 1回复 待解决
Progress触摸热区增大demo
1527浏览 • 1回复 待解决
HarmonyOS Progress 怎样自定义圆角大小
794浏览 • 1回复 待解决
如何通过Progress实现loading效果?
881浏览 • 1回复 待解决
怎么进度条更新的时候刷新页面?
5580浏览 • 1回复 待解决
HarmonyOS 进度条样式
873浏览 • 1回复 待解决