
적응 형 카드는 개발자가 콘텐츠를 일반적이고 일관된 방식으로 교환하는 새로운 방법입니다. Microsoft 팀, Outlook 실행 가능한 메시지, Cortana 기술 또는 Windows 타임 라인에 적응 형 카드를 넣거나 SDK를 사용하여 자신의 앱 내부의 카드를 렌더링하여 오늘 시작하십시오.
적응 형 카드는 사용자의 어느 곳에서나 렌더링하도록 설계되었습니다. 다음과 같은 기본 플랫폼 렌더러가 현재 개발 중입니다.
추신 : 최신 빌드 상태는 main 브랜치에 대한 것입니다.
| 플랫폼 | 최신 릴리스 | 원천 | 문서 | 최신 빌드 상태 |
|---|---|---|---|---|
| 자바 스크립트 | 원천 | 문서 | ||
| .그물 | 원천 | 문서 | ||
| .NET WPF | 원천 | 문서 | ||
| .NET HTML | 원천 | 문서 | ||
| Windows UWP | 원천 | 문서 | ||
| 기계적 인조 인간 | 원천 | 문서 | ||
| iOS | 원천 | 문서 | ||
| 카드 디자이너 | 원천 | 문서 |
업데이트가 있다고 가정하면 매월 셋째 주에 적응 형 카드 제품을 출시합니다. 가장 최근의 릴리스 날짜는 아래 표를 참조하십시오.
| 제품 | 마지막 릴리스 날짜 | 다음 릴리스 날짜 |
|---|---|---|
| 웹 사이트 | 4/4/2024 | 5/29/2024 |
| 디자이너 | 5/1/2024 | 6/17/2024 |
| 자바 스크립트 렌더러 | 5/23/2024 | 6/17/2024 |
| JavaScript 렌더러 베타 | 4/9/2023 | - |
| JavaScript 템플릿 | 9/16/2022 | 6/17/2024 |
| XAML 렌더러 | 2/2/2024 | 3/2/2024 |
| XAML 객체 모델 | 2/2/2024 | 3/2/2024 |
| Winui 3 렌더러 | 2/2/2024 | 3/2/2024 |
| Winui 3 객체 모델 | 2/2/2024 | 3/2/2024 |
| C ++/WinRT 템플릿 | 2/2/2024 | 3/2/2024 |
| C#/winrt 템플릿 | 2/2/2024 | 3/2/2024 |
| .NET 렌더러 | 12/1/2022 | 7/17/2023 |
| .NET 템플릿 | 3/7/2023 | 7/17/2023 |
참고 : 이 릴리스 날짜는 각 제품의 가용성 및 적극적인 개발에 따라 변경 될 수 있습니다.
이 프로젝트 내부의 C ++ 코드가 Clang-format을 따라야합니다. 변경하면 변경된 파일이 올바르게 형식화되어 있는지 확인하십시오.
Clang-Format 버전 12.0.0 이상이 사용되는지 확인하십시오.
Clangformat은 libformat 위에 구축 된 일련의 도구를 설명합니다. 독립형 도구 및 편집기 통합을 포함하여 다양한 방법으로 워크 플로우를 지원할 수 있습니다. 자세한 내용은 https://clang.llvm.org/docs/clangformat.html을 참조하십시오
파일을 포맷하는 데 도움이되는 두 개의 스크립트가 제공됩니다.
Windows 사용자 전용 : formatsource.ps1을 사용합니다. 이 스크립트는 기본적으로 Visual Studio에 내장 된 clang-format.exe를 사용합니다.
프로젝트의 루트 폴더에서 아래 명령을 실행하십시오.
PowerShell.exe -ExecutionPolicy Bypass scriptsFormatSource.ps1 -ModifiedOnly $False
스크립트를 실행하는 것이 처음이라면 출력에서 Clang-Format 버전 12.0.0 이상을 확인하십시오. 그렇지 않으면 Visual Studio를 업그레이드하거나 자신의 Clang-Format Binaries를 사용해야 할 수도 있습니다.
[clang-format] Version is:
clang-format version 12.0.0
Windows 및 Mac 사용자 모두 : Clang-Format NPMJS 패키지를 사용하십시오
소스/nodejs에서 아래 명령을 실행하십시오
npm run format
npm install 이전에 실행되었는지 확인하십시오.
git pre-commit hook 선택적 프로세스입니다. git commit 실행하면 오류가 감지되면 형식 검사를 자동으로 수행하고 형식을 자동 수정합니다.
먼저 Clang-Format Binary가 Dev Enviroment에 설치되어 있는지 확인하십시오. 그런 다음 Scripts/Hooks/Pre-Commit을 수정하여 Clangformat이 올바른 경로를 가리 키십시오. 마지막으로 Git Hook를 설정하십시오.
후크를 설정하는 두 가지 방법 :
scripts/hooks/pre-commit .git/hooks 로 복사하십시오git config --local core.hooksPath scripts/hooksAdaptiveCards 바이너리 패키지의 소비는 Microsoft EULA (최종 사용자 라이센스 계약)의 적용을받습니다. 아래에 나열된 관련 이용 약관을 참조하십시오.
참고 : NPM 패키지뿐만 아니라이 리포지토리에서 사용할 수있는 모든 소스 코드 자체는 오픈 소스 MIT 라이센스에 의해 계속 관리됩니다.
다음 SDK는 적응 형 카드 커뮤니티에 의해 사랑스럽게 유지됩니다. 그들의 기여는 진심으로 감사합니다! ?
| 플랫폼 | 설치하다 | 레포 | 관리자 |
|---|---|---|---|
| 반응 | github | BigthinkCode | |
| pic2card | github | BigthinkCode | |
| vue.js | github | Tim Cadenbach |
적응 형 카드에 기여하는 방법에는 여러 가지가 있습니다.
이 프로젝트는 Microsoft 오픈 소스 행동 강령을 채택했습니다. 자세한 내용은 추가 질문이나 의견이 있으면 행동 강령 FAQ 또는 [email protected]에 문의하십시오.
| 특징 | 스키마 버전 | 플랫폼 | 구문 분석 | 표현 |
|---|---|---|---|---|
| action.openurl | v1.0 | 모두 | ✅ | ✅ |
| action.showcard | v1.0 | 모두 | ✅ | ✅ |
| Action.Submit | v1.0 | 모두 | ✅ | ✅ |
| 열 | v1.0 | 모두 | ✅ | ✅ |
| 칼럼 세트 | v1.0 | 모두 | ✅ | ✅ |
| 컨테이너 | v1.0 | 모두 | ✅ | ✅ |
| 사실 | v1.0 | 모두 | ✅ | ✅ |
| 사실 세트 | v1.0 | 모두 | ✅ | ✅ |
| 영상 | v1.0 | 모두 | ✅ | ✅ |
| 이미지 세트 | v1.0 | 모두 | ✅ | ✅ |
| input.choiceset | v1.0 | 모두 | ✅ | ✅ |
| input.date | v1.0 | 모두 | ✅ | ✅ |
| 입력 .number | v1.0 | 모두 | ✅ | ✅ |
| input.text | v1.0 | 모두 | ✅ | ✅ |
| 입력. 시간 | v1.0 | 모두 | ✅ | ✅ |
| 입력 .toggle | v1.0 | 모두 | ✅ | ✅ |
| selectAction | v1.0 | 모두 | ✅ | ✅ |
| 텍스트 블록 | v1.0 | 모두 | ✅ | ✅ |
| 명시적인 이미지 차원 | v1.1 | 모두 | ✅ | ✅ |
| 배경색 | v1.1 | 모두 | ✅ | ✅ |
| 수직 컨텐츠 정렬 | v1.1 | 모두 | ✅ | ✅ |
| 액션 아이콘 | v1.1 | 모두 | ✅ | ✅ |
| 액션 스타일 | v1.2 | 모두 | ✅ | ✅ |
| 가시성 전환 | v1.2 | 모두 | ✅ | ✅ |
| ActionSet | v1.2 | 모두 | ✅ | ✅ |
| 폴백 | v1.2 | 모두 | ✅ | ✅ |
| 컨테이너 배경 | v1.2 | 모두 | ✅ | ✅ |
| 컨테이너 MinHeight | v1.2 | 모두 | ✅ | ✅ |
| 컨테이너 블리드 | v1.2 | 모두 | ✅ | ✅ |
| 컨테이너 스타일 | v1.2 | 모두 | ✅ | ✅ |
| 이미지 데이터 URI | v1.2 | 모두 | ✅ | ✅ |
| 동작 아이콘 데이터 URI | v1.2 | 모두 | ✅ | ✅ |
| input.text 인라인 동작 | v1.2 | 모두 | ✅ | ✅ |
| TextBlock fontType | v1.2 | 모두 | ✅ | ✅ |
| RichTextBlock | v1.2 | 모두 | ✅ | ✅ |
| 입력 레이블 | v1.3 | 모두 | ✅ | ✅ |
| 입력 errormessage | v1.3 | 모두 | ✅ | ✅ |
| 관련된 puts | v1.3 | 모두 | ✅ | ✅ |
| RichTextBlock 밑줄 | v1.3 | 모두 | ✅ | ✅ |
| action.refresh | v1.4 | 모두 | ✅ | ✅ |
| AdaptiveCard 인증 | v1.4 | 모두 | ✅ | ✅ |
| Action.Execute | v1.4 | 모두 | ✅ | ✅ |
| 액션이 가능합니다 | v1.5 | JS | ✅ | ✅ |
| 액션이 가능합니다 | v1.5 | iOS | ✅ | ✅ |
| 액션이 가능합니다 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| 액션이 가능합니다 | v1.5 | XAML | ✅ | ✅ |
| 액션이 가능합니다 | v1.5 | .그물 | ✅ | |
| 액션 모드 | v1.5 | JS | ✅ | ✅ |
| 액션 모드 | v1.5 | iOS | ✅ | ✅ |
| 액션 모드 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| 액션 모드 | v1.5 | XAML | ✅ | ✅ |
| 액션 모드 | v1.5 | .그물 | ✅ | |
| 작업/선택 도구 팁 | v1.5 | JS | ✅ | ✅ |
| 작업/선택 도구 팁 | v1.5 | iOS | ✅ | ✅ |
| 작업/선택 도구 팁 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| 작업/선택 도구 팁 | v1.5 | XAML | ✅ | ✅ |
| 작업/선택 도구 팁 | v1.5 | .그물 | ✅ | |
| input.choiceset 필터링 스타일 | v1.5 | JS | ✅ | ✅ |
| input.choiceset 필터링 스타일 | v1.5 | iOS | ✅ | ✅ |
| input.choiceset 필터링 스타일 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| input.choiceset 필터링 스타일 | v1.5 | XAML | ✅ | ✅ |
| input.choiceset 필터링 스타일 | v1.5 | .그물 | ✅ | |
| input.text 비밀번호 스타일 | v1.5 | JS | ✅ | ✅ |
| input.text 비밀번호 스타일 | v1.5 | iOS | ✅ | ✅ |
| input.text 비밀번호 스타일 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| input.text 비밀번호 스타일 | v1.5 | XAML | ✅ | ✅ |
| input.text 비밀번호 스타일 | v1.5 | .그물 | ✅ | |
| 텍스트 블록 제목 스타일 | v1.5 | JS | ✅ | ✅ |
| 텍스트 블록 제목 스타일 | v1.5 | iOS | ✅ | ✅ |
| 텍스트 블록 제목 스타일 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| 텍스트 블록 제목 스타일 | v1.5 | XAML | ✅ | ✅ |
| 텍스트 블록 제목 스타일 | v1.5 | .그물 | ✅ | |
| RTL | v1.5 | JS | ✅ | ✅ |
| RTL | v1.5 | iOS | ✅ | ✅ |
| RTL | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| RTL | v1.5 | XAML | ✅ | ✅ |
| RTL | v1.5 | .그물 | ✅ | |
| 테이블 | v1.5 | JS | ✅ | ✅ |
| 테이블 | v1.5 | iOS | ✅ | ✅ |
| 테이블 | v1.5 | 기계적 인조 인간 | ✅ | ✅ |
| 테이블 | v1.5 | XAML | ✅ | ✅ |
| 테이블 | v1.5 | .그물 | ✅ | |
| 회전 목마 | v1.6 | JS | ✅ | ✅ |
| 회전 목마 | v1.6 | iOS | ||
| 회전 목마 | v1.6 | 기계적 인조 인간 | ||
| 회전 목마 | v1.6 | XAML | ||
| 회전 목마 | v1.6 | .그물 | ||
| 이미지 세트 스택 프레젠테이션 스타일 | v1.6 | JS | ✅ | ✅ |
| 이미지 세트 스택 프레젠테이션 스타일 | v1.6 | iOS | ||
| 이미지 세트 스택 프레젠테이션 스타일 | v1.6 | 기계적 인조 인간 | ||
| 이미지 세트 스택 프레젠테이션 스타일 | v1.6 | XAML | ||
| 이미지 세트 스택 프레젠테이션 스타일 | v1.6 | .그물 | ||
| 동적 유형 미리 검색 | v1.6 | JS | ||
| 동적 유형 미리 검색 | v1.6 | iOS | ✅ | |
| 동적 유형 미리 검색 | v1.6 | 기계적 인조 인간 | ✅ | |
| 동적 유형 미리 검색 | v1.6 | XAML | ||
| 동적 유형 미리 검색 | v1.6 | .그물 | ||
| 레이블 위치 | v1.6 | JS | ||
| 레이블 위치 | v1.6 | iOS | ||
| 레이블 위치 | v1.6 | 기계적 인조 인간 | ||
| 레이블 위치 | v1.6 | XAML | ||
| 레이블 위치 | v1.6 | .그물 | ||
| 인라인 편집 가능한 입력 스타일 | v1.6 | JS | ||
| 인라인 편집 가능한 입력 스타일 | v1.6 | iOS | ||
| 인라인 편집 가능한 입력 스타일 | v1.6 | 기계적 인조 인간 | ||
| 인라인 편집 가능한 입력 스타일 | v1.6 | XAML | ||
| 인라인 편집 가능한 입력 스타일 | v1.6 | .그물 |