Teams app的task module十分好用，當用戶點擊了一個卡片上的按鈕是可以在Teams里彈出一個對話框，對話框的內(nèi)容可以是開發(fā)人員自己的一個網(wǎng)頁頁面，或者是adaptive card。 在我的LuckyDraw bot里，我比較了這兩種的優(yōu)勢和劣勢，最后選擇了Adaptive card。如果采用網(wǎng)頁，那最大的優(yōu)勢就是可以實現(xiàn)任何你想要的功能和界面互動，只要是html+css+js可以做到的，基本都可以在這個彈出的對話框里實現(xiàn)，劣勢就是工作量大。可能有很多讀者會質(zhì)疑說開發(fā)一個html頁面有什么難的，早就輕車熟路了。那我先來介紹一下到底adaptive card有哪些功能，然后再來看實現(xiàn)這些功能的頁面會需要多少工作量。

自動適配桌面寬屏和和手機窄屏

只要是Teams支持的客戶端平臺，微軟就會為adaptive card提供對應(yīng)的適配支持，并且對不同的屏幕分辨率提供自適應(yīng)。

自動適配teams的不同主題

除了大家常用的默認主題，teams實際上還有一款深色主題，很適合夜間使用。如果使用adaptive card，開發(fā)人員完全不用處理主題的切換和處理，所有一切teams內(nèi)建支持。

?

Teams還有一個主題是高對比度的主題，主要是給視力有障礙的人士設(shè)計的。同樣，使用adaptive card的開發(fā)人員天生就有這個benefit。

自動適配不同時區(qū)的用戶

adaptive card可以根據(jù)當前用戶所在的時區(qū)，自動把UTC時間轉(zhuǎn)換成當前用戶時區(qū)的時間顯示。

自動適配不同語言的布局（從右到左，和從左到右）

雖然teams無法自動把界面文字給翻譯了，但是它會針對語言的文字左右布局，自動調(diào)整，比如從右到左的阿拉伯文：

?

teams升級后的adaptive card的界面自動跟進

當以后teams有升級，teams的界面空間風(fēng)格有變化，微軟會第一時間對應(yīng)的升級adaptive card的界面。或者有一個新的Teams界面主題出來，微軟也會提供對用的adaptive card的風(fēng)格，作為開發(fā)人員完全不用操心，完全不用再花時間去升級界面。

看完上面五點后，大家是否還覺得自己開發(fā)寫html頁面工作量小嗎？當然，我并不是說自己寫頁面沒有用，而且想告訴大家，不到萬不得已，千萬不要自己為難自己，自己給自己增加工作量。

總結(jié)

以上是生活随笔為你收集整理的使用Adaptive cards来构建Teams app的界面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。