马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？立即注册
×
【开辟环境】
开辟工具：DevEco Studio NEXT Beta1 Build Version: 5.0.3.814
工程API版本：12
【组件初始化】
Page02布局体界说了几个状态变量：offsetX, offsetY, positionX, positionY，这些变量用于跟踪用户利用引起的UI位置变革。containerHeight和originalHeight则用来控制UI容器的高度，同时containerHeightChanged方法确保容器的高度不会低于设定的最小值。
【用户界面构建】
build()方法是创建UI的焦点逻辑。它起首创建了一个Column布局，用于垂直分列子元素。内部的RelativeContainer则允许更风雅的位置控制，通过绝对或相对位置来放置子元素。
【动态UI元素】
在RelativeContainer中，我们添加了一个带有笔墨的矩形和两个圆点。这两个圆点不但作为视觉元素，还绑定了拖动手势（PanGesture），这使得用户可以通过拖动利用改变容器的高度，从而模拟日程项的增长或淘汰过程。
【手势处理惩罚】
我们使用了两种差别的拖动手势：一种用于调解容器的高度，另一种则用于团体移动容器的位置。这些手势利用更新了相应的状态变量，并终极反映在UI布局上。
【完备代码】
- @Entry
- @Component
- struct Page02 {
- @State offsetX: number = 0;
- @State offsetY: number = 0;
- @State positionX: number = 0;
- @State positionY: number = 0;
- @State @Watch('con
|
发表于 2026-1-5 16:09:44