/ohos5.0/docs/zh-cn/application-dev/ui/ |
H A D | arkts-gesture-events-multi-level-gesture.md | 13 1.监听了onTouch事件的组件。若在手指落下时被触摸则均会收到onTouch事件的回调,被触摸受到触摸热区和触摸控制影响。 19 对于一般的容器组件(例如:Column),父子组件之间onTouch事件能够同时触发,兄弟组件之间onTouch事件根据布局进行触发。 25 }.onTouch(() => {}) 28 因此,当触摸组件B时,会触发组件A和组件B的onTouch回调,不会触发组件C的onTouch回调。 32 所以,父子组件之间onTouch事件能够同时触发,兄弟组件之间onTouch事件会存在遮盖关系。 38 }.onTouch(() => {}) 90 .onTouch(() => {}) 94 .onTouch(() => {}) 125 .onTouch(() => {}) 145 .onTouch(() => {}) [all …]
|
H A D | arkts-common-events-touch-screen-event.md | 68 onTouch(event: (event?: TouchEvent) => void) 93 .onTouch((event?: TouchEvent) => { 111 .onTouch((event?: TouchEvent) => {
|
/ohos5.0/docs/en/application-dev/ui/ |
H A D | arkts-gesture-events-multi-level-gesture.md | 25 }.onTouch(() => {}) 37 }.onTouch(() => {}) 89 .onTouch(() => {}) 93 .onTouch(() => {}) 112 .onTouch(() => {}) 120 .onTouch(() => {}) 124 .onTouch(() => {}) 136 .onTouch(() => {}) 140 .onTouch(() => {}) 144 .onTouch(() => {}) [all …]
|
H A D | arkts-common-events-touch-screen-event.md | 65 onTouch(event: (event?: TouchEvent) => void) 90 .onTouch((event?: TouchEvent) => { 108 .onTouch((event?: TouchEvent) => {
|
/ohos5.0/docs/zh-cn/application-dev/faqs/ |
H A D | faqs-arkui-animation-interactive-event.md | 95 ## 当父组件绑定了onTouch,其子组件Button绑定了onClick,如何做到点击Button只响应Button的onClick,而不用响应父组件的onTouch(API 9) 97 可以在Button组件中绑定onTouch,并在onTouch中使用stopPropagation()阻止onTouch冒泡传递到父组件阻止冒泡传递。 111 .onTouch((e) => { 112 console.log("Button onTouch") 116 .onTouch(() => { 117 console.log("Row onTouch")
|
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ |
H A D | ts-universal-attributes-hit-test-behavior.md | 48 .onTouch((event) => { 54 .onTouch((event) => { 60 .onTouch((event) => { 67 .onTouch((event) => {
|
H A D | ts-universal-events-touch.md | 9 ## onTouch section 11 onTouch(event: (event: TouchEvent) => void): T 49 …)中调用,可以通过该接口获取触发[onTouch](#ontouch)时当前帧历史点的相关信息。[onTouch](#ontouch)一帧只会调用一次,若当前帧收到的[TouchEvent](#t… 106 .onTouch((event?: TouchEvent) => { 124 .onTouch((event?: TouchEvent) => {
|
H A D | ts-universal-attributes-component-id.md | 246 let rect = Utils.getComponentRect('onTouch') // 获取id为"onTouch"组件的矩形区域坐标 266 Text('onTouch').fontSize(25).fontWeight(FontWeight.Bold) 269 console.info('onTouch is clicked') 270 this.text = "Button 'onTouch' is clicked" 309 }).id('onTouch')
|
H A D | ts-universal-attributes-monopolize-events.md | 81 .onTouch((event:TouchEvent)=>{ 92 .onTouch((event)=>{
|
/ohos5.0/docs/zh-cn/third-party-cases/ |
H A D | property-animation.md | 28 * 设置状态变量flag,用来控制属性状态的变化,同时向Button组件添加onTouch事件,更新按钮的当前状态,从而可以根据监听到的按钮状态加载对应的动画效果。 77 2. 设置状态变量flag,用来控制属性状态的变化,同时向Button组件添加onTouch事件,更新按钮的当前状态,从而可以根据监听到的按钮状态加载对应的动画效果。 85 .onTouch((event:TouchEvent) => { 145 .onTouch((event:TouchEvent) => { 177 * 组件状态变化:设置状态变量downFlag,控制按钮的当前状态;同时向Column组件添加onTouch事件,监听组件的当前状态。 208 2. 设置状态变量downFlag,控制Image组件的当前状态,同时向Image组件添加onTouch事件,获取并更新组件的当前状态,从而可以根据监听到的组件状态加载对应的动画效果。 216 // 添加onTouch事件,监听状态 217 .onTouch((event: TouchEvent) => { 265 // 添加onTouch事件,监听状态 266 .onTouch((event: TouchEvent) => {
|
H A D | water-wave-animation.md | 19 * 按钮状态变化:设置状态变量unPressed,控制按钮的当前状态,向Column组件添加onTouch事件,监听按钮的当前状态。 81 3. 设置状态变量unPressed,监听当前数字按钮的状态,同时向Column组件添加onTouch事件,获取并更新按钮的当前状态,从而可以根据监听到的按钮状态加载对应的动画效果。 89 // 添加onTouch事件,监听状态 90 .onTouch((event: TouchEvent) => { 274 // onTouch事件,监听状态 275 .onTouch((event: TouchEvent) => {
|
H A D | list-pullup-loading-data.md | 23 2. 监听List列表的onTouch事件,并判断是否为上划、滑动距离是否达到设定的阈值等条件,在条件满足后,触发数据加载逻辑,重新渲染列表。 27 1. 利用ForEach循环渲染初始列表,在列表末尾增加一个ListItem用于显示加载更多布局,通过visibility属性控制显示和隐藏,并在List列表上拉过程中监听并处理onTouch事件。 57 .onTouch(event => this.handleTouchEvent(event)) 60 2. 实现列表上拉加载更多内容的核心,是设计处理onTouch事件的响应函数handleTouchEvent,在该函数中需要根据手指滑动的类型TouchType进行不同的处理: 223 .onTouch(event => this.handleTouchEvent(event)) 231 * 处理onTouch事件
|
H A D | component-pressed-UI-dynamic-change.md | 44 …当用户手指在组件上按下、滑动、抬起时,会触发触发触摸事件onTouch。根据事件返回的TouchEvent对象,可以确定返回触摸事件的类型,触摸手指位置相关信息等(详情查询参考中官方文档),开发者… 56 .onTouch((event?: TouchEvent) => { 121 .onTouch((event?: TouchEvent) => {
|
H A D | overall-and-part-refresh.md | 134 // 绑定onTouch事件,监听卡片是否被按下,根据不同状态改变downFlag的值 135 .onTouch((event: TouchEvent) => { 400 // 绑定onTouch事件,监听卡片是否被按下,根据不同状态改变downFlag的值 401 .onTouch((event: TouchEvent) => {
|
H A D | griditem-drag-and-drop.md | 81 .onTouch((event: TouchEvent) => { 156 .onTouch((event: TouchEvent) => {
|
H A D | how-to-develop-spring-animation.md | 139 .onTouch((event: TouchEvent) => { 245 .onTouch((event: TouchEvent) => {
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_ng/pattern/qrcode/ |
H A D | arkui_qrcode.js | 42 static onTouch(value) { method in QRCode 43 __Common__.onTouch(value);
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_ng/pattern/relative_container/ |
H A D | arkui_relative_container.js | 23 static onTouch(value) { method in RelativeContainer 24 __Common__.onTouch(value);
|
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/ |
H A D | ts-universal-attributes-hit-test-behavior.md | 48 .onTouch((event) => { 54 .onTouch((event) => { 60 .onTouch((event) => { 67 .onTouch((event) => {
|
H A D | ts-universal-events-touch.md | 9 ## onTouch section 11 onTouch(event: (event: TouchEvent) => void): T 49 …onTouch](#ontouch) is invoked. [onTouch](#ontouch) is invoked only once for a frame. If the value … 106 .onTouch((event?: TouchEvent) => { 124 .onTouch((event?: TouchEvent) => {
|
H A D | ts-universal-attributes-component-id.md | 242 …tils.getComponentRect('onTouch') // Obtain the coordinates of the rectangular area occupied by the… 262 Text('onTouch').fontSize(25).fontWeight(FontWeight.Bold) 265 console.info('onTouch is clicked') 266 this.text = "Button 'onTouch' is clicked" 305 }).id('onTouch')
|
H A D | ts-universal-attributes-monopolize-events.md | 79 .onTouch((event:TouchEvent)=>{ 90 .onTouch((event)=>{
|
/ohos5.0/foundation/arkui/ace_engine/component_ext/movingphoto/ |
H A D | multimedia_movingphotoview.js | 82 static onTouch(value) { method in MovingPhotoView 83 __Common__.onTouch(value);
|
/ohos5.0/docs/en/application-dev/faqs/ |
H A D | faqs-arkui-animation-interactive-event.md | 95 ## How do I implement a button that only responds to the bound onClick event, but not the onTouch e… 97 Bind the **onTouch** event to the **Button** component and use **stopPropagation()** in the event t… 111 .onTouch((e) => { 112 console.log("Button onTouch") 116 .onTouch(() => { 117 console.log("Row onTouch")
|
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/ |
H A D | js-apis-arkui-dragController.md | 75 .onTouch((event?:TouchEvent) => { 205 .onTouch((event?:TouchEvent) => { 361 Button('多对象dragAction customBuilder拖拽').onTouch((event?:TouchEvent) => { 448 .onTouch((event?:TouchEvent) => { 508 .onTouch((event?:TouchEvent) => { 570 .onTouch((event?:TouchEvent) => { 827 Button('拖起').onTouch((event?:TouchEvent) => {
|