Skip to content

X
Xts Acts

OpenHarmony / Xts Acts
1 年多 前同步成功

通知 9
Star 22
Fork 0
X
Xts Acts
未验证 提交 b87b4d02 编写于 作者: O openharmony_ci 提交者： Gitee
浏览文件
操作

!7967 Swiper 组件UX规格与特征动效整改(第二批) 

Merge pull request !7967 from chensi10/master
上级 0a881519 200aff23
展开全部 隐藏空白更改
内联 并排
Showing with 1035 addition and 0 deletion
arkui/ace_ets_components_ux/ace_ets_component_swiper/src/main/ets/TestAbility/pages/Index.ets
浏览文件 @ b87b4d02
......@@ -628,6 +628,467 @@ struct SwiperTest {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0100")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight(3))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0200")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight(""))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0300")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight("9999vp"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0400")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight(-1))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0500")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight("abc"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0600")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight("8fp"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_ItemHeight_0700")
.curve(Curve.Linear)
.indicator(Indicator.dot()
.itemHeight("8lpx"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0100")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor(0x00ff00))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0200")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor("#FFFF0000"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0300")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor("rgb(138,43,226)"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0400")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor(Color.Pink))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0500")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor(""))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0600")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor(null))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0700")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor($r("app.color.selected_font_color_test")))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0800")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor("bgr(138,43,226)"))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_0900")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor(undefined))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_1000")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor("rgb(138,43,226)"))
.indicator(Indicator.digit()
.selectedFontColor(Color.Gray))
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_1100")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor(0x00ff00))
.backgroundColor(Color.Pink)
.onChange((index: number) => {
console.info(index.toString())
})
}
ListItem() {
Swiper(this.swiperController) {
LazyForEach(this.data, (item: string) => {
Text(item)
.width('90%')
.height(160)
.backgroundColor(0xAFEEEE)
.textAlign(TextAlign.Center)
.fontSize(30)
}, item => item)
}
.autoPlay(true)
.interval(4000)
.loop(true)
.duration(1000)
.itemSpace(0)
.key("ArkUX_Stage_Swiper_SelectedFontColor_1200")
.curve(Curve.Linear)
.indicator(Indicator.digit()
.selectedFontColor("rgb(255,0,0)"))
.indicator(Indicator.digit()
.selectedFontColor(undefined))
.onChange((index: number) => {
console.info(index.toString())
})
}
}
}
.width('100%')
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或