仿射变换后列表滑动问题

通过

transform(matrix4.identity().scale({x:-1,y:1}))、transform(matrix4.identity().rotate({ y: 1, angle: 180 })) 

等方式将容器沿着x或y轴反转后,滑动列表时,垂直和水平滑动方向总有一个和手势方向相反。

HarmonyOS
2024-09-23 14:07:46
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

参考Demo:

Column() {  
  Scroll(this.scrollScroller) {  
    List({ scroller: this.rightScroller }) {  
      ForEach(this.dataList, (item: number, index) => {  
        ListItem() {  
          Row() {  
            Text(`第一列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
            Text(`第二列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
            Text(`第三列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
            Text(`第四列${item}`).width(100).textAlign(TextAlign.Center)  
              .scale({x:-1,y:1})  
          }.height(this.itemHeight)  
        }  
      })  
    }  
    .width(700)  
    .height(this.listViewHeight)  
    .cachedCount(5)  
    .edgeEffect(EdgeEffect.None)  
    .backgroundColor(Color.Orange)  
  }  
  .scrollBar(BarState.Off)  
  .scale({x:-1,y:1})  
  .height("100%")  
  .flexShrink(1)  
  .onScroll((xOffset: number, yOffset: number) => {  
    let offsetX = this.scrollScroller.currentOffset().xOffset;  
    this.xScroll = offsetX  
  })  
}  
.height("100%")  
.width("100%")
分享
微博
QQ
微信
回复
2024-09-23 18:19:46
相关问题
HarmonyOS 嵌套滑动问题
242浏览 • 1回复 待解决
HarmonyOS scroll滑动问题
382浏览 • 1回复 待解决
HarmonyOS list滑动问题
727浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
280浏览 • 1回复 待解决
TabContent内web组件滑动问题
186浏览 • 2回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
261浏览 • 1回复 待解决
列表滑动惯性处理问题
221浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
274浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
384浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
461浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
92浏览 • 1回复 待解决
列表滑动鸿蒙推荐ux设计
1675浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
443浏览 • 1回复 待解决
Grid嵌套滚动问题有知道的吗?
2609浏览 • 1回复 待解决
键盘拉起时列表无法上下滑动
2114浏览 • 1回复 待解决
es6启动问题有了解的吗?
2372浏览 • 1回复 待解决
win10下MySQL的后台启动问题
2881浏览 • 1回复 待解决
HarmonyOS 滚动列表问题
80浏览 • 0回复 待解决