Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
6ae227dd
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
提交
6ae227dd
编写于
11月 18, 2022
作者:
Y
yeyinglong
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
废弃ListItem sticky吸顶功能
Signed-off-by:
N
yeyinglong
<
yeyinglong@live.com
>
上级
edf2468e
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
5 addition
and
21 deletion
+5
-21
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864159.gif
...ference/arkui-ts/figures/zh-cn_image_0000001219864159.gif
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md
...plication-dev/reference/arkui-ts/ts-container-listitem.md
+5
-21
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219864159.gif
查看替换文件 @
edf2468e
浏览文件 @
6ae227dd
354.9 KB
|
W:
|
H:
171.2 KB
|
W:
|
H:
2-up
Swipe
Onion skin
zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md
浏览文件 @
6ae227dd
...
...
@@ -22,12 +22,13 @@ ListItem(value?: string)
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| sticky
|
[
Sticky
](
#sticky枚举说明
)
| 设置ListItem吸顶效果。
<br/>
默认值:Sticky.None
|
| sticky
<sup>
(deprecated)
</sup>
|
[
Sticky
](
#stickydeprecated枚举说明
)
| 设置ListItem吸顶效果。
<br/>
默认值:Sticky.None
<br/>
从API version9开始废弃,推荐使用
[
List组件sticky属性
](
ts-container-list.md#属性
)
。
|
| editable | boolean
\|
[
EditMode
](
#editmode枚举说明
)
| 当前ListItem元素是否可编辑,进入编辑模式后可删除或移动列表项。
<br/>
默认值:false |
| selectable
<sup>
8+
</sup>
| boolean | 当前ListItem元素是否可以被鼠标框选。
<br/>
**说明:**
<br/>
外层List容器的鼠标框选开启时,ListItem的框选才生效。
<br/>
默认值:true |
| swipeAction
<sup>
9+
</sup>
| {
<br/>
start?:
CustomBuilder,
<br/>
end?:CustomBuilder,
<br/>
edgeEffect?:
[
SwipeEdgeEffect
](
#swipeedgeeffect9枚举说明
)
,
<br/>
} | 用于设置ListItem的划出组件。
<br/>
- start:
ListItem向右划动时item左边的组件(List垂直布局时)或ListItem向下划动时item上方的组件(List水平布局时)。
<br/>
- end:
ListItem向左划动时item右边的组件(List垂直布局时)或ListItem向上划动时item下方的组件(List水平布局时)。
<br/>
- edgeEffect:
滑动效果。
<br/>
|
## Sticky枚举说明
## Sticky<sup>(deprecated)</sup>枚举说明
从API version9开始废弃,推荐使用
[
List组件stickyStyle枚举
](
ts-container-list.md#stickystyle9枚举说明
)
。
| 名称 | 描述 |
| -------- | -------- |
| None | 无吸顶效果。 |
...
...
@@ -63,35 +64,18 @@ ListItem(value?: string)
@
Component
struct
ListItemExample
{
private
arr
:
number
[]
=
[
0
,
1
,
2
,
3
,
4
,
5
,
6
,
7
,
8
,
9
]
@
State
editFlag
:
boolean
=
false
build
()
{
Column
()
{
List
({
space
:
20
,
initialIndex
:
0
})
{
ListItem
()
{
Text
(
'
sticky:Normal , click me edit list
'
)
.
width
(
'
100%
'
).
height
(
40
).
fontSize
(
12
).
fontColor
(
0xFFFFFF
)
.
textAlign
(
TextAlign
.
Center
).
backgroundColor
(
0x696969
)
.
onClick
(()
=>
{
this
.
editFlag
=
!
this
.
editFlag
})
}.
sticky
(
Sticky
.
Normal
)
ForEach
(
this
.
arr
,
(
item
)
=>
{
ListItem
()
{
Text
(
''
+
item
)
.
width
(
'
100%
'
).
height
(
100
).
fontSize
(
16
)
.
textAlign
(
TextAlign
.
Center
).
borderRadius
(
10
).
backgroundColor
(
0xFFFFFF
)
}
.
editable
(
this
.
editFlag
)
}
},
item
=>
item
)
}
.
editMode
(
true
)
.
onItemDelete
((
index
:
number
)
=>
{
console
.
info
(
this
.
arr
[
index
-
1
]
+
'
Delete
'
)
this
.
arr
.
splice
(
index
-
1
,
1
)
this
.
editFlag
=
false
return
true
}).
width
(
'
90%
'
)
}.
width
(
'
90%
'
)
}.
width
(
'
100%
'
).
height
(
'
100%
'
).
backgroundColor
(
0xDCDCDC
).
padding
({
top
:
5
})
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录