tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat:fix complicatedDemo

Browse Source
This commit is contained in:
pengfei.zhou 2020-06-22 15:11:36 +08:00 committed by osborn
parent cb3dfcbec8
commit 90a3691362
1 changed files with 49 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
doric-demo/src/ComplicatedDemo.ts
View File

@ -6,53 +6,58 @@ class MyDemo extends Panel {
build(root: Group) { build(root: Group) {
let refreshed: Refreshable let refreshed: Refreshable
let headerImage: Image let headerImage: Image
stack([ stack(
refreshed = refreshable({ [
onRefresh: () => { refreshed = refreshable({
refreshed.setRefreshing(context, false) onRefresh: () => {
}, refreshed.setRefreshing(context, false)
header: pullable(
stack([]).apply({
backgroundColor: Color.RED,
layoutConfig: layoutConfig().just(),
width: 100,
height: 30,
}),
{
startAnimation: () => {
},
stopAnimation: () => {
},
setPullingDistance: (distance: number) => {
headerImage.scaleX = headerImage.scaleY = (headerImage.height + distance * 2) / headerImage.height
},
}),
content: list({
itemCount: 20,
renderItem: (idx) => {
return listItem(text({
text: `Item :${idx}`,
layoutConfig: layoutConfig().just(),
width: root.width,
height: 50,
textColor: Color.WHITE,
backgroundColor: colors[idx % colors.length],
}))
}, },
header: pullable(
stack([]).apply({
backgroundColor: Color.RED,
layoutConfig: layoutConfig().just(),
width: 100,
height: 30,
}),
{
startAnimation: () => {
},
stopAnimation: () => {
},
setPullingDistance: (distance: number) => {
headerImage.scaleX = headerImage.scaleY = (headerImage.height + distance * 2) / headerImage.height
},
}),
content: list({
itemCount: 20,
renderItem: (idx) => {
return listItem(text({
text: `Item :${idx}`,
layoutConfig: layoutConfig().just(),
width: root.width,
height: 50,
textColor: Color.WHITE,
backgroundColor: colors[idx % colors.length],
}))
},
layoutConfig: layoutConfig().most(),
}),
layoutConfig: layoutConfig().most(), layoutConfig: layoutConfig().most(),
}).also(v => {
v.top = 200
}), }),
layoutConfig: layoutConfig().most(),
}).also(v => {
v.top = 200
}),
headerImage = image({ headerImage = image({
imageUrl: "https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.jpg@1280w_1l_2o_100sh.jpg", imageUrl: "https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.jpg@1280w_1l_2o_100sh.jpg",
layoutConfig: layoutConfig().just(), layoutConfig: layoutConfig().just(),
width: root.width, width: root.width,
height: 200, height: 200,
scaleType: ScaleType.ScaleAspectFill, scaleType: ScaleType.ScaleAspectFill,
}), }),
]).in(root) ],
{
layoutConfig: layoutConfig().most()
}
).in(root)
} }
} }