Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
61646529
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看板
未验证
提交
61646529
编写于
2月 02, 2023
作者:
O
openharmony_ci
提交者:
Gitee
2月 02, 2023
浏览文件
操作
浏览文件
下载
差异文件
!14235 shape组件问题用例删除
Merge pull request !14235 from seaside/delete_shape_mesh
上级
3479d03e
31f109c1
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
0 addition
and
88 deletion
+0
-88
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
...ion-dev/reference/arkui-ts/ts-drawing-components-shape.md
+0
-88
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
浏览文件 @
61646529
...
...
@@ -145,91 +145,3 @@ struct ShapeExample {
```
![
zh-cn_image_0000001184628104
](
figures/zh-cn_image_0000001184628104.png
)
### 示例2
```
ts
// xxx.ets
@
Entry
@
Component
struct
ShapeMeshExample
{
@
State
columnVal
:
number
=
0
@
State
rowVal
:
number
=
0
@
State
count
:
number
=
0
@
State
verts
:
Array
<
number
>
=
[]
@
State
shapeWidth
:
number
=
600
@
State
shapeHeight
:
number
=
600
build
()
{
Column
()
{
Shape
()
{
Rect
()
.
width
(
'
250px
'
)
.
height
(
'
250px
'
)
.
radiusWidth
(
'
10px
'
)
.
radiusHeight
(
'
10px
'
)
.
stroke
(
'
10px
'
)
.
margin
({
left
:
'
10px
'
,
top
:
'
10px
'
})
.
strokeWidth
(
'
10px
'
)
.
fill
(
Color
.
Blue
)
Rect
()
.
width
(
'
250px
'
)
.
height
(
'
250px
'
)
.
radiusWidth
(
'
10px
'
)
.
radiusHeight
(
'
10px
'
)
.
stroke
(
'
10px
'
)
.
margin
({
left
:
'
270px
'
,
top
:
'
10px
'
})
.
strokeWidth
(
'
10px
'
)
.
fill
(
Color
.
Red
)
}
.
mesh
(
this
.
verts
,
this
.
columnVal
,
this
.
rowVal
)
.
width
(
this
.
shapeWidth
+
'
px
'
)
.
height
(
this
.
shapeHeight
+
'
px
'
)
// 手指触摸Shape组件时会显示mesh扭曲效果
.
onTouch
((
event
:
TouchEvent
)
=>
{
var
touchX
=
event
.
touches
[
0
].
x
*
2
var
touchY
=
event
.
touches
[
0
].
y
*
2
this
.
columnVal
=
20
this
.
rowVal
=
20
this
.
count
=
(
this
.
columnVal
+
1
)
*
(
this
.
rowVal
+
1
)
var
orig
=
[
this
.
count
*
2
]
var
index
=
0
for
(
var
i
=
0
;
i
<=
this
.
rowVal
;
i
++
)
{
var
fy
=
this
.
shapeWidth
*
i
/
this
.
rowVal
for
(
var
j
=
0
;
j
<=
this
.
columnVal
;
j
++
)
{
var
fx
=
this
.
shapeWidth
*
j
/
this
.
columnVal
orig
[
index
*
2
+
0
]
=
this
.
verts
[
index
*
2
+
0
]
=
fx
orig
[
index
*
2
+
1
]
=
this
.
verts
[
index
*
2
+
1
]
=
fy
index
++
;
}
}
for
(
var
k
=
0
;
k
<
this
.
count
*
2
;
k
+=
2
)
{
var
dx
=
touchX
-
orig
[
k
+
0
]
var
dy
=
touchY
-
orig
[
k
+
1
]
var
dd
=
dx
*
dx
+
dy
*
dy
var
d
=
Math
.
sqrt
(
dd
)
var
pull
=
80000
/
(
dd
*
d
)
if
(
pull
>=
1
)
{
this
.
verts
[
k
+
0
]
=
touchX
this
.
verts
[
k
+
1
]
=
touchY
}
else
{
this
.
verts
[
k
+
0
]
=
orig
[
k
+
0
]
+
dx
*
pull
this
.
verts
[
k
+
1
]
=
orig
[
k
+
1
]
+
dy
*
pull
}
}
})
}
.
width
(
'
600px
'
)
.
height
(
'
600px
'
)
.
border
({
width
:
3
,
color
:
Color
.
Black
})
}
}
```
示意图:
![
zh-cn_image1_0000001184628104
](
figures/zh-cn_image1_0000001184628104.png
)
手指触摸Shape组件时会显示mesh扭曲效果:
![
zh-cn_image2_0000001184628104
](
figures/zh-cn_image2_0000001184628104.png
)
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录