view.md 1.1 KB
Newer Older
D
DCloud_LXH 已提交
1 2 3 4
## view

<!-- UTSCOMJSON.view.description -->

D
DCloud_LXH 已提交
5 6
<!-- UTSCOMJSON.view.compatibility -->

7
<!-- UTSCOMJSON.view.attribute -->
D
DCloud_LXH 已提交
8

taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
9
#### 说明
taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
10

W
wanganxp 已提交
11
- 为什么使用`hover-class`?使用 css :active伪类来实现点击态,很容易触发,并且滚动或滑动时点击态不会消失,体验较差。建议使用 `hover-class` 属性来实现。并且App平台目前不支持css伪类。
taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
12 13


D
DCloud_LXH 已提交
14 15
<!-- UTSCOMJSON.view.event -->

16 17
<!-- UTSCOMJSON.view.component_type-->

DCloud-yyl's avatar
DCloud-yyl 已提交
18
#### App平台@app
19 20
- HBuilder4.0以下版本`hover-class`属性App端与微信小程序效果一样,手指按下进入`hover-class`状态后,手指移动就会取消`hover-class`状态
- HBuilder4.0及以上版本App端调整为手指在view范围内移动不会取消`hover-class`状态,手指移动到view范围之外才会取消`hover-class`状态
taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
21 22


DCloud-yyl's avatar
DCloud-yyl 已提交
23
<!-- UTSCOMJSON.view.children -->
taohebin@dcloud.io's avatar
taohebin@dcloud.io 已提交
24

25 26
<!-- UTSCOMJSON.view.example -->

D
DCloud_LXH 已提交
27 28 29
<!-- UTSCOMJSON.view.reference -->

view是Drawable的组件,也就是可以在view上调用绘制API自绘内容。它类似canvas,但不需要单独的canvas组件,在view上就可以直接draw。[详见](../dom/drawablecontext.md)