<OnClick>
Stay organized with collections
Save and categorize content based on your preferences.
Specifies the action to perform when the user taps on a view. There can be
multiple <OnClick>
nodes for a single
<Transition>
, with
each <OnClick>
specifying a different target view and a different action to
perform when the view is tapped.
Syntax
<OnClick
motion:targetId="@id/target_view"
motion:clickAction="action"/>
Attributes
motion:targetId
- View being monitored. When the user taps this view, the transition
occurs.
motion:ClickAction
- Action to perform when the view is tapped. Supported values are the
following:
transitionToStart
- Animate from the current layout to the layout specified by the
<Transition>
element's
motion::constraintSetStart
attribute.
transitionToEnd
- Animate from the current layout to the layout specified by the
<Transition>
element's
motion:constraintSetEnd
attribute.
jumpToStart
- Jump from the current layout to the layout specified by the
<Transition>
element's
motion::constraintSetStart
attribute.
jumpToEnd
- Jump from the current layout to the layout specified by the
<Transition>
element's
motion:constraintSetEnd
attribute.
toggle
- If the layout is in the starting state, animate to the end. Otherwise,
animate to the start.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2023-02-27 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2023-02-27 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2023-02-27 UTC."]]