modify .Signed-off-by: <zhouke35@huawei.com>.

Signed-off-by: Nzhouke <zhouke35@huawei.com>

arkXtest/uitestScene/src/main/config.json

@@ -63,7 +63,8 @@
           "pages/second",
           "pages/third",
           "pages/fourth",
-          "pages/screen"
+          "pages/screen",
+          "pages/drag"
         ],
         "name": ".MainAbility",
         "window": {

arkXtest/uitestScene/src/main/ets/MainAbility/pages/drag.ets

+/**
+ * Copyright (c) 2022 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+@Entry
+@Component
+struct DragExample {
+  @State numbers: string[] = ['one', 'two', 'three', 'four', 'five', 'six']
+  @State text: string = ''
+  @State bool: boolean = false
+  @State bool1: boolean = false
+  @State appleVisible: Visibility = Visibility.Visible
+  @State orangeVisible: Visibility = Visibility.Visible
+  @State bananaVisible: Visibility = Visibility.Visible
+  @State select: number = 0
+
+  @Builder pixelMapBuilder() {
+    Column() {
+      Text(this.text)
+        .width('50%').height(60).fontSize(16).borderRadius(10)
+        .textAlign(TextAlign.Center).backgroundColor(Color.Yellow)
+    }
+  }
+
+  build() {
+    Column() {
+      Text('There are three Text elements here')
+        .fontSize(12).fontColor(0xCCCCCC).width('90%')
+        .textAlign(TextAlign.Start).margin(5)
+      Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceAround }) {
+        Text('apple').width('25%').height(35).fontSize(16)
+          .textAlign(TextAlign.Center).backgroundColor(0xAFEEEE)
+          .visibility(this.appleVisible)
+          .onDragStart(() => {
+            this.bool = true
+            this.text = 'apple'
+            this.appleVisible = Visibility.Hidden
+            return this.pixelMapBuilder
+          })
+        Text('orange').width('25%').height(35).fontSize(16)
+          .textAlign(TextAlign.Center).backgroundColor(0xAFEEEE)
+          .visibility(this.orangeVisible)
+          .onDragStart(() => {
+            this.bool = true
+            this.text = 'orange'
+            this.orangeVisible = Visibility.Hidden
+            return this.pixelMapBuilder
+          })
+        Text('banana').width('25%').height(35).fontSize(16)
+          .textAlign(TextAlign.Center).backgroundColor(0xAFEEEE)
+          .visibility(this.bananaVisible)
+          .onDragStart((event: DragEvent, extraParams: string) => {
+            console.log('Text onDragStarts, ' + extraParams)
+            this.bool = true
+            this.text = 'banana'
+            this.bananaVisible = Visibility.Hidden
+            return this.pixelMapBuilder
+          })
+      }.border({ width: 1 }).width('90%').padding({ top: 10, bottom: 10 }).margin(10)
+
+      Text('This is a List element').fontSize(12)
+        .fontColor(0xCCCCCC).width('90%')
+        .textAlign(TextAlign.Start).margin(15)
+      List({ space: 20, initialIndex: 0 }) {
+        ForEach(this.numbers, (item) => {
+          ListItem() {
+            Text('' + item)
+              .width('100%').height(80).fontSize(16).borderRadius(10)
+              .textAlign(TextAlign.Center).backgroundColor(0xAFEEEE)
+          }
+          .onDragStart((event: DragEvent, extraParams: string) => {
+            console.log('ListItem onDragStarts, ' + extraParams)
+            var jsonString = JSON.parse(extraParams)
+            this.bool1 = true
+            this.text = this.numbers[jsonString.selectedIndex]
+            this.select = jsonString.selectedIndex
+            return this.pixelMapBuilder
+          })
+        }, item => item)
+      }
+      .editMode(true)
+      .height('50%').width('90%').border({ width: 1 })
+      .divider({ strokeWidth: 2, color: 0xFFFFFF, startMargin: 20, endMargin: 20 })
+      .onDragEnter((event: DragEvent, extraParams: string) => {
+        console.log('List onDragEnter, ' + extraParams)
+      })
+      .onDragMove((event: DragEvent, extraParams: string) => {
+        console.log('List onDragMove, ' + extraParams)
+      })
+      .onDragLeave((event: DragEvent, extraParams: string) => {
+        console.log('List onDragLeave, ' + extraParams)
+      })
+      .onDrop((event: DragEvent, extraParams: string) => {
+        var jsonString = JSON.parse(extraParams)
+        if (this.bool) {
+          this.numbers.splice(jsonString.insertIndex, 0, this.text)
+          this.bool = false
+        } else if (this.bool1) {
+          this.numbers.splice(jsonString.selectedIndex, 1)
+          this.numbers.splice(jsonString.insertIndex, 0, this.text)
+          this.bool = false
+          this.bool1 = false
+        }
+      })
+    }.width('100%').height('100%').padding({ top: 20 }).margin({ top: 20 })
+  }
+}
\ No newline at end of file

arkXtest/uitestScene/src/main/ets/MainAbility/pages/index.ets

@@ -69,6 +69,12 @@ struct ScrollExample {
             .onClick(() => {
               router.push({ uri: 'pages/screen' })
             })
+            .gesture(
+            LongPressGesture({ repeat: false })
+              .onAction((event: GestureEvent) => {
+                router.push({ uri: 'pages/drag' })
+              })
+            )
             Checkbox({ name: 'hi' })
               .size({ width: 30, height: 30 })
             TextInput({ placeholder: 'welcome', text: 'Hello World' })