代码拉取完成,页面将自动刷新
支持上、下、左、右四个方向的滑动布局。
npm install @ohos/swipelayout --save
OpenHarmony npm环境配置等更多内容,请参考 如何安装OpenHarmony npm包 。
Column() {
SwipeLayoutLayDown({
bottomViewLeftW: 200,
bottomViewRightW: 300,
bottomViewTopH:60,
bottomViewBottomH:80,
mWidth: '100%',
mHeight: 100,
parentIsTouch: $isTouch
})
}
自定义容器是通过在构造方法中使用字段来设置各种属性
bottomViewLeftW
bottomViewRightW
mHeight
mWidth
mDuration
bottomViewTopH
bottomViewBottomH
在下述版本验证通过:
|---- ohos-SwipeLayout
| |---- entry # 示例代码文件夹
| |---- SwipeLayout # swipeLayout库文件夹
|----src
|----main
|----ets
|---- SwipeLayout.ets # 自定义容器
|---- SimpleSwipeListener.ets # 滑动监听器
|---- util/Attributes.ets # 滑动模式枚举类
|---- SwipeLayoutLayDown.ets # LayDown滑动效果的自定义容器
|---- SwipeLayoutLayDownRoot.ets # 可以嵌套容器的自定义容器
|---- SwipeLayoutPullOut.ets # PullOut滑动效果的自定义容器
|---- SwipeLayoutLayDownFullGrid.ets # 适用于Grid自定义容器
|---- SwipeLayoutLayDownFullList.ets # 适用于List自定义容器
| |---- index.ets # 对外接口
| |---- README.md # 安装使用方法
使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR 。
本项目基于 Apache License 2.0 ,请自由地享受和参与开源。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。