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

Layout add minWidth minHeight maxWidth maxHeight

Browse Source
This commit is contained in:
pengfei.zhou
2020-04-11 12:20:43 +08:00
committed by osborn
parent 4e537eed47
commit 80811a3bf6
15 changed files with 228 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
doric-demo/src/FlexDemo.ts
View File

@@ -15,7 +15,7 @@ class LayoutDemo extends Panel {
{
backgroundColor: colors[1],
flexConfig: {
width: 300,
width: 500,
height: 100,
}
}),
@@ -27,71 +27,77 @@ class LayoutDemo extends Panel {
height: 100,
}
}),
stack([],
{
backgroundColor: colors[3],
flexConfig: {
width: 100,
height: 100,
}
}),
// stack([],
// {
// backgroundColor: colors[3],
// flexConfig: {
// width: 500,
// height: 300,
// }
// }),
// stack([],
// {
// backgroundColor: colors[4],
// flexConfig: {
// width: 500,
// height: 500,
// }
// }),
],
{
flexConfig: {
flexDirection: FlexDirection.COLUMN,
},
backgroundColor: colors[4]
backgroundColor: colors[4].alpha(0.1)
}),
{
layoutConfig: {
widthSpec: LayoutSpec.FIT,
heightSpec: LayoutSpec.FIT
heightSpec: LayoutSpec.FIT,
minHeight: 300,
maxHeight: 300,
},
backgroundColor: colors[0],
backgroundColor: colors[0].alpha(0.3),
})
],
{
layoutConfig: layoutConfig().just(),
width: 250,
height: 250,
layoutConfig: layoutConfig().fit(),
}
)
//.in(root)
flexScroller(
[
stack([],
{
backgroundColor: colors[1],
flexConfig: {
width: 500,
height: 100,
}
}),
stack([],
{
backgroundColor: colors[2],
flexConfig: {
width: 100,
height: 100,
}
}),
stack([],
{
backgroundColor: colors[3],
flexConfig: {
width: 100,
height: 100,
}
}),
],
{
backgroundColor: Color.GRAY.alpha(0.3),
layoutConfig: layoutConfig().just(),
width: 300,
height: 300,
flexConfig: {
overFlow: OverFlow.HIDDEN,
}
}).in(root)
).in(root)
// flexScroller(
// [
// stack([],
// {
// backgroundColor: colors[1],
// flexConfig: {
// width: 500,
// height: 100,
// }
// }),
// stack([],
// {
// backgroundColor: colors[2],
// flexConfig: {
// width: 100,
// height: 300,
// }
// }),
// stack([],
// {
// backgroundColor: colors[3],
// flexConfig: {
// width: 100,
// height: 100,
// }
// }),
// ],
// {
// backgroundColor: Color.GRAY.alpha(0.3),
// layoutConfig: layoutConfig().fit(),
// flexConfig: {
// maxWidth: 300,
// maxHeight: 300,
// },
// })//.in(root)
}
}