<Transisi>
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Menentukan status awal dan akhir dari urutan gerakan, target
keadaan perantara, dan interaksi pengguna yang memicu gerakan.
Sintaksis
<Transition
motion:constraintSetStart="start"
motion:constraintSetEnd="end"
[ motion:duration="integer" ] >
...
</Transition>
Atribut
motion:constraintSetStart- Status awal urutan gerak. Ini bisa berupa ID dari
<ConstraintSet>
atau tata letak. Untuk menentukan <ConstraintSet>, setel parameter ini
ke
"@+id/constraintSetId". Untuk menentukan tata letak, setel
menjadi "@layout/layoutState".
motion:constraintSetEnd- Status akhir urutan gerak. Ini bisa berupa ID dari
<ConstraintSet>, atau tata letak. Untuk menentukan <ConstraintSet>, setel parameter ini
ke "@+id/constraintSetId". Untuk menentukan
, setel ke "@layout/layoutState".
motion:duration- Durasi urutan gerakan dalam milidetik. Jika tidak ditentukan,
<MotionScene>
defaultDuration elemen digunakan.
Dapat berisi
<onClick>- Menunjukkan bahwa urutan gerakan dipicu oleh sentuhan pengguna.
<onSwipe>- Menunjukkan bahwa urutan gerakan dipicu oleh gestur geser pengguna.
<KeyFrameSet>- Menentukan satu atau beberapa posisi perantara atau setelan atribut untuk
elemen di urutan gerak.
Ada dalam
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# <Transition>\n\nSpecifies the beginning and end state of a motion sequence, the target\nintermediate states, and the user interactions that trigger the motion.\n\nSyntax\n------\n\n```xml\n\u003cTransition\n motion:constraintSetStart=\"start\"\n motion:constraintSetEnd=\"end\"\n [ motion:duration=\"integer\" ] \u003e\n ...\n\u003c/Transition\u003e\n```\n\nAttributes\n----------\n\n`motion:constraintSetStart`\n: Initial state of the motion sequence. This can either be the ID of a\n [`\u003cConstraintSet\u003e`](/training/constraint-layout/motionlayout/ref/constraintset)\n or a layout. To specify a `\u003cConstraintSet\u003e`, set this\n attribute to\n `\"@+id/`\u003cvar translate=\"no\"\u003econstraintSetId\u003c/var\u003e`\"`. To specify a layout, set\n it to `\"@layout/`\u003cvar translate=\"no\"\u003elayoutState\u003c/var\u003e`\"`.\n\n`motion:constraintSetEnd`\n: Final state of the motion sequence. This can either be the ID of a\n `\u003cConstraintSet\u003e`, or a layout. To specify a `\u003cConstraintSet\u003e`, set this\n attribute to `\"@+id/`\u003cvar translate=\"no\"\u003econstraintSetId\u003c/var\u003e`\"`. To specify a\n layout, set it to `\"@layout/`\u003cvar translate=\"no\"\u003elayoutState\u003c/var\u003e`\"`.\n\n`motion:duration`\n: Duration of the motion sequence in milliseconds. If not specified, the\n [`\u003cMotionScene\u003e`](/training/constraint-layout/motionlayout/ref/motionscene)\n element's `defaultDuration` is used.\n\nCan contain\n-----------\n\n[`\u003conClick\u003e`](/training/constraint-layout/motionlayout/ref/onclick)\n: Indicates that the motion sequence is triggered by a user touch.\n\n[`\u003conSwipe\u003e`](/training/constraint-layout/motionlayout/ref/onswipe)\n: Indicates that the motion sequence is triggered by a user swipe.\n\n[`\u003cKeyFrameSet\u003e`](/training/constraint-layout/motionlayout/ref/keyframeset)\n: Specifies one or more intermediate positions or attribute settings for\n elements in the motion sequence.\n\nContained in\n------------\n\n- [`\u003cMotionScene\u003e`](/training/constraint-layout/motionlayout/ref/motionscene)"]]
