Tabela aktualizacji lotów

Uwaga / Notatka

Czy tworzysz scenariusze obsługiwane przez karty adaptacyjne dla Copilot, Teams lub Outlook? Odwiedź centrum dokumentacji kart adaptacyjnych— nowy, jednorazowy sklep dla wszystkich potrzeb karty adaptacyjnej. Zawiera wszystkie potrzebne zasoby, w tym kompletną dokumentację dla wielu nowych funkcji, takich jak układ dynamiczny, ikona, znaczek, karuzela, wykresy i wiele innych.

Te próbki są tylko przedsmakiem kart, które można stworzyć. Śmiało, dostosuj je, aby stworzyć dowolny scenariusz!

Ważna uwaga dotycząca ułatwień dostępu: W wersji 1.3 schematu wprowadziliśmy właściwość label dla danych wejściowych w celu zwiększenia ułatwień dostępu. Jeśli docelowa aplikacja hosta obsługuje v1.3, należy użyć Label zamiast TextBlock, jak pokazano w poniższych przykładach. Po zaktualizowaniu większości aplikacji Host do najnowszej wersji, odpowiednio zaktualizujemy przykłady.

Przykład tabeli aktualizacji lotów

Następująca sekcja przedstawia kod JSON dla przykładu Adaptive Card "Tabela aktualizacji lotu", pokazany zarówno z szablonami, jak i bez nich.

Kod JSON (bez tworzenia szablonów)

JSON

{
	"type": "AdaptiveCard",
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"version": "1.5",
	"body": [
		{
			"type": "TextBlock",
			"text": "Update for your Flight",
			"wrap": true,
			"style": "heading"
		},
		{
			"type": "Table",
			"columns": [
				{
					"width": 1
				},
				{
					"width": 1
				},
				{
					"width": 1
				}
			],
			"rows": [
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "Image",
									"size": "Small",
									"url": "https://adaptivecards.io/content/airplane.png",
									"altText": "Airplane"
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Flight Status",
									"horizontalAlignment": "Right",
									"isSubtle": true,
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "DELAYED",
									"horizontalAlignment": "Right",
									"spacing": "None",
									"size": "Large",
									"color": "Attention",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Passengers",
									"isSubtle": true,
									"weight": "Bolder",
									"wrap": true,
									"spacing": "None"
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Seat",
									"horizontalAlignment": "Right",
									"isSubtle": true,
									"weight": "Bolder",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Sarah Hum",
									"spacing": "Small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "14A",
									"horizontalAlignment": "Right",
									"spacing": "Small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Jeremy Goldberg",
									"spacing": "Small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "14B",
									"horizontalAlignment": "Right",
									"spacing": "Small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Evan Litvak",
									"spacing": "Small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "14C",
									"horizontalAlignment": "Right",
									"spacing": "Small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Flight",
									"isSubtle": true,
									"weight": "Bolder",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "KL605",
									"spacing": "Small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Departs",
									"isSubtle": true,
									"horizontalAlignment": "Center",
									"weight": "Bolder",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "2:20 AM",
									"color": "Attention",
									"weight": "Bolder",
									"horizontalAlignment": "Center",
									"spacing": "Small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Arrives",
									"isSubtle": true,
									"horizontalAlignment": "Right",
									"weight": "Bolder",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "8:20 PM",
									"color": "Attention",
									"horizontalAlignment": "Right",
									"weight": "Bolder",
									"spacing": "Small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Amsterdam Airport",
									"isSubtle": true,
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "AMS",
									"size": "ExtraLarge",
									"color": "Accent",
									"spacing": "None",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "Image",
									"url": "https://adaptivecards.io/content/airplane.png",
									"altText": "Airplane",
									"horizontalAlignment": "Center",
									"size": "Small"
								}
							],
							"verticalContentAlignment": "Center"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "San Francisco Airport",
									"isSubtle": true,
									"horizontalAlignment": "Right",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "SFO",
									"horizontalAlignment": "Right",
									"size": "ExtraLarge",
									"color": "Accent",
									"spacing": "None",
									"wrap": true
								}
							]
						}
					],
					"spacing": "None"
				}
			],
			"showGridLines": false
		}
	]
}

Kod JSON (z tworzeniem szablonów)

Dane JSON

{
	"@context": "http://schema.org",
	"@type": "FlightReservation",
	"reservationId": "RXJ34P",
	"reservationStatus": "http://schema.org/ReservationConfirmed",
	"passengerPriorityStatus": "Fast Track",
	"passengerSequenceNumber": "ABC123",
	"securityScreening": "TSA PreCheck",
	"underName": {
		"@type": "Person",
		"name": "Sarah Hum"
	},
	"reservationFor": {
		"@type": "Flight",
		"flightNumber": "KL605",
		"provider": {
			"@type": "Airline",
			"name": "KLM",
			"iataCode": "KL",
			"boardingPolicy": "http://schema.org/ZoneBoardingPolicy"
		},
		"seller": {
			"@type": "Airline",
			"name": "KLM",
			"iataCode": "KL"
		},
		"departureAirport": {
			"@type": "Airport",
			"name": "Amsterdam Airport",
			"iataCode": "AMS"
		},
		"departureTime": "2017-03-04T09:20:00-01:00",
		"arrivalAirport": {
			"@type": "Airport",
			"name": "San Francisco Airport",
			"iataCode": "SFO"
		},
		"arrivalTime": "2017-03-05T08:20:00+04:00"
	}
}

Kod JSON szablonu

{
	"type": "AdaptiveCard",
	"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
	"version": "1.5",
	"body": [
		{
			"type": "TextBlock",
			"text": "Your Flight Update",
			"wrap": true,
			"style": "heading"
		},
		{
			"type": "Table",
			"columns": [
				{
					"width": 1
				},
				{
					"width": 1
				},
				{
					"width": 1
				}
			],
			"rows": [
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "Image",
									"size": "small",
									"url": "https://adaptivecards.io/content/airplane.png",
									"altText": "Airplane"
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Flight Status",
									"horizontalAlignment": "right",
									"isSubtle": true,
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "DELAYED",
									"horizontalAlignment": "right",
									"spacing": "none",
									"size": "large",
									"color": "attention",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Flight",
									"isSubtle": true,
									"weight": "bolder",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "${reservationFor.flightNumber}",
									"spacing": "small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Departs",
									"isSubtle": true,
									"horizontalAlignment": "center",
									"weight": "bolder",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "{{TIME(${string(reservationFor.departureTime)})}}",
									"color": "attention",
									"weight": "bolder",
									"horizontalAlignment": "center",
									"spacing": "small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Arrives",
									"isSubtle": true,
									"horizontalAlignment": "right",
									"weight": "bolder",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "{{TIME(${string(reservationFor.arrivalTime)})}}",
									"color": "attention",
									"horizontalAlignment": "right",
									"weight": "bolder",
									"spacing": "small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Passengers",
									"isSubtle": true,
									"weight": "bolder",
									"wrap": true,
									"spacing": "none"
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Seat",
									"horizontalAlignment": "right",
									"isSubtle": true,
									"weight": "bolder",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "${underName.name}",
									"spacing": "small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "14A",
									"horizontalAlignment": "right",
									"spacing": "small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Jeremy Goldberg",
									"spacing": "small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "14B",
									"horizontalAlignment": "right",
									"spacing": "small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "Evan Litvak",
									"spacing": "small",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "14C",
									"horizontalAlignment": "right",
									"spacing": "small",
									"wrap": true
								}
							]
						}
					]
				},
				{
					"type": "TableRow",
					"cells": [
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "${reservationFor.departureAirport.name}",
									"isSubtle": true,
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "${reservationFor.departureAirport.iataCode}",
									"size": "extraLarge",
									"color": "accent",
									"spacing": "none",
									"wrap": true
								}
							]
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "Image",
									"url": "https://adaptivecards.io/content/airplane.png",
									"altText": "Airplane",
									"horizontalAlignment": "center",
									"size": "small"
								}
							],
							"verticalContentAlignment": "center"
						},
						{
							"type": "TableCell",
							"items": [
								{
									"type": "TextBlock",
									"text": "${reservationFor.arrivalAirport.name}",
									"isSubtle": true,
									"horizontalAlignment": "right",
									"wrap": true
								},
								{
									"type": "TextBlock",
									"text": "${reservationFor.arrivalAirport.iataCode}",
									"horizontalAlignment": "right",
									"size": "extraLarge",
									"color": "accent",
									"spacing": "none",
									"wrap": true
								}
							]
						}
					],
					"spacing": "none"
				}
			],
			"showGridLines": false
		}
	]
}
  • Last updated on