From 0a4eee815ae42d1abdafdeb2f3cc354d9ca2cb34 Mon Sep 17 00:00:00 2001 From: liugang9704 <2745340733@qq.com> Date: Wed, 2 Jul 2025 16:38:53 +0800 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9EFAQ=20Swiper?= =?UTF-8?q?=E5=A6=82=E4=BD=95=E8=87=AA=E5=AE=9A=E4=B9=89=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E7=82=B9=E9=AB=98=E5=BA=A6=E4=BD=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../main/ets/pages/CustomNavigationPoints.ets | 66 +++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets diff --git a/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets b/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets new file mode 100644 index 00000000..edc4734b --- /dev/null +++ b/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets @@ -0,0 +1,66 @@ +/* +* Copyright (c) 2025 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. +*/ + +/* +* FAQ:Swiper如何自定义导航点高度位置 +*/ + +// [Start custom_navigation_points] +@Entry +@Component +struct SwiperExample { + private swiperController: SwiperController = new SwiperController(); + @State arr: string[] = ['1', '2', '3', '4', '5', '6']; + @State widthLength: number = 0; + @State heightLength: number = 0; + @State currentIndex: number = 0; + + build() { + Column({ space: 5 }) { + Stack({ alignContent: Alignment.Bottom }) { + Swiper(this.swiperController) { + ForEach(this.arr, (item: string) => { + Text(item) + .width('90%') + .height(200) + .backgroundColor(0xAFEEEE) + .textAlign(TextAlign.Center) + .fontSize(30) + }, (item: string) => item) + } + .cachedCount(2) + .index(0) + .indicator(false) + .onChange((index: number) => { + this.currentIndex = index; + }) + + Row() { + ForEach(this.arr, (item: string, index: number) => { + Column() + .width(this.currentIndex == index ? 15 : 5) + .height(5) + .margin(5) + .backgroundColor(this.currentIndex == index ? Color.Gray : Color.White) + }, (item: string) => item) + } + } + } + .width('100%') + .height('100%') + } +} + +// [End custom_navigation_points] \ No newline at end of file -- Gitee From d2f3efa6b684992a5e1187205a6c6457009d6d09 Mon Sep 17 00:00:00 2001 From: liugang9704 <2745340733@qq.com> Date: Wed, 2 Jul 2025 16:52:26 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E9=97=AE=E9=A2=98=E6=B8=85=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets b/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets index edc4734b..43cfc32b 100644 --- a/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets +++ b/ArkUI/entry/src/main/ets/pages/CustomNavigationPoints.ets @@ -48,7 +48,7 @@ struct SwiperExample { }) Row() { - ForEach(this.arr, (item: string, index: number) => { + ForEach(this.arr, (_: string, index: number) => { Column() .width(this.currentIndex == index ? 15 : 5) .height(5) -- Gitee