AdaptiveCards
24.05 WinUI3
Kartu adaptif adalah cara baru bagi pengembang untuk bertukar konten dengan cara yang umum dan konsisten. Mulailah hari ini dengan memasukkan kartu adaptif ke dalam tim Microsoft, pesan yang dapat ditindaklanjuti, keterampilan Cortana, atau timeline Windows - atau membuat kartu di dalam aplikasi Anda sendiri dengan menggunakan SDK kami.
Kartu adaptif dirancang untuk merender di mana saja pengguna Anda. Renderer platform asli berikut sedang dalam pengembangan saat ini.
PS: Status build terbaru bertentangan dengan cabang main .
| Platform | Rilis terbaru | Sumber | Dokumen | Status build terbaru |
|---|---|---|---|---|
| Javascript | Sumber | Dokumen | ||
| .BERSIH | Sumber | Dokumen | ||
| .NET WPF | Sumber | Dokumen | ||
| .Net html | Sumber | Dokumen | ||
| Windows UWP | Sumber | Dokumen | ||
| Android | Sumber | Dokumen | ||
| iOS | Sumber | Dokumen | ||
| Perancang kartu | Sumber | Dokumen |
Kami merilis produk kartu adaptif pada minggu ketiga setiap bulan, dengan asumsi ada pembaruan. Silakan lihat tabel di bawah ini untuk tanggal rilis terbaru dan mendatang.
| Produk | Tanggal rilis terakhir | Tanggal rilis berikutnya |
|---|---|---|
| Situs web | 4/4/2024 | 5/29/2024 |
| Perancang | 5/1/2024 | 6/17/2024 |
| JavaScript Renderer | 5/23/2024 | 6/17/2024 |
| JavaScript Renderer Beta | 4/9/2023 | - |
| Templating JavaScript | 9/16/2022 | 6/17/2024 |
| Xaml renderer | 2/2/2024 | 3/2/2024 |
| Model objek XAML | 2/2/2024 | 3/2/2024 |
| Winui 3 Renderer | 2/2/2024 | 3/2/2024 |
| Model objek Winui 3 | 2/2/2024 | 3/2/2024 |
| Templating C ++/WinRT | 2/2/2024 | 3/2/2024 |
| C#/winrt templating | 2/2/2024 | 3/2/2024 |
| .Net Renderer | 12/1/2022 | 7/17/2023 |
| .Net templating | 3/7/2023 | 7/17/2023 |
Catatan: Tanggal rilis ini dapat berubah berdasarkan ketersediaan dan pengembangan aktif setiap produk.
Kami memerlukan kode C ++ di dalam proyek ini untuk mengikuti format dentang. Jika Anda mengubahnya, pastikan file yang Anda ganti diformat dengan benar.
Pastikan versi clang-format 12.0.0 dan versi di atas digunakan.
Clangformat menjelaskan satu set alat yang dibangun di atas libformat. Ini dapat mendukung alur kerja Anda dalam berbagai cara termasuk alat mandiri dan integrasi editor. Untuk detailnya, lihat https://clat.llvm.org/docs/clatformat.html
Dua skrip disediakan untuk membantu Anda memformat file.
Windows Only User: Gunakan formatSource.ps1. Script ini menggunakan clang-format.exe yang dibangun menjadi Visual Studio secara default.
Jalankan perintah di bawah ini di folder root proyek
PowerShell.exe -ExecutionPolicy Bypass scriptsFormatSource.ps1 -ModifiedOnly $False
Jika ini adalah pertama kalinya menjalankan skrip, pastikan versi clang-format 12.0.0 atau di atas dalam output. Kalau tidak, Anda mungkin perlu meningkatkan Visual Studio atau menggunakan biner format dentang Anda sendiri.
[clang-format] Version is:
clang-format version 12.0.0
Baik Pengguna Windows dan Mac: Gunakan paket NPMJS format dendam
Jalankan perintah di bawah ini di sumber/nodeJS
npm run format
Pastikan npm install dijalankan sebelumnya.
git pre-commit hook adalah proses opsional. Saat Anda menjalankan git commit , itu akan secara otomatis melakukan pemeriksaan format dan secara otomatis memperbaiki format jika kesalahan terdeteksi.
Pertama, pastikan biner format dentang dipasang di lingkungan Anda. Kemudian ubah skrip/kait/pra-komit untuk memastikan clangformat adalah titik ke jalur yang benar. Dan akhirnya mengatur kait git.
Dua cara untuk mengatur kait:
scripts/hooks/pre-commit untuk .git/hooksgit config --local core.hooksPath scripts/hooksKonsumsi paket biner adaptiveCards tunduk pada Microsoft EULA (Perjanjian Lisensi Pengguna Akhir). Silakan lihat istilah yang relevan seperti yang tercantum di bawah ini:
Catatan: Semua kode sumber, itu sendiri, tersedia dalam repo ini serta paket NPM kami, terus diatur oleh lisensi MIT open source.
SDK berikut dipelihara dengan penuh kasih oleh komunitas kartu adaptif. Kontribusi mereka sangat dihargai! ?
| Platform | Memasang | Repo | Pemeliharaan |
|---|---|---|---|
| Reactnative | GitHub | Bigthinkcode | |
| Pic2card | GitHub | Bigthinkcode | |
| Vue.js | GitHub | Tim Cadenbach |
Ada banyak cara untuk berkontribusi pada kartu adaptif.
Proyek ini telah mengadopsi kode perilaku open source Microsoft. Untuk informasi lebih lanjut, lihat FAQ Kode Perilaku atau hubungi [email protected] dengan pertanyaan atau komentar tambahan.
| Fitur | Versi Skema | Platform | Penguraian | Rendering |
|---|---|---|---|---|
| Action.openurl | v1.0 | Semua | ✅ | ✅ |
| Action.ShowCard | v1.0 | Semua | ✅ | ✅ |
| Action.submit | v1.0 | Semua | ✅ | ✅ |
| Kolom | v1.0 | Semua | ✅ | ✅ |
| Columnset | v1.0 | Semua | ✅ | ✅ |
| Wadah | v1.0 | Semua | ✅ | ✅ |
| Fakta | v1.0 | Semua | ✅ | ✅ |
| Factset | v1.0 | Semua | ✅ | ✅ |
| Gambar | v1.0 | Semua | ✅ | ✅ |
| Gambar | v1.0 | Semua | ✅ | ✅ |
| Input.choiceset | v1.0 | Semua | ✅ | ✅ |
| Input.date | v1.0 | Semua | ✅ | ✅ |
| Input.number | v1.0 | Semua | ✅ | ✅ |
| Input.text | v1.0 | Semua | ✅ | ✅ |
| Input.time | v1.0 | Semua | ✅ | ✅ |
| Input.toggle | v1.0 | Semua | ✅ | ✅ |
| SelectAction | v1.0 | Semua | ✅ | ✅ |
| TextBlock | v1.0 | Semua | ✅ | ✅ |
| Dimensi gambar eksplisit | v1.1 | Semua | ✅ | ✅ |
| Warna latar belakang | v1.1 | Semua | ✅ | ✅ |
| Penyelarasan Konten Vertikal | v1.1 | Semua | ✅ | ✅ |
| Ikon Tindakan | v1.1 | Semua | ✅ | ✅ |
| Gaya aksi | v1.2 | Semua | ✅ | ✅ |
| Take visibilitas | v1.2 | Semua | ✅ | ✅ |
| Aksi | v1.2 | Semua | ✅ | ✅ |
| Fallback | v1.2 | Semua | ✅ | ✅ |
| Container BackgroundImage | v1.2 | Semua | ✅ | ✅ |
| Wadah minheight | v1.2 | Semua | ✅ | ✅ |
| Wadah berdarah | v1.2 | Semua | ✅ | ✅ |
| Gaya kontainer | v1.2 | Semua | ✅ | ✅ |
| Data Gambar URI | v1.2 | Semua | ✅ | ✅ |
| Data Ikon Tindakan URI | v1.2 | Semua | ✅ | ✅ |
| Input.text inline action | v1.2 | Semua | ✅ | ✅ |
| FontType TextBlock | v1.2 | Semua | ✅ | ✅ |
| RichTextBlock | v1.2 | Semua | ✅ | ✅ |
| Label input | v1.3 | Semua | ✅ | ✅ |
| Input errorMessage | v1.3 | Semua | ✅ | ✅ |
| AssociatedInputs | v1.3 | Semua | ✅ | ✅ |
| RichtextBlock menggarisbawahi | v1.3 | Semua | ✅ | ✅ |
| Action.Refresh | v1.4 | Semua | ✅ | ✅ |
| Otentikasi AdaptiveCard | v1.4 | Semua | ✅ | ✅ |
| Action.Execute | v1.4 | Semua | ✅ | ✅ |
| Tindakan terisabled | v1.5 | JS | ✅ | ✅ |
| Tindakan terisabled | v1.5 | iOS | ✅ | ✅ |
| Tindakan terisabled | v1.5 | Android | ✅ | ✅ |
| Tindakan terisabled | v1.5 | Xaml | ✅ | ✅ |
| Tindakan terisabled | v1.5 | .BERSIH | ✅ | |
| Mode aksi | v1.5 | JS | ✅ | ✅ |
| Mode aksi | v1.5 | iOS | ✅ | ✅ |
| Mode aksi | v1.5 | Android | ✅ | ✅ |
| Mode aksi | v1.5 | Xaml | ✅ | ✅ |
| Mode aksi | v1.5 | .BERSIH | ✅ | |
| Action/SelectAction Tooltip | v1.5 | JS | ✅ | ✅ |
| Action/SelectAction Tooltip | v1.5 | iOS | ✅ | ✅ |
| Action/SelectAction Tooltip | v1.5 | Android | ✅ | ✅ |
| Action/SelectAction Tooltip | v1.5 | Xaml | ✅ | ✅ |
| Action/SelectAction Tooltip | v1.5 | .BERSIH | ✅ | |
| Input.choiceset gaya difilter | v1.5 | JS | ✅ | ✅ |
| Input.choiceset gaya difilter | v1.5 | iOS | ✅ | ✅ |
| Input.choiceset gaya difilter | v1.5 | Android | ✅ | ✅ |
| Input.choiceset gaya difilter | v1.5 | Xaml | ✅ | ✅ |
| Input.choiceset gaya difilter | v1.5 | .BERSIH | ✅ | |
| Input.text gaya kata sandi | v1.5 | JS | ✅ | ✅ |
| Input.text gaya kata sandi | v1.5 | iOS | ✅ | ✅ |
| Input.text gaya kata sandi | v1.5 | Android | ✅ | ✅ |
| Input.text gaya kata sandi | v1.5 | Xaml | ✅ | ✅ |
| Input.text gaya kata sandi | v1.5 | .BERSIH | ✅ | |
| Gaya tajuk TextBlock | v1.5 | JS | ✅ | ✅ |
| Gaya tajuk TextBlock | v1.5 | iOS | ✅ | ✅ |
| Gaya tajuk TextBlock | v1.5 | Android | ✅ | ✅ |
| Gaya tajuk TextBlock | v1.5 | Xaml | ✅ | ✅ |
| Gaya tajuk TextBlock | v1.5 | .BERSIH | ✅ | |
| Rtl | v1.5 | JS | ✅ | ✅ |
| Rtl | v1.5 | iOS | ✅ | ✅ |
| Rtl | v1.5 | Android | ✅ | ✅ |
| Rtl | v1.5 | Xaml | ✅ | ✅ |
| Rtl | v1.5 | .BERSIH | ✅ | |
| Meja | v1.5 | JS | ✅ | ✅ |
| Meja | v1.5 | iOS | ✅ | ✅ |
| Meja | v1.5 | Android | ✅ | ✅ |
| Meja | v1.5 | Xaml | ✅ | ✅ |
| Meja | v1.5 | .BERSIH | ✅ | |
| Korsel | v1.6 | JS | ✅ | ✅ |
| Korsel | v1.6 | iOS | ||
| Korsel | v1.6 | Android | ||
| Korsel | v1.6 | Xaml | ||
| Korsel | v1.6 | .BERSIH | ||
| Gaya Presentasi Tumpuk Gambar | v1.6 | JS | ✅ | ✅ |
| Gaya Presentasi Tumpuk Gambar | v1.6 | iOS | ||
| Gaya Presentasi Tumpuk Gambar | v1.6 | Android | ||
| Gaya Presentasi Tumpuk Gambar | v1.6 | Xaml | ||
| Gaya Presentasi Tumpuk Gambar | v1.6 | .BERSIH | ||
| Jenis Dinamis Mulia Pencarian | v1.6 | JS | ||
| Jenis Dinamis Mulia Pencarian | v1.6 | iOS | ✅ | |
| Jenis Dinamis Mulia Pencarian | v1.6 | Android | ✅ | |
| Jenis Dinamis Mulia Pencarian | v1.6 | Xaml | ||
| Jenis Dinamis Mulia Pencarian | v1.6 | .BERSIH | ||
| Posisi label | v1.6 | JS | ||
| Posisi label | v1.6 | iOS | ||
| Posisi label | v1.6 | Android | ||
| Posisi label | v1.6 | Xaml | ||
| Posisi label | v1.6 | .BERSIH | ||
| Gaya input yang dapat diedit inline | v1.6 | JS | ||
| Gaya input yang dapat diedit inline | v1.6 | iOS | ||
| Gaya input yang dapat diedit inline | v1.6 | Android | ||
| Gaya input yang dapat diedit inline | v1.6 | Xaml | ||
| Gaya input yang dapat diedit inline | v1.6 | .BERSIH |
