HarmonyOS 当Grid指定高度时,希望底部多滑动一些达到留有空余区域的效果
// GridExample.ets
@Entry
@Component
export struct GridExample {
@State numbers1: String[] = ['0', '1', '2', '3', '4', '5', '6']
@State numbers2: String[] = ['0', '1', '2', '3', '4', '5']
layoutOptions1: GridLayoutOptions = {
regularSize: [1, 1],
onGetRectByIndex: (index: number) => {
if (index == 0) {
return [0, 0, 1, 1]
} else if (index == 1) {
return [0, 1, 2, 2]
} else if (index == 2) {
return [0, 3, 3, 3]
} else if (index == 3) {
return [3, 0, 3, 3]
} else if (index == 4) {
return [4, 3, 2, 2]
} else {
return [5, 5, 1, 1]
}
}
}
layoutOptions3: GridLayoutOptions = {
regularSize: [1, 1],
onGetRectByIndex: (index: number) => {
if (index == 0) {
return [0, 0, 1, 1]
} else if (index == 1) {
return [0, 1, 2, 2]
} else if (index == 2) {
return [0, 3, 3, 3]
} else if (index == 3) {
return [3, 0, 3, 3]
} else if (index == 4) {
return [4, 3, 2, 2]
} else {
return [5, 5, 1, 1]
}
}
}
build() {
Column() {
Grid() {
ForEach(this.numbers1, (day: string) => {
ForEach(this.numbers1, (day: string) => {
GridItem() {
Text(day)
.fontSize(16)
.backgroundColor(0xF9CF93)
.width('100%')
.height(50)
.textAlign(TextAlign.Center)
}
}, (day: string) => day)
}, (day: string) => day)
}
.padding({
top: 4,
bottom: 40
})
.height(200)
.columnsTemplate('1fr 1fr 1fr 1fr')
.columnsGap(10)
.rowsGap(10)
.width('90%')
.backgroundColor(0xFAEEE0)
}
.width('100%')
.height(200)
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS 沉浸式页面底部会空余出一块高度
797浏览 • 1回复 待解决
HarmonyOS 是否支持指定的一些字体?
901浏览 • 1回复 待解决
希望在编译的时候自动生成一些模版代码
783浏览 • 1回复 待解决
cmake编译的时候信息能不能多一些
1114浏览 • 1回复 待解决
HarmonyOS 使用Navigation的一些疑问
1489浏览 • 1回复 待解决
HarmonyOS 我们的工程中有一些公式,希望能加密,如何防止包反编译?
616浏览 • 1回复 待解决
HarmonyOS Navigation转场动画的一些思路
723浏览 • 1回复 待解决
HarmonyOS 关于VPN的一些使用问题?
3079浏览 • 1回复 待解决
关于designWidth的一些问题
1226浏览 • 1回复 待解决
HarmonyOS 如何获取顶部状态栏高度以及底部导航区域高度
1570浏览 • 1回复 待解决
HarmonyOS hiAppEvent的一些相关问题咨询
662浏览 • 1回复 待解决
关于liteos,有一些疑惑
9930浏览 • 3回复 待解决
HarmonyOS 关于RdbStore的操作的一些疑问
944浏览 • 1回复 待解决
HarmonyOS 有关Video组件的一些问题
946浏览 • 1回复 待解决
docker 线上使用的一些问题
3305浏览 • 1回复 待解决
关于系统信息的一些参数询问
1186浏览 • 1回复 待解决
HarmonyOS RichText超过指定高度之后会滑动
692浏览 • 1回复 待解决
一些帐号授权相关问题
9573浏览 • 2回复 待解决
HarmonyOS 关于新版API StyledString的一些疑问
894浏览 • 1回复 待解决
当图片分辨率较低时,会模糊并出现锯齿,如何对图片处理让其显示的更为清晰一些?
974浏览 • 1回复 待解决
关于快速修复的一些问题。
1486浏览 • 1回复 待解决
关于鸿蒙BLE的一些问题
5123浏览 • 1回复 待解决
HarmonyOS 咨询一下Tab中的一些写法
936浏览 • 1回复 待解决
HarmonyOS 如何获取屏幕顶部和底部安全区域的高度
2205浏览 • 1回复 待解决
HarmonyOS 缓存用户一些消息信息, 有些场景缓存量很大, 这种采用哪种缓存方式好一些
812浏览 • 1回复 待解决
grid的规格是在滚动场景下若一个节点已经布局出来了,如果它有一部分在padding区域内,这块显示部分不会被裁剪。如果这个节点的起始位置在padding内,那grid不会布局这个节点。可以在页面底部放一个占一整行的GridItem,来达到相同的目的。